В этом видео рассмотрено несколько полезных свойств и возможностей CSS, которые вам могут пригодиться в ежедневной вёрстке. Вы сможете узнать о Resize, Scroll-snap, Scroll-smooth, Переворот текста (transform scale), Смешивание цветов (mix-blend-mode), Aspect-ratio

В этом видео рассмотрим как пользоваться функциями min, max и clamp, которые могут быть использованы везде где указываются числовые значения в CSS. Это размеры, отступы, радиус, позиционирование. Данные функции имеют хорошую поддержку: min и max по 98%, clamp - 95% по Can I Use. Также будут показаны наглядные примеры их использования в HTML верстке сайтов.

В этом уроке рассматривается создание сайта с красивым 3D эффектом. Показано как происходит создание таких крутых сайтов и подробно объясняются все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация эффекта глубины на сайте посредством 3D перспективы. Вы удивитесь, насколько просто и быстро можно разрабатывать подобные вещи, используя современный CSS.

Видео по самым базовым основам CSS

Курс веб разработки сайтов на HTML и CSS с нуля. Профессия Frontend разработчик. Верстка сайтов. В этом видео вы узнаете о таких темах:Интро в курс HTML и CSS, Содержание курса, HTML и CSS файлы, Установка редактора Visual Studio Code, Создание файла index html, Базовая разметка страницы html 5, Тема оформления vscode, Первые html теги, Инспектор элементов сайта, Форматирование html документа, блочные и строчные теги (h, p, span), CSS свойства, создание файла CSS, Введение в каскадность (приоритетность) CSS стилей, Подключение CSS файла к HTML докуенту, Настройка Wrap with Abbreviation в Emmet, Множественное обворачивание в тег, Вложенный список html и многое другое...

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

Видео-урок по CSS Grid от канала "ВебКадеми - веб-разработка, программирование и IT"

Плейлист от канала "Анна Блок", посвященный реализации различных эффектов и продвинутых приемов использования CSS - обтекание текста вокруг нестандартных форм, методы обрезки изображений при помощи CSS и SVG, Glitch для любого текста, обтекание тени box-shadow вокруг нестандартной фигуры и др.

Плейлист от канала "CodeQuest", посвященный верстке сайта с помощью сеточного фреймворка Bootstrap 5, часть видео посвящена реализации с нуля своего Bootstrap.

Перевод статьи "Complete CSS Grid Tutorial with Cheat Sheet" by Joy Shaheb

Серия видео для подготовки к собеседованию на позицию Junior и Middle Frontend разработчик от канала WebDev, рассматриваются вопросы по JavaScript, CSS, HTML и Web technologies.

Практикум по верстке продуктового лендинга с нуля с использованием Gulp, CSS Grid, БЭМ от канала "MaxGraph - cайты как страсть"

Практикум по адаптивной верстке интернет-магазина из трех страниц - главная, каталог, товар с использованием Gulp, SCSS, JS от канала "MaxGraph - cайты как страсть"

Практикум по верстке шапки сайта на гридах и флексах с гэпами и БЭМ от Вадима Макеева

Плейлист, в котором автор показывает как верстать различные сайты, лендинги, подключать слайдеры, карусели, модальные окна и многое другое.