• Как создать свой генератор для Yeoman?

    @dixoNich
    frontend developer
    На сайте у них даже пошаговая инструкция есть
    yeoman.io/codelab/setup.html
    Ответ написан
    Комментировать
  • Как сверстать блок такой формы?

    @soledar10
    html css3 js jquery
    приблизительно так
    jsfiddle.net/soledar10/m87qxvxq

    или так

    jsfiddle.net/soledar10/v5c2rkhe
    Ответ написан
    Комментировать
  • Где найти нормально дизайнера для стартапа?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    До тех пор пока предлагаются теоретические проценты от возможной прибыли мало кто из нормальных дизайнеров согласится. Мне очень много раз предлагали подобную работы за проценты, но ни один из этих стартаперов не смог внятно ответить на мои вопросы о том, от какой суммы будет этот процент (в любом деле есть планируемые цифры и это не проблема), какие цифры будут через месяц после старта, через год. Как юридически все будет оформляться и т.д. и т.п.
    Мне почему-то писали что «если вы сомневаетесь, то мы найдем другого» и даже обижались на недоверие, что меня несколько удивляло)))

    Почему никто из вас не может сказать ничего кроме «Обещаем Н% от *название источника денег*»?)) Потому что сами нифига не знают ищут того, кто поверит. Вот пока это не изменится «стартапы» не смогу найти «нормлаьного и адекватного дизайнера». Берите дизайнером своего друга, с которым знакомы лично давно - это выход в вашем случае предложения теоретических процентов.

    При этом, стартапы с которыми я действительно успешно работал оплачивали дизайн как обычно. Где же они находили средства, интересно?)))
    Ответ написан
  • Почему браузер присваивает разную кодировку php-файлам: utf-8 кодируется в utf-8, а utf-8 без BOM - в windows-1251?

    zoonman
    @zoonman
    ⋆⋆⋆⋆⋆
    BOM придуман для явного указания того, что в данном файле содержится текст в кодировке UTF-8. BOM - это простой байтовый маркер в начале любого файла. При его скачивании браузер принимает этот маркер и понимает, что нужно использовать выбранную кодировку. Кроме этого, сам веб-сервер на этапе интерпретации файла может распознать BOM и отправить заголовок с соответствующим charset (кодировкой).
    Если BOM не указан, то все зависит от конфигурации веб-сервера и браузера. Если на сервере не настроен DefaultCharset, то данные отдаются без указания charset и распознавание кодировки полностью ложится на плечи браузера. Поэтому он пытается сканировать документ на наличие мета-тега с кодировкой и, если его нет, использует кодировку по умолчанию. Кодировка по умолчанию зависит от браузера, его настроек и операционной системы. Это ответ на вопрос - почему в разных браузерах файл может выглядеть по-разному.

    Чтобы избежать подобных проблем нужно на первоначальном этапе создания проекта определиться с кодировкой по умолчанию и использовать ее повсюду. На настоящий момент стандартом де-факто является UTF-8. Используйте ее. Далее следует настроить ваш веб-сервер, чтобы он по умолчанию отдавал utf-8.
    Если такая возможность отсутствует, всегда есть возможность указать мета-тег
    <meta charset="UTF-8">
    В идеале ваше php приложение должно отдавать корректный тип контента и кодировку в виде заголовка.
    И напоследок - использовать IDE, которая может правильно работать с файлами в различных кодировках. Например PHPStorm.
    Ответ написан
    1 комментарий
  • Какой подход выбрать при верстке мобильной версии сайта?

    bootd
    @bootd Куратор тега HTML
    Гугли и ты откроешь врата знаний!
    2й и только. Но вот с таким тегом

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    Ответ написан
    Комментировать
  • А не поможете с CSS и flexbox?

    .language-switcher .dropdown {
       margin-top: 0;
    }
    Ответ написан
    Комментировать
  • CSS:keyframes - остановить движение элемента?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Вот так можно останавливать анимацию.
    Используем animation-play-state.
    А для количества повторов используется animation-iteration-count.

    Пример для одноразовой смены фона. Используется animation-fill-mode.
    Ответ написан
    2 комментария
  • Анимация при появлении нового элемента, как?

    FMars
    @FMars
    Я бы реализовал с помощью CSS, а не JS.
    Рекомендую использовать готовый набор анимаций: Animate.css. Просто подключите скачанный css-файл и добавьте к элементу который должен появиться класс "animated" и вид анимации, например:
    <span class="animated fadeIn">Test 6</span>
    Ответ написан
    6 комментариев
  • Как организовать работу с дизайнером мобильных приложений?

    varzin
    @varzin
    UI/UX дизайнер в instadev.ru
    Сначала обозначаются и утверждаются задачи продукта. Какие кейсы он должен решать. Как вы сами лично видите его (продукт). Чем подробнее, тем лучше. После этого можно начинать работу.

    Проектировать интерфейс должен человек имеющий опыт работы в UX. Эта часть даже более важна, чем визуальная, так как отвечает за то, что будет чувствовать человек, когда будет работать с приложением и как будет себя вести. Он должен иметь опыт в юзабилити, понимать особенности платформ, хорошо представлять, как происходит разработка под конкретную платформу, быть знакомым с различными практиками решений конкретных задач, знать, что в системе сделать просто, что сложно. Также очень важно уметь делать интерактивные прототипы, чтобы быстро тестировать какие-то решения (или демонстрировать их клиенту / раработчику).

    Дизайнер также должен иметь опыт создания интерфейсов под конкретную платформу.

    Хорошо, когда и UX и UI делает один человек (или одна команда) имеющая опыт в обеих областях. Супер хорошо, если они еще и отлично знают кухню непосредственно разработки.

    Также на протяжении всего проекта важно быть уверенным, что и клиент, и дизайнер, и разработчик говорят об одном продукте и видят его одинаково. Еще важно четко определить конкретную цель к которой вы все вместе идете, конкретно то, что вы хотите создать, так как во время разработки будет большой соблазн наворотить продукт дополнительными фишками. Это лучше оставить на будущие и вообще хорошо спланировать.

    Для демонстрации и обсуждения дизайна или прототипов с клиентом или командой есть множество готовых сервисов. Все заточены под конкретные задачи. Как пример для удаленного обсуждения макетов мы часто используем сервис www.invisionapp.com Можно прямо там указывать на конкретные места и обсуждать их или связывать макеты в кликабельный прототип.

    Получилось немного сумбурно, надеюсь, что помог.
    Ответ написан
    5 комментариев
  • Возможно ли смёрджить только последний коммит из дев'а в мастер?

    evnuh
    @evnuh
    Поиск Гугл помог мне, впусти и ты его в свой дом
    git rebase -i
    В открывшемся редакторе на все коммиты кроме одного ставите s (squash) и они все объединятся в один.
    А вообще забудьте про переписывание истории. Все что было сделано в таком же виде и должно оставаться. Красота дерева коммитов никому не несет никакой пользы, а вот blame на нужной строяке после переписывания вами истории уже будет указывать не на реальный коммит в котором была сделана правка, а на коммит в котором вы переписали историю. Rebase злая штука. Merge наше всё. А главное просто и понятно.
    Ответ написан
    2 комментария
  • Возможно ли смёрджить только последний коммит из дев'а в мастер?

    jcmvbkbc
    @jcmvbkbc
    "I'm here to consult you" © Dogbert
    Смёржить только последний коммит, без предыдущих нельзя, но можно сделать cherry-pick, если я правильно понял вопрос.
    Ответ написан
    4 комментария
  • Почему дизайны новых стартапов как-будто сделаны под-копирку?

    service_man
    @service_man
    Работаю над ServiceSpeedUP.com
    Потому что так дешевле, начинающий стартап должен протестировать свою идею с минимальными тратами, а копирование заведомо дешевле изготовления с нуля. Стартапы, протестировавшие свою идею, обычно уже не делают свои интерфейсы "под копирку".
    Ответ написан
    Комментировать
  • Какой дизайн сайта сейчас впереди?

    vaux
    @vaux
    Курящий лыжник
    Веб-дизайн, как и любая другая область, развивается. Сейчас основной принцип, которым руководствуются профессиональные веб-дизайнеры и дизайнеры интерфейсов - убрать всё лишнее. На большинстве качественных сайтов вы увидите только нужную информацию и правильные акценты, где нет часиков на флеше, баннера с обменным курсом, полоской новостей, идущей по краю сайта, занимающей четверть страницы и отображающей новости аж годовой давности. Всё это осталось в прошлом. Хорошие мысли по этому поводу я часто встречаю в советах на сайте бюро Артема Горбунова. Вот, кстати, сегодняшний совет, который можно отнести и к вашему вопросу: artgorbunov.ru/bb/soviet/20150216. Вообще, они проповедуют принцип максимизации полезного действия, с которым я крайне согласен. Кстати, этот принцип относится не только к веб-дизайну, но и ко всему дизайну в широком его понимании.
    Ответ написан
    11 комментариев
  • Где взять стартовые HTML-шаблоны?

    @pchelovek
    HTML-верстальщик
    Гриды есть такие:
    Строго адаптивный jeet.gs
    semantic.gs
    fluidity
    Ответ написан
    3 комментария
  • Как обеспечить заказчика удобным управлением сайта?

    jlekapb
    @jlekapb
    .do
    Расскажите клиенту про markdown, пусть редактирует файлы, если они удобно расположены и нет риска сломать сайт.
    Ответ написан
    Комментировать
  • Как поменять фото, автоматически появляющееся в соц сетях при публикации ссылки на сайт?

    nazarpc
    @nazarpc
    Open Source enthusiast
    Open Graph Protocol почитайте, Facebook и vk.com его точно поддерживают, для других скорее всего тоже подойдет, но могут быть и дополнительные фичи, смотрите раздел для разработчиков, там всё написано с примерами.
    Ответ написан
    Комментировать
  • Какой вид отображения (сеткой или строками) в категории выбирать и почему?

    p1xel
    @p1xel
    UX-спасатель
    Всё зависит от двух факторов, которые определяют сценарии использования магазина.

    1) Целевая аудитория. Если ЦА привыкла покупать глазами (магазин гламурных сумочек) — используем картинки и забываем про табличный вид.
    Если ЦА важна максимальная плотность информации и внимание к характеристикам (например, оптовики на сайте по закупу автозапчастей), то стоит выбрать табличный вариант.

    2) Продукт. Если мы продаем эффектные вау-штуки, то без картинок никуда. Если продаем внешне похожие вещи, но с кучей разных характеристик (смартфоны), то подойдет табличный вид с очень маленьким изображением товара.
    Ответ написан
    Комментировать