WAIT! Animate
Создание кастомных повторяющихся пауз между CSS-анимациями никогда не было простой задачей. Но при помощи этого приложения сложность процедуры сводится к нулю.
CSS3 Generator
CSS3 Generator — классический пример фрагментов кода, полезных в ежедневных ситуациях. Он предоставляет более 10 различных генераторов, охватывающих такие свойства, как box-shadow, flexbox и т.д.
ColorZilla Gradient
CSS-градиенты — это боль. Да, можно создавать миксины в Sass, но если вы им не пользуетесь, вам поможет простой графический инструмент ColorZilla Gradient Editor.
CSS Type Set
Хотели посмотреть, как выглядят различные шрифты? Зайдите на CSS Type Set. Всё, что нужно — ввести текст и выбрать параметры шрифта.
Enjoy CSS
Веб-приложение Enjoy CSS объединяет в себе генератор кода и визуальный редактор. Вы можете создавать различные элементы страницы (кнопки, поля ввода и т.п.), применяя к ним настраиваемые свойства CSS3.
Flexy Boxes
Если вы никак не можете разобраться с flexbox, то вам стоит попробовать Flexy Boxes. В этом приложении можно сравнить различные версии flexbox и интерпретации синтаксиса.
CSSmatic
CSSmatic — ещё один генератор, который работает с box-shadow, border-radius, текстурами шума и градиентами. Он не настолько функционален, как CSS3 Generator, но каждый инструмент выведен на отдельную страницу, что позволяет сохранить её и не отвлекаться на остальные.
Base64 CSS
Фронтэнд-разработчики предпочитают обычным изображениям base64-код из-за его простоты и уменьшения запросов. Base64 CSS — это бесплатный инструмент, переводящий изображения в их base64-код.
Patternify
Если вам надоело использовать какие-то фоновые изображения, почему бы не создать своё? Patternify — генератор узоров с визуальным редактором.
CSS Button Generator
И напоследок — генератор CSS-кнопок. Вы получаете доступ к постоянно растущей библиотеке кастомных кнопок и их исходников. Кнопки можно просто скопировать, можно изменить на свой вкус, а можно и вовсе создать что-то новое при помощи продвинутого графического редактора, поддерживающего большое количество свойств.
Если вы пользуетесь другими удобным инструментами такого рода, делитесь ими в комментариях, мы добавим их в нашу подборку!