12 полезных CSS инструментов и генераторов для разработчиков

12 полезных CSS инструментов и генераторов для разработчиков

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

CSS инструменты и генераторы

Color Scheme Designer

Color Scheme Designer

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

Tabs Generator

Tabs Generator

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

My CSS Menu

My CSS Menu

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

CSS Layout Generator

CSS Layout Generator

С помощью этого генератора вы можете с легкостью создать шаблоны для вашего сайта. Вы можете сгенерировать шаблоны как с плавающими так и фиксированными колонками.

Fonttester

Fonttester

С помощью этой тулзы, вы можете редактировать и тестировать множество CSS правил, включая inline height, font weight и т.д.

Gradient Image Maker

Gradient Image Maker

Этот инструмент предоставляет вам возможность создать изображения с градиентом 3 типов. Он может оказаться полезным для создания фона с градиентом и т.п.

CSS Table Wizard

CSS Table Wizard

Для создания стилей для таблиц, позволяет задать такие параметры как ширину границ, цвет фона и многое другое.

Grid Designer

Grid Designer

С помощью Grid Designer-а дизайнеры могут создать сетки с возможностью кастомизации колонок, пикселей и отступов.

Ultimate CSS Gradient Generator от ColorZilla

Ultimate CSS Gradient Generator от ColorZilla

Данный CSS градиент редактор был создан командой ColorZilla. Это просто отличный инструмент для генерации кроссбраузерных CSS градиентов.

CSS - Sprit.es

CSS - Sprit.es

Как название говорит само за себя, Sprit.es генерирует CSS-спрайты из загруженных изображений.

Variable Grid System

Variable Grid System

Благодаря этому инструменту вы можете сгенерировать CSS-сетку для вашего сайта. При этом сетка будет совместима с 960 Grid.

CSS3 Please!

CSS3 Please

CSS3 Please - полезный инструмент для дизайнеров и разработчиков, который генерирует кроссбраузерные CSS правила.

original