Автор статьи рассказывает о примерах использования таких свойств как text-decoration-line, text-decoration-thickness, text-decoration-style, text-decoration-color и box-decoration-break для стилизации текста, как корректно обрезать изображение с помощью object-position, как с помощью scroll-margin-top сохранить контент видимым после прокрутки страницы

Видеоролик по CSS Grid - 13-минутное глубокое погружение

В этом видео вы узнаете, как сделать выпадающее меню на чистом HTML & CSS шаг за шагом.

В видео показаны недавно добавленные псевдоклассы в CSS, которые могут пригодиться на практике - :is, :where, :has, :not

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

Практикум с подробным объяснением по верстке сайта ресторана по шаблону, в том числе с адаптацией под мобильные устройства.

В видео показано как создать крутую 3D сцену с использованием HTML, CSS и JavaScript. Рассмотрены интересные приёмы вёрстки - создание эффектного анимированного фона, переливающееся освещение сцены, 3D эффект вращения айтемов и разработан кастомный эффект переключения слайдов с помощью cubic-bezier.

Автор видео рассказывает об использовании продвинутых значений/атрибутов для некоторых свойств CSS и тэгом HTML, например для begraund-image: image-set, для width: clamp, svh, dvh, для тега <img> атрибут loading со значением "lazy" и другие интересные фичи.

Мастер класс по HTML CSS/SCSS верстке главной страницы интернет магазина с JavaScript интерактивом, табами и Swiper слайдером, и мобильной адаптацией. Использование новых CSS функций clamp, свойства aspect-ration, CSS переменными и retina оптимизацией графики в HTML и CSS.

В этом видео показано как верстать полный многостраничный сайт на html/css/js, также рассматриваются вопросы заливки на хостинг, связь страниц и другие темы.

Практикум по верстке простого лендинга для продажи наручных часов.

В этом видео можете увидеть как верстают полный сайт для новичков в верстке, то есть прям для людей, которые делают самые первые шаги, начинают с самого начала. Эта верстка для самых маленьких в этой сфере и объясняется абсолютно все.

В этом видео автор рассказывает обо всех пяти значениях свойства position: static, relative, absolute, fixed и sticky, показывая примеры использования каждого значения и сравнивая их друг с другом. К концу этого видео у вас будет глубокое понимание взаимодействия между различными способами позиционирования в CSS, которые вы сможете эффективно использовать.

В данном видео рассмотрено создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother. Урок включает в себя: обзор материалов и подготовка графики, подключение файлов CSS и JavaScript, создание главного экрана сайта, HTML верстка галереи портфолио, CSS стилизация портфолио на сайте, плавная прокрутка страницы на JS, управление эффектами при скролле, работа сайта на мобильных устройствах, анимация элементов при скролле.

Полный Курс по CSS для начинающих.. Этот курс по CSS научит Вас всему, что нужно для начала работы