Подсказки о доступности подсказок

Возможно, совсем недавно вы читали статью Адриана Розелли “Отскребая соженный тост” или “Обсуждение подсказок” Криса Койлера. Или, возможно, изучали гит-репозитории “Стандартного UI-элемента – тост” и ветку его обсуждения в WICG. В конце концов, вы можете быть знакомы с концепцией подсказок из документации Андроид и Material Design. Но, независимо от того, Читать дальше…

Плейсхолдеры в полях делают больно

Статья достаточно старая (2014 год), но разработчики форм косячат снова и снова. В общем, не баян, а классика Если коротко: плейсхолдеры вместо ярлыков увеличивают количество ошибок и нагружают память пользователей. А еще, мешают людям с нарушением зрения и когнитивных функций. Контекстные описания и подсказки объясняют, что происходит в каждом поле Читать дальше…

Блок со скошенными углами на CSS

Несколько дней назад мы опубликовали скошенный hero-компонент, модификатор простого блока. Его можно использовать для дизайна, основанного исключительно на прямоугольных сечениях. Летс ду ит! Есть видеоурок, где объясняются различные способы реализации скосов у блока (а тут YouTube канал) Компонент из пособия строится на фреймворке CodyHouse Существует несколько способов создать блок со Читать дальше…

CSS Grid Layout: Простой старт в два шага – хорошее объяснение

Что вы узнаете: Как построить CSS-сетку, поддерживаемую браузерами. Как подключить Grid Layout. Разберетесь в основах строк и столбцов сетки. Познакомитесь с новой дробной единицей (fr). Поработаете со вложенными сетками. ДА! Пора начинать! Если вы, вдруг, не знаете, что такое CSS Grid, то, в двух словах, это относительно новый стандарт для Читать дальше…

Полное руководство по Flexbox – учимся на примерах

Какой самый лучший способ понять Flexbox? Изучить основы и написать кучу разных штук. Именно этим мы и займемся. Но сначала стоит кое-что уточнить: Эта статья написана для разработчиков среднего уровня и предполагает, что вы уже имеете представление о Флексбоксах. Но… Если вы в курсе, что такое CSS, но не имели Читать дальше…

Распространенные CSS ошибки (и как их избежать)

Это список популярных ошибок в проектировании, масштабировании, производительности или обслуживании, которые я постоянно нахожу при рефакторинге клиентского CSS кода. Что разработчики могут делать не так? Использовать единицы при указании межстрочного интервала Это приводит к тому, что дочерние элементы наследуют конкретно указанное у родителя значение. Без относительности вам придется каждый раз Читать дальше…