Перевод статьи "The Ultimate Practical Guide to CSS Grid" by Richard Nikolas - практические советы по использованию CSS Grid с примерами кода (+CodePen).

Подборка бесплатных сервисов (например, онлайн генерация креативных hover-эффектов, разделителей секций) и ссылок на полезные ресурсы для веб разработчика.

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

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

Практикум по реализации 3D-эффект переворота формы авторизации от канал uWebCode

Практикум по реализации выдавленного текста с помощью CSS.

Сергей Фомин, преподаватель Компьютерной школы Hillel, в своём докладе рассказывает о том, что такое переменные в CSS, а так же о приёмах, при которых кастомные CSS-свойства делают вёрстку более удобной и упорядоченной.

Справочник дефолтных значений стилей в браузерах.

Онлайн генератор CSS кода для вертикальной и горизонтальной центровки элемента.

Задачи по верстке. Реализовано в виде платформы для игры в гольф. Главная задача сверстать предложенное изображение, чем меньше использовано CSS и HTML кода (подсчитывается количество использованных символов в онлайн-редакторе), тем больше очков получает игрок.

Паттерны CSS Flexbox раскладок с примерами кода.

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

Иллюстрированное введение в CSS Grid.

Сервис для проверки поддержки браузерами HTML тэгов и CSS свойств

Аналог сервиса caniuse.com для проверки возможности использования HTML тегов и CSS свойств для верстки электронных писем.