Wweb.dev — генератор анимированных фонов CSS

С его помощью вы можете буквально в пару кликов создавать и настраивать анимированные фоны для своих веб-проектов

При этом платформа выдаёт вам как готовый HTML-код, так и CSS

Незаменимый помощник, если нужно быстро собрать симпатичный нестатичный бэкграунд, а времени на ручное написание «велосипеда» нет

Стоимость: #бесплатно

#web #css #html

SpinKit — коллекция симпатичных анимаций загрузки на CSS

Как и многие классные инструменты, этот позволяет крайне просто и удобно интегрировать красивые анимации загрузки в свой веб-проект

У каждого варианта доступны исходные CSS- и HTML-коды

Также у проекта есть GitHub-репозиторий, на котором можно найти инструкцию по установке SpinKit через npm

Стоимость: #бесплатно

#css #web #анимация

Flexplorer — онлайн-песочница для экспериментов с CSS flexbox

Здесь имеется множество настроек, которые можно подкрутить и увидеть результат сразу же на сайте

При этом концепт Flexbox сам по себе позволяет быстро создавать гибкие и адаптивные макеты. Поэтому Flexplorer может сильно помочь в вашей прокачке в качестве веб-разработчика

Стоимость: #бесплатно

#web #css

CSS Grid Generator — онлайн-инструмент, который позволяет быстро создать нужную CSS-сетку

Утилита сильно облегчает жизнь веб-разработчика — просто укажите количество столбцов и строк, после чего сервис автоматически сгенерирует сетку на основе этой информации

Упростить задачу ещё больше вряд ли получится

Стоимость: #бесплатно

#web #css