Навигация - одна из основных составляющих сайта. Она должна быть доступна и удобна для использования на любом устройстве.
Рассмотрим основы адаптивной вёрстки, что такое область просмотра (viewport), как использовать @media запросы и некоторые не самые очевидные нюансы
С нуля напишем простой, но полезный вспомогательный плагин для отображения корректных размеров окна браузера с учетом и без учета полос прокрутки.
С нуля напишем индикатор прокрутки страницы на чистом JavaScript.
Как скрывать Header при прокрутке страницы вниз и отображать при прокрутке вверх
Напишем простое и универсальное аккордеон меню на jQuery
Как просто и корректно подключить веб-шрифты
Знакомимся со Stylus - синтаксис и базовые возможности
Знакомимся с Pug - синтаксис и базовые возможности
Что такое Gulp? Как его установить? Как им пользоваться?
Приятная музыка для верстки или просто по настроению
Зачем HTML-верстальщику Node.js и рассмотрим установку по шагам
Что такое Git, регистрируемся на GitHub, для чего нужен GitHub Desktop, установим и рассмотрим его базовое использование
Практикуем БЭМ, CSS Transforms, CSS Grid, CSS переменные
При верстке карточек товаров для каталога или аналогичных блоков, описание в карточке может значительно отличаться по объему текста. В результате, контент после этого текста располагается на разной высоте, что в...
Методология БЭМ позволяет более структурировано и гибко верстать независимыми Блоками и в дальнейшем наиболее комфортно поддерживать такую верстку
Реализуем темную (и не только) тему с помощью css-переменных и немного JavaScript
Интересный параллакс-эффект c помощью jQuery
Анимируем элементы при прокрутке страницы
Приятная музыка для верстки или просто по настроению
Эффектный текст с фоновым градиентом или изображением
Закрепляем блоки при прокрутке страницы в пределах родительского блока
Приятная музыка для верстки или просто по настроению
Рассмотрим очень полезное свойство для изображений - object-fit.
Опишу как достигается zoom-эффект, а также посмотрим другие полезные применения этого свойства
