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

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

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

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

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

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

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

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

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

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

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

В этом видео рассмотрено несколько полезных свойств и возможностей 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