CSS

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

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

CSS

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

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

CSS

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

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

CSS

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

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

HTML

Meta теги

Давным-давно, в стародавние времена, когда Интернет был всего лишь парой коробок, связанных одной веревкой, мета-теги были герольдами в этом… эммм.. крохотном царстве.   Мет-теги никак не влияют на отображаемое в браузере содержимое, но используются поисковыми Подробнее…

HTML

Базовая структура веб-страницы

Сегодня мы поговорим о совсем очевидных вещах. Почему бы и нет? Структура веб-страницы выглядит следующим образом: The Doctype Объявление doctype  – первый элемент, отображающийся в исходном коде страницы. Оно предоставляет браузеру информацию о языке разметки, Подробнее…