Данный проект - попытка поделиться скромным пятилетним опытом верстки. Буду рад если эти заметки кому-то окажутся полезными и сэкономят время в поиске решения очередной задачи.

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

https://frontips.ru/3d-effekt-tolko-na-css/

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

https://frontips.ru/kak-zakrepit-blok-pri-prokrutke-stranicy/

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

https://frontips.ru/css-stili-dlya-checkbox/

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

https://frontips.ru/pochemu-razmery-bloka-bolshe-zadannyh/

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

https://frontips.ru/effekt-razmytiya-fona/

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

https://frontips.ru/adaptivnye-kruglye-bloki/

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

https://frontips.ru/zoom-effekt-masshtab-i-pozicionirovanie-izobrazheniya/

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

https://frontips.ru/adaptivnaya-setka-dlya-kataloga/

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

https://frontips.ru/zalivka-teksta-gradientom-ili-izobrazheniem/

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

https://frontips.ru/animaciya-pri-prokrutke-stranicy/