Скрываем/показываем 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
