Полезные инструменты веб-разработчика #1
Animate.css
https://daneden.github.io/animate.css/
Если нужны простейшие css-анимации, а времени на них нет, данная библиотека подойдёт идеально. Выбираем из списка анимацию, сразу видим, как она работает, применяем в проекте.
Если же нужна более гибкая настройка css-анимаций, есть классный ресурс: https://animista.net/.
Tasty CSS-animated hamburgers
https://jonsuh.com/hamburgers/
Если срочно нужна кнопка для мобильного меню, с прописанной анимацией, то это вариант, что надо. Хоть выбор не так и велик, но сами анимации выглядят здорово, хоть и скромно.
Font Awesome
Если по каким-то причинам нет возможности или желания использовать svg иконки, или вы вдруг ещё не пользуетесь сборщиками, а срочно нужны иконки для кнопок, социальных сетей, оформления списков и так далее, — данная библиотека шрифтовых иконок может помочь в этом. Можно даже договорится с вашим дизайнером об использовании именно этих иконок).
Transfonter
Если нужно быстро сконвертировать шрифты и не хочется разбираться с кучей настроек, сервис transfonter то, что нужно. Просто перетаскиваем шрифты (можно сразу несколько), выбираем нужные форматы и получаем готовые к использованию шрифты в нужных форматах. В архив так же добавляется css-файл с подключением всех сконвертированных шрифтов для максимально быстрого старта работы с ними.
CSSmatic
Набор из 4-х инструментов, главными из которых являются gradient generator, который позволяет быстро и наглядно набросать необходимый градиент, и box shadow, который помогает в настройке тени для блока.
TinyPNG
И напоследок сервис для сжатия jpg и png изображений. Очень часто исходники изображений бывают довольно большими, что может существенно повлиять на скорость загрузки вашего сайта. Частично избежать этого поможет данный сервис для компрессии картинок. Если вы всё ещё не используете сборщики, данный сервис точно может пригодиться. Хотя возможно уже пора посматривать в сторону современных форматов изображений для использования в вебе ;)
***
Автор подборки: Врублевский Артур, SCloud, веб-разработчик