Источник: Nuances of Programming В подборке рассмотрим несколько очень полезных для разработки сайтов. Скорее всего, некоторые из них вы будете применять почти ежедневно. Содержание: Вёрстка CSS Один из абсолютных фаворитов подборки  —  сайт Caniuse.com. Он бесценен при поиске информации о том, поддерживает ли какой-либо браузер CSS-код. Генераторы для создания box shadow, flex code и треугольников при помощи исключительно свойств CSS: Данные онлайн-инструменты регулярно экономят много времени: вы сможете сначала поиграть с кодом, а затем просто скопировать и вставить его в свой проект...

Источник: Nuances of Programming В этом руководстве мы поговорим о том, как создать эффект открывающегося блока при прокрутке. Эффект состоит из сплошного цветного блока, который уменьшается в размере, открывая текст или изображение. Эффекты открывания можно использовать для создания интересных взаимодействий с пользовательскими компонентами, такими как слайд-шоу. Этот слайд создан с помощью схожей wipe-анимации: Рассмотрим создание этого эффекта с использованием CSS и Animate on Scroll (AOS) (библиотека JavaScript для анимации элементов при прокрутке в момент входа пользователя в viewport)...