Меню №1
Горизонтальное меню из списка <ul></ul>
Меню №2
Горизонтальное меню с выпадающим подменю из списка <ul></ul> с :hover (продолжение)
Меню №3
Горизонтальное меню с выпадающим подменю и иконками на кнопках с использованием ролловера (продолжение)
Меню №4
Вертикальное меню с выпадающим подменю из списка <ul></ul> с :hover
Меню №5
Вертикальное и кликабельное раскрывающееся меню с псевдоклассом :target
Меню №6
Отзывчивое меню навигации с псевдоклассом :target №2
Меню №7
Отзывчивое меню навигации с псевдоклассом :checked
Макет №1
Макет страницы с верхней и нижней полосой, которые остаются всегда на экране при промотке с помощью position: fixed
Макет №2
Макет страницы с демонстрацией свойства float
Макет №3
Макет страницы с демонстрацией встроенного iframe
Макет №4
Макет обложки книги с применением свойств position и background
Макет №5
Многоколоночная вёрстка со свойством float , где плавующие элементы остаются в контейнере.
Изображения №1
Пример фотогалереи
Изображения №2
Динамичный фон с использованием анимации
Изображения №3
Анимированная галерея
Изображения №4
Оттенки серого и размытие
Изображения №5
Оттенки серого меняются на оригинальные при :hover
Таблицы №1
Пример таблицы
web-формы №1
Пример web-формы
web-формы №2
Пример web-формы с применением position: sticky
Кнопки №1
Коллекция кнопок
Кнопки №2
Необычная кнопка
Кнопки №3
Меню с анимированными кнопками
Кнопки №4
Кнопки с градиентами
Кнопки №5
Кнопка поиска
Кнопки №6
Кнопка с использованием псевдо-класса :checked
Адаптивный дизайн №1
Пример адаптивного дизайна с использованием свойства display: inline-block (адаптируются только изображения)
Адаптивный дизайн №2
Пример адаптивного дизайна с использованием свойства float (демонстрация свойства при адаптации)
Адаптивный дизайн №3
Пример адаптивного дизайна с использованием точек останова
2d/3d эффекты №1
Вечный слайдер
2d/3d эффекты №2
Фотоплёнка
2d/3d эффекты №3
Замечательное меню с использованием псевдокласса :target
2d/3d эффекты №4
Интерактивное солнце с использованием псевдокласса :target
2d/3d эффекты №5
Меню в размытии
2d/3d эффекты №6
Падающие изображения
2d/3d эффекты №7
Полоса загрузки
2d/3d эффекты №8
Поворотная карточка с использованием perspective
2d/3d эффекты №9
Анимация карточки с использованием perspective
skeleton №1
Пример вёрстки
flexbox №1
Фотогалерея
flexbox №2
Макет титульной страницы
flexbox №3
Адаптивный макет
flexbox №4
Меню
flexbox №5
Фотогалерея №2
grid №1
grid №2
grid №3
Фотогалерея (адаптивная с auto-fit)
grid №4
Фотогалерея (адаптивная с именами ячеек)
