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

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

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

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

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

Скринкаст без голосового сопровождения по созданию веб-сайта личного портфолио с использованием 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, также рассматриваются вопросы заливки на хостинг, связь страниц и другие темы.

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

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

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

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

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