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

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

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

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

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

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

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

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

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

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

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

Полноценное приложение для преобразования контента в набор ASCII

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

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

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

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

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

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

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

Генератор меню в форме телефонного диска (Pie Menu Generator)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS Beautifier

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

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

Проверка nth-child и nth-of-type

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

Простой генератор CSS3

SpinKit – Simple loading spinners animated with CSS.

Simple loading spinners animated with CSS

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

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

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

Конвертор CSS в Less

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

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

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

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

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

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

SassMe – An app for visualizing SASS color functions.

An app for visualizing SASS color functions

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

A web-based typography and legibility sandbox

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

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

SVGeneration.

SVGeneration

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

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

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

A handy tool for creating icon fonts from SVGs

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

Генератор социальных иконок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

A list of Pantone colors as Sass variables

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

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

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

An app for finding the most badass leet words for your CSS hex colors

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

CC BY-NC 4.0 Крохотные Web-инструменты для работы с CSS, опубликовано waksoft, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.


Респект и уважуха

Добавить комментарий