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-инструменты: навигация

  • Colly’s CSS rollover generator: Генератор ролловеров с помощью CSS.
  • CSS Tab Designer: CSS Tab Designer – уникальное в своем роде программное обеспечение, обладающее простым и интуитивно понятным интерфейсом. С его помощью Вы сможете создавать разнообразные неотразимые панели навигации.
  • Listamatic: Показывается процесс превращения обычных списков в привлекательные навигационные блоки.
  • 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 шага.
  • Spanky Corners: «Spanky Corners» — экспериментальная техника «закругленных уголков». Разметка получается семантически правильной. Для работы не требуется JavaScript.

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

Источник: List of CSS Tools

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

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

*