Полный видеокурс по HTML и CSS с нуля, включает создание 6 проектов и решение более 80 задач.

В этом видео рассказывается о 10 возможностях CSS, которые следует знать в 2023 году - clamp, smooth, Scroll Snap, insety, order, has (pseudo-class), is (pseuod-class) и др.

Скринкаст без голосового сопровождения по созданию анимации волны на тексте, используя только CSS и HTML

Автор видео делится своим опытом изучения CSS, когда она начал изучать веб-разработку, он был самоучкой и столкнулся с изрядной долей проблем и допустил ряд ошибок, о которые даже не осознавал. В этом видео он даёт 6 советов по CSS, которые хотел бы сам получить, когда только начал изучения верстки.

В этом видео автор делится примерами использования таких свойств CSS, как clip-path, aspcet-ratio, perspective, CSS фильтров (Blur, Gray Scale и т.д.) и псевдоклассов :is, :where, :has, :not.

В это видео рассматриваются топ 10 однострочников на CSS, которые поразят вас.

11-часовой видеокурс по CSS3, состоящий из 24-х глав. От основ до использования Flexbox, Grid, CSS переменных, функций и анимаций.

Практикум по созданию аналоговых часов, используя HTML CSS и JavaScript

Скринкаст без голосового сопровождения по созданию веб-сайта личного портфолио с использованием HTML и CSS.

Скринкаст без голосового сопровождения по созданию полноценного адаптивного веб-сайта интернет-кафе с использованием html css и ванильного javascript. Основные фичи проекта: ✔ адаптивный раздел заголовка с полем поиска, переключателем навигационной панели и окном корзины покупок, ✔ адаптивный домашний раздел с использованием CSS flexbox, ✔ адаптивный раздел о разделе с использованием CSS flexbox, ✔ адаптивный раздел карты меню с использованием CSS-сетки, ✔ адаптивный раздел карточек товаров с использованием CSS-сетки, ✔ адаптивный раздел отзывов/отзывов с использованием CSS-сетки, ✔ адаптивный раздел контактной формы с использованием CSS-сетки, ✔ адаптивный раздел блогов/новостей с использованием CSS-сетки, ✔ адаптивный нижний колонтитул.

Практикум по созданию калькулятора на HTML, CSS и немного JavaScript. В видео нет голосового сопровождения, только написание кода и его результат в режиме реального времени.

Продвинутый редактор градиентов CSS со слоями и инструментами редактирования.

Руководство по новым псевдоклассам (:any-link, :is, :where и другим), которые в настоящее время лучше всего поддерживаются, а также приведены примеры, демонстрирующие, как вы можете начать использовать их сегодня!

Сервис для создания сложных фигур с помощью свойства clip-path

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