Скрываем/показываем Header при прокрутке

Как скрывать Header при прокрутке страницы вниз и отображать при прокрутке вверх

Аккордеон меню на jQuery

Напишем простое и универсальное аккордеон меню на jQuery

Подключаем веб-шрифты

Как просто и корректно подключить веб-шрифты

Stylus - препроцессор CSS

Знакомимся со Stylus - синтаксис и базовые возможности

Pug - шаблонизатор и препроцессор HTML

Знакомимся с Pug - синтаксис и базовые возможности

Используем Gulp для ускорения процесса верстки

Что такое Gulp? Как его установить? Как им пользоваться?

Spotify - Ambulo

Приятная музыка для верстки или просто по настроению

Node.js - зачем верстальщику и как установить

Зачем HTML-верстальщику Node.js и рассмотрим установку по шагам

Установка GitHub Desktop и его базовое использование

Что такое Git, регистрируемся на GitHub, для чего нужен GitHub Desktop, установим и рассмотрим его базовое использование

3D эффект карточек на CSS

Практикуем БЭМ, CSS Transforms, CSS Grid, CSS переменные

Выравнивание по низу карточки

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

БЭМ - полный контроль над версткой

Методология БЭМ позволяет более структурировано и гибко верстать независимыми Блоками и в дальнейшем наиболее комфортно поддерживать такую верстку

CSS-переменные: как сделать темную тему

Реализуем темную (и не только) тему с помощью css-переменных и немного JavaScript

Эффект параллакса при прокрутке страницы

Интересный параллакс-эффект c помощью jQuery

Анимация при прокрутке страницы

Анимируем элементы при прокрутке страницы

Spotify - Limes

Приятная музыка для верстки или просто по настроению

Заливка текста градиентом или изображением

Эффектный текст с фоновым градиентом или изображением

Как закрепить блок при прокрутке страницы

Закрепляем блоки при прокрутке страницы в пределах родительского блока

Spotify - Saib

Приятная музыка для верстки или просто по настроению

Zoom-эффект - масштаб и позиционирование изображения

Рассмотрим очень полезное свойство для изображений - object-fit. Опишу как достигается zoom-эффект, а также посмотрим другие полезные применения этого свойства

Адаптивные круглые и другие пропорциональные блоки на CSS

Расскажу принцип адаптивных пропорциональных блоков

Эффект размытия фона на CSS

Рассмотрим как добиться такого эффекта размытия

3D-эффект только на CSS

Приятный 3D-эффект только на CSS

Spotify - Idealism

Приятная музыка для верстки или просто по настроению