BEM

  • ХабрахабрФото Инфраструктура А/Б-экспериментов в большом Поиске. Доклад Яндекса
    Стас Молотов03.09.2019
    0 2

    Инфраструктура А/Б-экспериментов в большом Поиске. Доклад Яндекса

    А/Б-тестирование — мощный способ проверки интерфейсов перед публикацией на всю аудиторию. Я решил рассказать, из чего этот инструмент состоит, какие у него особенности логирования, как составляются метрики и в чем суть экспериментов во фронтенде. Поговорим об их устройстве и сервисах для решения ежедневных аналитических задач. Обсудим несколько путей развития для разработчика, который вроде бы всё уже умеет, но хочет больше.…

    Читать далее »
  • ХабрахабрФото Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери™
    Григорий Воронцов20.08.2019
    0 26

    Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери™

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

    Читать далее »
  • ХабрахабрФото Удобный БЭМ
    Григорий Воронцов17.02.2019
    0 3

    Удобный БЭМ

    В этой статье я расскажу, как можно изменить БЭМ, сохранив лучшие его черты и избавившись от худших.Итак, сначала поговорим о том, что не так с БЭМ? Приветствую. Может, ничего не надо менять и все и так хорошо? Она вводит понятия блока, элемента, модификатора и микса. БЭМ — это методология, позволяющая использовать CSS/HTML/JS много раз. Но спустя некоторое время начинают встречаться…

    Читать далее »
  • ХабрахабрФото Реактивный фронтенд. История о том, как мы снова всё переписали
    Григорий Воронцов15.06.2018
    0 6

    Реактивный фронтенд. История о том, как мы снова всё переписали

    Привет, это снова Катя из Яндекс.Денег. Продолжаю свою историю о том, как я перестала верстать и начала жить. В первой части я рассказала, как меня сюда занесло и чем занимаются наши фронтендеры. Сегодня — про фронтовый стек, откуда там React и куда делся БЭМ. Погнали! Спойлер: БЭМ пока никуда не делся ¯\_(ツ)_/¯. Много текста, картинок и кода, как обещала. Внимание:…

    Читать далее »
  • ХабрахабрФото [Из песочницы] Переиспользуемые UI компоненты в приложениях на Ruby on Rails
    Andy06.04.2018
    13

    [Из песочницы] Переиспользуемые UI компоненты в приложениях на Ruby on Rails

    В этой статье, я хотел бы рассказать об альтернативном способе организации фронтенда для приложений на Ruby on Rails. В основном я работаю на бэкенде, но время от времени появляются задачи на фронтенде и то, что зачастую приходится там видеть, не внушает никакого оптимизма для дальнейшей работы. Каждый разработчик на свое усмотрение организовывает файловую структуру для хранения CSS и JavaScript кода,…

    Читать далее »
  • ХабрахабрФото [Перевод] Современный CSS для динозавров
    Andy08.02.2018
    37

    [Перевод] Современный CSS для динозавров

    — Двигать пиксели в CSS и так было трудно! А теперь мне говорят, насколько круто использовать несемантические названия классов, встроенные стили в HTML и даже писать стили CSS на JavaScript![Вставь тут гифку из «Гриффинов»] — Ха!Иллюстрации из Dinosaur Comics Райана Норта Как ни странно, CSS считается одновременно одним из самых простых и одним из самых сложных языков для веб-разработчика. Определённо…

    Читать далее »


Кнопка «Наверх»