Крохотные Web-инструменты для работы с CSS

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

Здесь Вы найдете инструменты для создания CSS-анимаций, генераторы меню, приложения для сбора статистики и сортировки css, генераторы для создания круговых меню и многое, многое другое.

Будьте готовы поместить эти ссылки в закладки браузера, начинаем:

CIRCULUS.SVG – Генератор круглого SVG-меню.

CSS Ruler – Удобный веб-инструмент для изучения метрик в CSS.

Полноценное приложение для помощи в визуализации и создании box-model.

One Click Encoding Decoding Tool – Полноценное приложение для преобразования контента в набор ASCII.

SVGOMG – Web-приложение для оптимизации и настройки SVGO.

Rocket – Простой инструмент для создания web-анимации.

Font Library – Проект с открытым исходным кодом для тегов и организации шрифтов Google.

Супер-простой Генератор меню в форме телефонного диска (Pie Menu Generator).

StyleStats – Небольшое приложения для сбора статистики о CSS файле.

extractCSS – Инструмент для извлечения id & классов из HTML и вывод CSS таблиц.

CSS Shrink – Небольшой инструмент для ‘упаковки’ CSS файлов.

CSSynth – Небольшое приложения для корректного запуска анимации.

EnjoyCSS – Полезный инструмент для быстрой правки сложных графических стилей без кодирования.

Flexy Boxes – CSS flexbox площадка и инструмент генерации кода.

Create CSS3 – Супер-простой CSS3 генератор.

CSS Beautifier – A tool that will automatically ‘beautify’ your CSS.

Z-Bugs – A tool to minify and Gzip compress your CSS and JS quickly.

NTH-TEST – Проверка nth-child и nth-of-type.

CSS3 Generator – Простой генератор CSS3.

SpinKit – Simple loading spinners animated with CSS.

extractCSS – Инструмент для извлечения id, классов и inline стилей из HTML и вывод в формате CSS.

Css2Less – Конвертор CSS в Less.

CSSComb – Сортировка свойств CSS в порядке спецификации.

Daturi – Приложение для преобразования ваших картинок в Base64.

px-em – Калькулятор PX в EM, а также работа с изображениями, Base64 и прочее.

SassMe – An app for visualizing SASS color functions.

typesetwith.me – A web-based typography and legibility sandbox.

Type Scale – Визуальный калькулятор типографики.

SVGeneration.

TypeWonder – Полезный инструмент для проверки web шрифтов на лету.

Glyphter – A handy tool for creating icon fonts from SVGs.

Perfect Icons – Генератор социальных иконок.

iconizr – Инструмент для преобразования картинок SVG в набор иконок CSS.

iconmelon – Быстрое создание библиотеки иконок SVG.

GlyphSearch – Приложение для поиска иконок из Font Awesome, Glyphicons, IcoMoon & Ionicons.

FontAwesome Finder – Мгновенный поиск иконок FontAwesome.

Fontello – Генератор шрифтов иконок из Font Awesome, Entypo, Typicons и многих других наборов.

Fontsatic – Инструмент для создания собственных шрифтов иконок (доступно свыше 6,000 иконок).

Colors – SASS/LESS/Stylus/CSS переменные для CSS и CSS-классов с лучшими цветовую палитру для веб.

Pantone Sass – A list of Pantone colors as Sass variables.

Справочник цветов для плоского UI.

BADA55.io – An app for finding the most badass leet words for your CSS hex colors.

Спасибо за великолепную коллекцию 40 Tiny Web-Based Tools & Apps for Working With CSS