Верстка \ CSS 3

7 случаев использования пользовательских свойств CSS

От автора: пользовательские свойства (также известные как CSS-переменные) позволяют нам хранить значения свойств для повторного использования в таблицах стилей. Если вы относительно новичок в этой теме, вы можете задаться вопросом, когда можно использовать их вместо переменных препроцессора (если вы действительно используете препроцессор). В эти дни я часто использую пользовательские свойства в своем рабочем процессе, и я подумал, что было бы хорошо показать некоторые варианты использования.

Продолжить чтение

Верстка \ HTML5

Цитирование в HTML

От автора: слишком часто можно увидеть неправильный HTML-код, используемый для цитат в разметке. В этой статье давайте разберемся со всем этим, рассмотрим различные ситуации и разные HTML-теги для этих ситуаций.

Продолжить чтение

Верстка \ Курс по HTML&CSS

Создание улучшенного пользовательского элемента выбора

От автора: в моей работе в качестве консультанта по доступности я часто сталкиваюсь с проблемами на сайтах. В последнее время очень часто встречается то, что люди создают элементы выбора для форм. Я могу сказать, что они пытаются сделать их доступными, потому что добавляют атрибуты ARIA или визуально скрытые инструкции для пользователей программ чтения с экрана. Иногда они используют плагин, создатели которого утверждают, что он доступен. И это здорово, мне нравится, что люди хотят поступать правильно! Но до сих пор я ни разу не сталкивалась с пользовательским элементом выбора, который на самом деле соответствует всем критериям WCAG AA.

Продолжить чтение

Верстка \ CSS 3

Учимся создавать макет Masonry-галереи, используя чистый CSS

От автора: сегодня я собираюсь показать вам, как вы можете построить сложную Masonry-сетку, используя CSS Grid. CSS Grid изменил способ разработки наших макетов, и мы собираемся создать интересный проект, используя его возможности.

Продолжить чтение

Верстка \ CSS 3

Как реализовать перекрытие изображений в CSS

От автора: очень популярная в веб-дизайне в настоящее время вещь — это перекрывающиеся изображения. Когда вам, как разработчику, передается проект, есть несколько способов реализовать это — как и почти всегда в CSS.

Продолжить чтение

Верстка \ CSS 3

Описательные имена классов CSS

От автора: иногда я сталкиваюсь с ситуациями, когда мне нужны дополнительные имена классов CSS для манипулирования стилями. Когда это происходит, я делю эти ситуации на стандартные типы и присваиваю каждому типу префикс имени класса, который представляет этот тип.

Продолжить чтение

Верстка \ CSS 3

Рассмотрение кейса пользовательского интерфейса: стили компонентов карточки

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

Продолжить чтение