DesigNonStop

Наташа КлеверПолезности / Сервисы29-10-2011

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

1. Variable Grid System
Задавая переменные, можно быстро создать CSS сетку для вашего сайта и скачать сгенерированный код.

2. The 1Kb CSS Grid
Задавая всего три параметра, также генерируется CSS сетка. А также указывается ширина в пикселях.

3. Grid Designer
Более сложный сервис. Настраивается CSS решетка по нескольким параметрам. Во втором блоке генерируется текст, который будет отображаться в колонках. На выходе имеем готовый CSS и HTML шаблон.

4. CSS Lint
Сервис для проверки кода вашего сайта на предмет ошибок.

5. Primer CSS
Вставив в диалоговое окошко HTML код, можно получить список всех упомянутых классов и ID, которые упомянуты в CSS.

6. PrefixMyCSS
Если ввести исходный CSS код, та на выходе можно получить код, адаптированный под разные браузеры.

7. Modernizr
На данном сервисе предлагают скачать и установить JavaScript библиотеку с открытым кодом, которая каким-то образом поможет вам при создании сайта. Точнее сказать не могу, поскольку сама не пробовала, что это такое.

8. Layer Styles
Очень полезный сервис. На основании настроек диалогового окошка стилей слоя программы фотошоп генерирует код CSS.

9. CSS3 Patterns Gallery
Здесь собраны CSS коды различных узоров бэкграунда.

10. Ultimate CSS Gradient Generator by ColorZilla
Представлено на выбор большое количество градиентов и их CSS коды, адаптированные под разные браузеры.

11. Spritebox
Позволяет быстро и легко создавать классы и идентификаторы из одной картинки

12. Automatic CSS inliner
Автоматически преобразует все локальные стили во встроенный CSS для использования в почтовых рассылках.

13. Typetester
Позволяет сравнивать написание различных шрифтов и получить CSS код выбранного стиля написания.

14. CSS Typeset
Вводим текст, с помощью настроек видоизменяем его по своему усмотрению, и получае CSS код.

15. The Web Font Combinator
Сервис позволяет наглядно посмотреть как будут выглядеть различные сочетания шрифтов в заголовках, подзаголовках и в основном тексте.

16. Sencha Animator
Не совсем поняла, как действует данный сервис, но связано это с тачскринами мобильных устройств и анимацией. Предлагается скачать триальную версию.

17. CSSPivot.com – сервис не работает
Сервис позволяет добавлять CSS стиль на любой сайт и делиться результатом с помощью короткой ссылки, приглашая друзей к обсуждению.

18. CSS Prism
Сервис прекратил существование

19. CSS Compressor by CSS Drive
Это сервис для сжатия CSS и увеличения скорости загрузки сайта.

20. Px to em
Таблица преобразования размеров шрифта в различные единицы измерения.