CSS-инструментарий

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

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

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

Если у Вас есть ссылки на еще какие-либо полезные инструменты для веб-мастеров, просьба поделиться ими в комментариях!

Навигация по статье:

CSS-инструменты: шрифты

CSS Font and Text Style Wizard: Воспользуйтесь данным инструментом с целью тестирования различных шрифтов и стилей.
Em Calculator: Инструмент, переводящий размер шрифта из пикселей в em’ы.
korhoen typeviewer: Изменяйте css-стили и сразу же смотрите на результат.
text sizing — up the garden path: 264 скриншота.
Typetester: Проводите манипуляции со шрифтами и следите за результатом прямо на экране.

CSS-инструменты: формы

Accessible Form Builder: Генерируйте XHTML-совместимые и доступные формы за пару кликов.
CSS Form Code Maker: Генерируйте цветные формы.
JotForm: Онлайновый WYSIWYG конструктор форм.

CSS-инструменты: разметка макетов

CSS Creator: Онлайновый CSS-генератор
CSS HTML PHP Website Template Maker: Этот PHP — HTML — CSS генератор создает 2-ух колончатые макеты с хедером и футером.
CSS Rounded Box Generator: Генерирует html и css для закругленных блоков.
Firdamatic: Онлайновый генератор бестабличных макетов веб-страниц.
Free CSS Template Code Generator: Конструктор 3-ех колончатых бестабличных макетов.
Layout-o-Matic: Генерирует бестабличные CSS-макеты нажатием кнопки.
Page Maker — The Generator Form v2.90: Генератор 1-3-ех колоночные макеты.
QrONE CSS Designer: Онлайновый CSS-генератор.
Scriptomizers: CSS-Генератор.

CSS-инструменты: навигация

Colly’s CSS rollover generator: Генератор ролловеров с помощью CSS.
CSS Tab Designer: CSS Tab Designer – уникальное в своем роде программное обеспечение, обладающее простым и интуитивно понятным интерфейсом. С его помощью Вы сможете создавать разнообразные неотразимые панели навигации.
Listamatic: Показывается процесс превращения обычных списков в привлекательные навигационные блоки.
Listamatic2: Вложенные списки.
List-O-Matic: Генерирует CSS-навигацию из списков.
List-O-Rama!: Dreamweaver MX и UltraDev Zone — List-O-Rama позволяет создавать отменные навигационные панели за пару минут.
CSS Menu Generator: CSS Menu Generator генерирует сразу как CSS, так и HTML коды.

CSS-инструменты: вспомогательные

CSS Love Child: Позволяет отобразить содержимое любого сайта в оболочке любого другого сайта.
CSSVista: CSSVista – бесплатное программное обеспечение для Windows, позволяющее редактировать CSS в Internet Explorer’e и в Mozilla Firefox.
HTML and CSS Table Border Style Wizard: Используйте данный сервис для просмотра различных стилевых вариантов оформления таблиц.
I Like Your Colors!: Извлекает цвета из HTML и CSS кодов понравившегося Вам веб-сайта.
Online CSS Scrollbar Color Changer: Поэкспериментируйте с цветами скроллбара.
S5Easy: Create S5 Slideshows Easy Online: Создайте собственное слайд-шоу на сайте за 3 шага.
Selectoracle: Переводы CSS3 селекторов на английском и испанском языках.
Spanky Corners: «Spanky Corners» — экспериментальная техника «закругленных уголков». Разметка получается семантически правильной. Для работы не требуется JavaScript.

CSS-инструменты: для форматирования и оптимизации

CSS Compressor: Оптимизирует CSS-стили.
CSS Formatierer und Optimierer: Оптимизирует CSS-стили.
CSSTidy: Оптимизирует CSS-стили.
CSS Tweak ~ Web Based CSS Tweaker!: Оптимизирует CSS-стили. Mac.
Clean CSS — Optmize and Format your CSS: Оптимизирует и форматирует CSS-стили.
Format CSS Online: Форматирует CSS-стили.
Icey CSS Compressor: Оптимизирует CSS-стили.
Online CSS Optimizer: Оптимизирует CSS-стили.
Online CSS Optimiser/Optimizer: Оптимизирует CSS-стили.
Pretty Printer for PHP, Java, C++, C, Perl, JavaScript, CSS: Приводит в порядок коды.
Tabifier: Приводит в порядок HTML и CSS коды.
Webucator: Памятка по CSS. Помимо этого позволяет проверить CSS-код.