Полезные инструменты для CSS разработчика. Часть 2.

Итак вторая часть ссылок на полезные инструменты для css разработки.

Формы

Quick Form Builder — генерирует формы с css разметкой, нам нужно лишь указать имена и тип полей, стандарт (HTML / XHTML) и получить на выходе готовый код html и css.

Wufoo — простой и бесплатный сервис, который позволяет создавать красивые и валидные формы на CSS и XHTML

Компоненты UI (User interface)

List-o-Matic — простой генератор меню, до двух уровней вложенности, несколько оформлений на выбор.

CSS Menu Generator — генератор меню с css, горизонтальные, вертикальные, выпадающие, на ваш выбор.

ThemeRoller — позволяет создавать свои темы для JQuery UI.

Обертка текста

CSS Text Wrapper — данный сервис позволяет придать тексту любую форму и легко вставить его на страницу. Настраиваемый размер блока, выравнивание текста, цвет, шрифт и т.д.

The Box Office — сервис позволит вам сделать обтекание текстом любой картинки неправильной формы. Вводим ссылку на картинку любой неправильной формы, задаем параметры, такие как выравнивание изображения, цвет фона (если нужно), высоту строки, отступы, цвет и т.д.

Анализ и отладка

— Валидатор CSS.

CSS Analyzer — этот сервис сочетает W3C CSS Validation Service и проверку цветов на контрастность, это особенно полезно для улучшения юзабилити. И многое другое. В результате вы получите очень подробное описание ошибок и предупреждений.

Firebug — расширение для браузера Firefox (есть версии под Chrome). Сочетает в себе отладчик, DOM-инспектор, JS, DHTML, CS, XMLHttpRequest и многое другое. Расширение показывает функцию которая вызвала ошибку, стек вызовов и другую отладочную информацию.

Сопровождение

Dust-Me Selectors — Сервис анализирует страницу, показывает какие стили не используются на странице, показывает в каком файле CSS они прописаны и на какой строке.

CSS Redundancy Checker — еще один сервис для проверки использования правил. После проверки выводит список не используемых на странице ( или нескольких страницах ) стилей.

Оптимизация

CSS Drive CSS Compressor — инструмент для сжатия стилей. Имеет несколько видов компрессии: слабая, нормальная и сверхкомпактная.

Robson CSS Compressor — Еще один инструмент для компрессии CSS файлов, имеет гораздо больше настроек по сравнению с предыдущем.

MinifyMe – AIR Application — Маленькая утелитка AIR, она позволит вам быстро собрать несколько css файлов в один.

Форматирование

CleanCSS – CSS Formatter and Optimizer — Онлайн сервис для форматирования и оптимизации. Позволяет настраивать баланс читабельности и оптимизации. Очень полезная опция автоматически объединяет одинаковые свойства и селекторы.

Styleneat — сервис стилизирует CSS код в удобный для чтения формат. Так же позволяет структурировать код.

CSS Toolbox — Бесплатная программа, включающая в себя множество средств для быстрой и эффективной разработки CSS кода. Валидатор, форматтер, оптимизатор и прочее.

Браузерозависимость

Статья о способах тестирования на кроссбраузерную совместимость — статья на хабре содержащая 7 способов проверки на кроссбраузерность.

Web Browser CSS Support — таблица поддержки CSS различными популярными браузерами.

When Can I Use? — сравнение поддержки современных технологий различными браузерами. HTML 5, CSS 3, SVG и другие. Имеет большое количество настроек.

IE7-js — очень полезная JS библиотека, которая позволяет исправить множество багов в HTML и CSS для Internt Explorer версии 7 и более младших. Рекомендую подключать ко всем своим сайтам. Так же есть версии для более старших версий браузера, а именно 8 и 9.

Modernizr — еще одна очень полезная JS библиотека. Позволяет использовать такие вещи как CSS 3, HTML 5 в старых браузерах, которые еще не поддерживают такие функции.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Copyright © Programmer Weekdays | Powered by WordPress