Ответы пользователя по тегу HTML
  • В каких форматах должен отдаваться верстальщику дизайн макета сайта?

    GriNAME
    @GriNAME
    Front-End Developer, Android Developer
    Мы с моим дизайнером работаем в Figma. Это веб приложение с очень удобными инструментами для дизайнера и супер удобным способом переносить дизайн на верстку. Бесплатная версия имеет весь функционал, ограничение по количеству проектов в 3, и история версий макета хранится месяц. За 700р все эти ограничения снимаются, но это нужно только дизайнеру. Так что первое время можно без каких либо ущемлений обходиться бесплатной версией.
    Там есть комментарии, что очень удобно. Можно любой элемент прокомментировать или задать вопрос дизайнеру, верстальщику, клиенту. Снимать все данные для элементов очень удобно, можно даже просто через ПКМ скопировать готовые стили, если кому так удобнее. Всю работу можно смотреть в лайв режиме, видно курсоры других людей кто на данный момент в проекте, видно какой элемент им выделен и он с ним работает. Есть очень удобнонастраиваемая система адаптивных сеток.
    В общем мы уже несколько заказов на этом сервисе сделали и нам очень нравится.

    Еще удобны программы такие как Sketch (для мака) и Adobe Experience Design. Adobe XD еще в бета версии, но уже годная программа с отличным прототипированием и возможность показать дизайн в действии. И я думаю она в скором времени обгонит скетч по функционалу и будет более предпочтительным выбором.

    А иллюстратор, корел дро, фотошоп это программы для рисования непосредственно графики, которую потом можно, и так нужно делать в принципе, перенести в программы для разработки дизайнов сайтов и мобильных приложений. И использование фотошопа и других программ для создание дизайнов это была вынужденная мера, потому что других вариантов не было. Сейчас их используют только из-за массовой привычки и нежелания узнать а какие современные инструменты для удобной и быстрой работы с дизайном и для дизайнера и для верстальщика и для демонстрации клиента существуют на сегодняшний день.
    Ответ написан
    Комментировать
  • Допустимо ли в БЭМ задавать блоку модификатор?

    GriNAME
    @GriNAME
    Front-End Developer, Android Developer
    Класс модификатор один не используется. То есть всегда надо писать минимум 2 класса
    block block_mod
    block__elem block__elem_mod

    Если у вас модификаторы блока сильно меняют сам блок то для элементов создайте модификаторы, которые будут подстраивать элементы под тот или иной размер / отступы / цвет / форму блока.
    Если блок одного стиля, то для элементов такой модификатор. Если блок другой то и другие модификаторы для элементов

    Например
    block block_big
    block__elem block__elem_big

    block block_small
    block__elem block__elem_small
    Ответ написан
    Комментировать
  • Какие флексбокс сетки вы используете?

    GriNAME
    @GriNAME
    Front-End Developer, Android Developer
    Мы с напарником используем свою сетку GMD.
    https://gmdjs.github.io

    PS: так как писалось все для себя, то доки до сих пор не найду время 'причесать'. Но планирую в ближайшее время и даже серию видеоуроков на ютуб
    Ответ написан
  • Верстальщики, что вы используете для адаптивной верстки?

    GriNAME
    @GriNAME
    Front-End Developer, Android Developer
    Использую препроцессорную адаптивную сетку, что в разы удобнее бутстрапа и аналогичных популярных сеток, где мы расставляем классы в разметке. В препроцессорной сетке вся адаптивка задается в стилях, быстро, красиво и удобно. При этом и код чище (в разы меньше классов, не надо делать бутстраповсткую огромную вложенность) и стили меньше весят.
    Вот пример такой сетки https://github.com/GMDJS/GMDJS
    Это мой фреймворк, который я развиваю с командой. Сетка уже проверена перепроверена и постоянно используется в работе, вся команда не нарадуется) Ну и другие так же делаем готовые компоненты материал дизайна. Возможности аналогичны бутстрапу, но при этом вся магия происходит в препроцессорах. И поэтому не надо подключать целую либу, в стили скомпилятся только те классы, которые были использованы. Неиспользованные стили в продакшн не попадают.
    Ответ написан
  • Есть сайты для общения начинающих программистов, или что-то подобное?

    GriNAME
    @GriNAME
    Front-End Developer, Android Developer
    Есть чат в телеграмме
    https://telegram.me/WebProgrammingRu
    правда он для веб разработчиков и численность там не очень большая, но зато он очень активный)) Все кто есть принимает участие в разговорах, оказании помощи и т.д.
    Ответ написан
    1 комментарий