​Генераторы CSS-кода: самая полная коллекция

#webdev #css

Представляем большую коллекцию самых разнообразных генераторов, с помощью которых вы сможете быстро получить CSS-код для сложных элементов.

Читать статью

​29 идей проектов UI (на HTML, CSS и JavaScript)

#верстка #frontend #html #css #javascript

Создание пользовательских интерфейсов помогает закрепить знания, полученные при изучении HTML, CSS и JS, а также развить дизайнерские способности. Представляем подборку подходящих идей UI-проектов. К каждой прилагается скриншот общего вида и Codepen с примером реализации.

Читать статью

​В чем разница между : и :: в CSS?

#css

Если вы хотите быстро получить ответ на вопрос из заголовка статьи, то вот он:
- : относится к псевдоклассам, таким как :visited или :hover
- :: — для псевдоэлементов, таких как ::first-of-type или ::after

А если хотите более подробных объяснений, давайте рассмотрим примеры.

Читать статью

​Используйте не запрещающие, а разрешающие CSS-селекторы

#css

Небольшая заметка о том, что лучше использовать селекторы, включающие какие-то правила, а не отключающие их.

Читать статью

​Стили списков: полная кастомизация

#css

Давайте разберем, как кастомизированные стили списков могут помочь расположить элементы в разных столбцах, сделать маркеры в виде эмодзи и настроить красивые цифры в нумерации.

Читать статью

​Генераторы CSS-кода: самая полная коллекция

#webdev #css

Представляем большую коллекцию самых разнообразных генераторов, с помощью которых вы сможете быстро получить CSS-код для сложных элементов.

Читать статью

​Светлый и темный режим всего в 14 строках CSS

#css

Пишем код, который будет выявлять системные настройки пользователя при помощи медиа-запросов CSS и таким образом определять базовую цветовую схему.

Читать статью

​CSS-свойство isolation: создаем новый контекст наложения

#css

Когда вы используете z-index, может быть трудно поддерживать порядок. Нужно быть очень внимательным и следить за тем, где он используется и с какими значениями. Применение isolation может оказаться удобным выходом.

Читать статью

​CSS-свойства для работы с изображениями

#css

Автор статьи привел примеры использования пяти CSS-свойств для работы с картинками.

Читать статью

​​В чем разница между : и :: в CSS?

#css

Если вы хотите быстро получить ответ на вопрос из заголовка статьи, то вот он:
- : относится к псевдоклассам, таким как :visited или :hover
- :: — для псевдоэлементов, таких как ::first-of-type или ::after

А если хотите более подробных объяснений, давайте рассмотрим примеры.

Читать статью