Установка 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

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

Почему размеры блока больше заданных

При указании блоку свойств border или padding, блок становится больше заданных размеров. Используем свойство box-sizing: border-box для исправления такого поведения.

CSS стили для Checkbox

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

Сброс CSS стилей Bootstrap Reboot

Существует множество вариантов сбросов стилей CSS. И также много о них написано. Я просто объясню почему я остановился на Bootstrap Reboot

Spotify в России

Наконец-то Spotify появился в России.

Не работает Emmet после обновления

В моем случае после обновления Emmet в Sublime Text работает некорректно.

Адаптивная сетка для каталога

Как верстать подобного вида адаптивные сетки:

Стили для placeholder

Изменить стандартные стили placeholder для input и textarea

CSS только для Internet Explorer 10+

Добавить CSS только для Internet Explorer 10+