Дополнительная информация о формате CSS

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

Grid Designer
Позволяет создать модульную сетку макета, с учетом таких параметров как: количество колонок, расстояние между колонками, размер полей, кегль основного шрифта, кегль заголовков, отступы и т.д. А также можно посмотреть, как будут выглядеть основные элементы форматирования текста в данной сетке.

Layout Generators
Позволяет создавать резиновую многоколоночную или сеточную разметку. Позволяет задавать ширину и цвет. CSS код генерируется автоматически.

Генератор HTML+CSS шаблонов
Сервис позволяет в несколько кликов мыши получить готовый дивовый каркас с нужными параметрами. После выбора параметров будет предложено скачать архив, в котором находится 2 файла с HTML и CSS.

PSD2CSS
Cервис, для конвертирования PSD макетов в cверстанную страницу. Быстро, бесплатно и относительно качественно.

Полезные инструменты и ссылки для CSS фреймворка Blueprint.

YAML Builder
YAML Builder это онлайновый сервис для визуального создания шаблонов основанных на HTML/CSS фреймворке YAML.

YUI CSS Grid Builder
Простой веб интерфейс, используемый для быстрого создания кроссбраузерных шаблонов на основе YUI grid.

960 Grid System – Variable Grid System
Variable Grid System – это быстрый способ создать CSS сетку, на основе CSS фреймоврка 960 Grid System.

Grid System Generator
Grid System Generator позволяет создавать шаблоны с фиксированной разметкой и валидным CSS / XHTML. Шаблоны могут быть основаны на одном из четырех CSS фреймворков: 960 Grid System, Golden grid, 1kb grid, Simple grid system. В дополнение к каждому шаблону также создается png файл для дизайна в Fireworks, Illustrator, OmniGraffle, Photoshop или Visio.

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

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

Texster
Texster — сервис для подбора «безопасных» шрифтов для вашего сайта. Не смотря на то, что существует множество аналогичных и в основном зарубежных ресурсов, texster отличается тем, что результаты отображаются сразу для всех шрифтов, что позволяет сравнить их и выбрать нужный.

CSS-Typoset Matrix and Code Generator

CSStxt
Несложный веб-инструмент создания CSS стилей шрифта.

EM Calculator AIR Application
Калькулятор вертикального ритма в XHTML & CSS; легко конвертирует px в em; padding и margins вычисляются автоматически.

Em Calculator
Em Calculator это небольшой JavaScript инструмент который преобразовывает определенное значение px в соответствующее значение в em.

PXtoEM
PXtoEM — таблица показывающая размеры шрифтов в различных единицах измерения, которая также помогает переводить размер из одного значения в другое.

Color Contrast Check
Действительно интуитивный онлайн инструмент для проверки цвета, который позволяет внести цвет переднего и заднего фона в шестнадцетиричном формате или при помощи ползунков. Инструмент даёт моментальный результат — показывает, как выглядит эта комбинация и обладает ли она достаточной контрастностью при просмотре людьми, у которых нарушено цветовосприятие, или при просмотре на черно-белом экране (тест WCAG 2).

ColorZilla
ColorZilla расширение для Firefox. В ColorZilla можно получить цвет, кликнув в любом месте сайта и после перенести этот цвет в любую другую программу (имеется 5 вариантов описания цвета). Можно изменять масштаб изображения страницы(20% – 1000%). Так же есть встроенный просмотрщик палитры, избранное, DOM инспектор и поддержка firebug.

Конвертор HSL в RGB

YASC (Yet Another Sprite Creator)
Еще один генератор. Процесс создания спрайта представляет собой следующее: загружается картинка, затем визуально отмечаются необходимые области и им назначается CSS id. Когда выбраны все участки происходит генерация CSS для этих спрайтов.

SmartSprites
SmartSprites это консольная Java утилита для создания CSS спрайтов. SmartSprites орабатывает специальные директивы в CSS файле, отмечающие отдельные картинки которые должны быть превращены в спрайты. После обработки CSS файла из отмеченных картинок создается спрайт, и автоматически меняются соответствующие фрагменты файла на использования спрайта вместо одиночных картинок.

Wufoo
Wufoo – это бесплатный онлайновый сервис, позволяющий с легкостью создавать хорошо выглядящие, валидные CSS/XHTML формы.

CSS Menu Generator
Генерирует горизонтальные, вертикальные, выпадающие CSS меню.

ThemeRoller
Позволяет создавать собственные темы для jQuery UI.

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

CSS Analyzer
CSS Analyser сочетает W3C CSS Validation Service и дополнительную проверку цветов на контрастность (полезен для улучшения юзабилити) и единиц измерения, используемых в исходном коде. Результатом является очень подробное описание ошибок и предупреждений, точно так же как в W3C CSS Validation Service.

Firebug
Firebug — расширение для браузера Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest. Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что CSS-правило или JavaScript-метод/свойство, которое вы пытаетесь использовать, не существует.

CssCleaner
Приложение Windows для удаления неиспользуемых CSS классов.

CSS Redundancy Checker
Проверяет, все ли правила из CSS используются в HTML. После проверки выводит список не использованных на данной странице или группе страниц.

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

MinifyMe – AIR Application
Небольшое AIR-приложение, которое позволит собрать несколько css-файлов в один.

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

CSS Toolbox
Бесплатный CSS Toolbox включает множество инструментальных средств для быстрой и эффективной разработки CSS –валидатор, форматтер, оптимизатор.

7 простых способов протестировать кроссбраузерную совместимость

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

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

IE7.js
IE7-js это JavaScript библиотека, которая исправляет множество багов в HTML и CSS для версий Internet Explorer седьмой и ниже. К примеру, она исправляет поддержку прозрачности в PNG, фиксированное позиционирование элементов и фоновых изображений (position: fixed), поддержку псевдо класса: hover для всех тэгов и др.

Modernizr
Modernizr это небольшая простая Javascript-библиотека, которая поможет использовать такие технологии, как CSS3, HTML5 в браузерах которые еще не поддерживают это технологии.

YASS: Yet Another cSS selector
Самая быстрая JavaScript-библиотека для выбора элементов по CSS-селектору.

SelectORacle
Сервис дает описание на человеческом языке сложных селекторов CSS и может быть очень полезен при изучении оных.

YUI Selector Utility
YUI Selector Utility позволяет использовать синтаксис CSS3 селекторов на JavaScript, упрощая сбор, фильтрацию и тестирование HTML элементов.

YUI StyleSheet Utility
С помощью StyleSheet Utility на лету создавать и модифицировать CSS стили.

CSS Shorthand Cheat Sheet

YUI Library: CSS Reset, Base, Fonts, и Grids

Blueprint CSS Cheat Sheet

LESS – Leaner CSS
Less это Ruby gem, который расширяет CSS добавляя следующими возможностями: переменные, миксины, операции и вложенные правила. Достаточно переименовать .css файлы .less для получения всех этих возможностей.

DtCSS
DtCSS – это PHP скрипт, который обрабатывает CSS файлы, позволяя использовать в них вложенные селекторы, цветовое смешение и т.д. DtCSS читает CSS файл со специальными инструкциями написанными для DtCSS, и выдает наружу обычный CSS. Имеется умная кэширующая система.

Sass + Compass
SASS — компилятор в стайлшиты. Очень удобно — форматирование отступами, как в питоне, миксины с параметрами (почти функции), переменные и операции над ними.

Программное обеспечение CSS

Частичный список программного обеспечения CSS

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

Конечно, почти все программное обеспечение содержит ошибки. И некоторые программы, в отличие от остальных используют уже последние модули CSS . Различные сайты описывают ошибки и их обходные пути.

Таблицы поддержки

Ссылки на официальные списки возможностей различных продуктов.

• AH Formatter: 6
• Firefox: all versions
• Sciter (HTMLayout): all versions
• Internet Explorer: 6, 7, 8, 9, 10
• Edge: all versions
• Konqueror: 3.4
• Opera: 9.5, 9.80, 10.00, 10.10, Mobile 10, 10.50, 11.50, 12.15
• PDFreactor: 8.1
• Prince: 5.1, 6.0, 7.0, 8.1, 9.0, 10.0
• Safari: all versions

Несколько человек поддерживают независимые таблицы поддержки CSS:

Браузеры и CSS

• 2013-11-09 Microsys выпустила 5.0.0-ю версию автономного браузера. A1 Website Download, (Windows, бесплатная пробная версия.)
• 2009-04-17 The браузер Lobo (текущая версия 0.98) поддерживает CSS2 и запускает веб-приложения в JavaFX или Java. (Java, Открытый Исходный Код)
• 2009-03-23 Microsoft выпустила 8-ю версию Internet Explorer, с полной поддержкой CSS 2-го уровня, а также некоторых особенностей интернационализации с 3-го уровня. (Windows, бесплатно)
• 2008-11-25 Google сделала доступной бета версию своего Веб браузера Chrome. (бесплатно, частично открыт Исходный Код; Windows)
• 2008-07-01 Apple выпустила 3-ю версию Веб браузера Safari . Он основан на открытых исходных кодах HTML/CSS библиотек “WebKit” (производный от KHTML). (бесплатно; Mac OS X, Windows, iPhone)
• 2008-06-19 Opera выпустила 9.50-ю версию своего браузера, с поддержкой 2-го уровня CSS и частей 3-го уровня. (Для нескольких платформ, включая мобильные телефоны, бесплатно на большинстве платформ)
• 2008-06-19 Mozilla выпустила 3-ю версию своего Веб браузера Firefox с поддержкой 2-го уровня CSS и частей 3-го уровня. (Для различных платформ, Открытый Исходный Код)
• 2007-04-19 iCab, браузер для Mac, поддерживает CSS2 и может помочь исправить ошибки в HTML или CSS файлах. (безкоштовна стандартная версия, Pro-версия за отдельную плату.)
• 2006-01-16 Oregan Networks предлагает Oregan телевизионный браузер с поддержкой CSS2, XHTML, XML, и т.д. (Различные встраиваемые платформы)
• 2005-12-07 KDE (K Desktop Environment) выпустила 3.5-ю версию. Включен браузер Konqueror проходит Acid2 test. (Unix/X, Открытый Исходный Код)
• 2005-04-26 Cultured Code выпустила браузер Xyle Scope, который позволяет анализировать HTML и CSS структуру каждой страницы. (Mac OS X, Немецкий и Английский, бесплатная пробная версия)
• 2005-02-11 ANT предлагает Galio и Fresco — компактные встроенные браузеры для IPTV и цифровых продуктов для домашних развлечений. Поддерживает CSS 2.1, Телевизионный Профиль 1.0 CSS и части CSS3.
• 2004-07-26 Bimesoft выпустила SurfOffline 1.4, автономный браузер, поддерживающий CSS2. Приложение может загрузить веб-сайт на ваш жесткий диск полностью или частично, который вы потом можете просматривать в оффлайн режиме. (Windows, условно бесплатно)
• 2004-01-14 Tao изобрели браузер Qi для потребительских устройств (КПК, телефоны и т.д.). Он поддерживает CSS1 и частично CSS2.
• 2003-07-03 Netscape выпустила Netscape 7.1, основаный на Mozilla 1.4. (Windows, Mac, Linux, бесплатный),
• 2002-07-24 Проект Chimera випустил 0.4-ю версию. Chimera — браузер для Mac OS X, основаный на Mozilla’s Gecko движке. (Mac, Открытый Исходный Код)
• 2002-01-22 Команда X-Smiles выпустила 0.5-ю версию («Oulu») X-Smiles XML браузера, который поддерживает XHTML, SMIL, XForms и Мобильный профиль CSS. (Java, Открытый Исходный Код)
• 2002-01-08 NetClue выпустила 4.1.1-ю версию браузера Clue. Он поддерживает HTML, XML/XHTML, namespaces (пространство имен), 1-й уровень и часть 2-го уровня CSS, DOM, Javascript, и т.д. (Java)
• 2001-12-19 Microsoft выпустила Internet Explorer 5.1 для Mac, с исправленными ошибками и улучшенной производительностью. Поддерживает полностью CSS1 и частично CSS2. (Mac IE 5 был первым браузером, где достигли более 99% поддержки CSS1, в Марте 2000.) (бесплатно; Mac OS 8, 9 & X)
• 2001-12-18 OmniWeb 4 — веб-браузер для Mac (OS X) и имеет встроенный редактор исходного кода (поддержка HTTP PUT). (условно бесплатно)
• 2001-11-28 Galeon 1.0 — веб-браузер для Gnome. Он внутри использует движок Gecko от Mozilla. (Открытый Исходный Код, Unix)
• 2001-11-07 Adobe выпускает плагин SVG для браузеров под Mac и Windows и для Mozilla 0.9.1 под Linux и Solaris. Поддерживает SVG с CSS стилем. (бесплатно)
• 2001-10-31 K-Meleon 0.6-я версия — легкий браузер, основанный на Gecko, движке от Mozilla (Windows, Открытый Исходный Код)
• 2001-05-15 Браузер Espial’s Escape 4.7 реализует поддержку CSS для HTML, XML и XHTML. Написано на Java для встроенного программного обеспечения.
• 1999-12-02 Closure — веб-браузер написаный на Common Lisp; поддерживает CSS1.
• Emacs-w3, иначе Gnuscape Navigator, имеет некоторую поддержку CSS1.

Эти источники обеспечивают поддержку в различных браузерах:

Средства для Разработки CSS

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

• 2010-10-09 Daniel Glazman с Disruptive Innovations сообщил о «milestone 1» (переход на новую стадию) (= 0.5-ю версию) BlueGriffon, Веб редактор WYSIWYG с поддержкой HTML, MathML, SVG и CSS (полностью 2-й уровень и частично 3-й). (Linux, Windows, Mac; Открытый Исходный Код)
• 2009-02-03 Improvingcode выпустили оснащение{для css}, текстовый редактор, специально изготовленный для редактирования CSS (Windows, источник доступный для проверки)
• 2009-01-21 XML редактор XMLBlueprint создан Monkfish Software — полнофункциональный XML редактор, поддерживающий создание и редактирование XML документа, DTDs, Relax NG схемы, XML схемы и таблицы стилей XSLT. Он также поддерживает подсветку синтаксиса CSS и выполнение кода CSS. (Windows, бесплатная пробная версия)
• 2008-11-14 Oiko Software опубликовала 1.00RC1-ю версию их Oiko CSS редактора. (Windows, бесплатно)
• 2008-06-19 Skybound предлагает бесплатную версию Stylizer Basic (ранее StyleSpread) приложение к платному Stylizer Ultimate. Stylizer — редактор CSS с предварительным просмотром, автоматической проверкой, диагностическим инструментом, загрузкой через FTP, и т.д. (Windows, бесплатная базовая версия)
• 2008-06-19 JAPISoft предлагает EditiX, та XML & редактор схемы XML и отладчик XSLT. EditiX также включает редактор CSS. (Windows, Mac OS X & Linux; бесплатная версия доступна для некоммерческого использования)
• 2007-07-20 Выдана 2-я версия XStandard XHTML WYSIWYG редактора для систем управления контентом. Эта версия поддерживает больше свойств CSS. (Для Windows и Mac, бесплатная “Lite” (облегченная) версия).
• 2007-05-22 Panic выпустили Coda, HTML и CSS редактор из webdav, ssh, предварительным просмотром, HTML / CSS ссылками, совместное редактирование и многое другое. (Mac, бесплатная пробная версия)
• 2006-11-07 Macrabbit выпустила 2-ю версию CSSEdit, редактор CSS с предпросмотром (даже для динамических страниц), контрольно-пропускные пункты / откаты, проверка, анализатор структуры, и т.д. (Mac, бесплатная пробная версия)
• 2006-07-13 Westciv выпустила Style Master 4.5, — редактор CSS с предпросмотром, информацией о совместимости с браузером, CSS ссылками, “X-ray” (контролер CSS), мастера, и т.д. (Mac и Windows, бесплатная пробная версия)
• 2005-07-21 Disruptive Innovations та Linspire опубликовали 1.0-ю версию Nvu — WYSIWYG редактор веб сайту основаный на Gecko (Windows, Mac, Linux/X, Открытый Исходный Код)
• 2005-03-29 TARI выпустила 1.0.2-ю версию GoodPage — редактор HTML/CSS с несколькими превью, проверкой, и т.д. (Mac OS X, бесплатная пробная версия)
• 2005-03-25 Evrsoft предлагает 1st Page 2000, редактор HTML с несколькими превью, CSS ссылкой, мастерами, и т.д. (Windows, бесплатно)
• 2004-11-04 eLeDo опубликовали Eledicss 0.1, редактор CSS реализован как серверный PHP скрипт. Он позволяет редактировать CSS файлы с помощью браузера. (Unix, Открытый Исходный Код)
• 2004-01-07 cssed — синтаксис-направленный редактор для CSS2 файлов, с графическим интерфейсом, основанным на GTK2, подсветке синтаксиса, схематический просмотр, и т.д. (Linux, Открытый Исходный Код)
• 2004-01-07 HostM.com Web Hosting выпустила Simple CSS 1.0, легкий в использовании средство разработки CSS. Вы можете управлять несколькими проектами CSS и импортировать существующие стили. Поддерживает CSS2. (Windows & Mac, безкоштовно)
• 2003-05-24 Macromedia’s WYSIWYG HTML редактор и инструмент для разработки Веб сайта Dreamweaver MX частично поддерживает CSS2 и интегрирует TopStyle (Windows & Mac, бесплатная пробная версия)
• 2003-04-23 W3C выпустила 8.0-ю версию Amaya, WYSIWYG, структурированный редактор/браузер (X)HTML, SVG, MathML и CSS. Поддерживает удаленное редактирования и аннотации (Открытый Исходный Код, Solaris, Linux, Mac, Windows)
• 2003-03-31 HTML-Kit — редактор HTML, XHTML и XML с плагинами, которые обеспечивают, помимо прочего, CSS и CSS руководства. (Windows, бесплатно)
• 2003-02-14 Bradbury Software выпустила 3.10-ю версию TopStyle Pro, редактор CSS 1 и 2. Новое в этой версии: поддержка Opera 7, W3C HTML и CSS проверки и Bobby. (Windows, бесплатная пробная версия)
• 2002-05-02 Daniel Glazman (daniel @glazman.org) выпустил редактор CSS, дополнение к Composer — редактор содержания Mozilla/Netscape 6. Этот редактор CSS имеет открытый исходный код и его можно скачать бесплатно.
• 2001-11-26 JustStyle CSS Editor (1.2.2-я версия) — редактор CSS1 таблиц стилей. (30-дневная бесплатная пробная версия, Java)
• 2000-10-14 Quanta — редактор HTML рабочего стола KDE. Поддержка CSS 1 & 2 в бета-версии KDE2 (Unix, Открытый Исходный Код)
• 2000-07-04 AceHTML 4 Visicom Media — редактор HTML/CSS для Windows. Доступны как коммерческая, так и бесплатная версии.
• 1999-11-19 Bluefish — редактор HTML с Открытым Исходным Кодом для Unix с поддержкой CSS1.
• 1999-08-04 En Vogue — редактор под Atari ST (не WYSIWYG) . Поддерживает CSS1 & 2.
• 1999-05-29 SoftQuad’s XMetaL разрабатывает и отображает XML документы с таблицами стилей CSS.
• 1999-05-25 Corel’s CorelDraw (начиная с версии 9) экспортирует HTML + CSS.
• 1998-08-29 Lewis Gartenberg выпустил 2-ю версию условно бесплатного инструмента, W2CSS который преобразует документы Word в HTML и CSS.
• 1997-12-04 CSS mode for Alpha, доступный редактор программирования для Mac.
• 1997-12-04 Anansi сообщает о поддержке CSS.
• 1997-11-04 Coffeecup Software’s StyleSheet Maker++ — специальное приложение для создания таблиц стилей CSS.
• 1997-09-12 Optima System’s PageSpinner — условно бесплатный редактор HTML для MacOS с поддержкой CSS.
• 1997-03-26 Sausage Software’s HotDog редактор теперь поддерживает CSS.
• Adobe FrameMaker начиная с 5.5-й версии могут экспортировать HTML + CSS.

Другое программное обеспечение

• 2014-10-09 RealObjects выпустила PDFreactor 7, программа для форматирования XML и (X) HTML документов используя CSS, включая поддержку SVG и XSLT. PDFReactor выводит PDF и его можно установить на Веб сервер как сервлет Java. (Java. Бесплатная ознакомительная версия)
• 2010-11-25 PD4ML — конвертер HTML+CSS в PDF. 3.7.0-я версия выводит как PDF так и RTF и добавляет селекторы CSS 3-го уровня и начальную поддержку HTML5. Также может использоваться как библиотека в программах Java или Scala. Синтаксический анализатор CSS доступен отдельно. (Java или .Net, бесплатная пробная версия)
• 2010-05-17 YesLogic выпустила Prince 7.1, программа для получения PDF из HTML, MathML, SVG и общего XML. В этой версии добавлены PDF действия и некоторые экспериментальные возможности, такие как Web Fonts (Веб шрифты) в WOFF, свойство ‘базовая линия таблицы’ (особенно полезна для математики), и ‘border-clip’ (границы) (для запрета частей границы). Prince предлагает несколько (стандартные или предложенные) CSS3 особенностей, включая переносы, закругленные углы и сноски. (Windows, Mac OS X, Solaris, Linux (i386), BSD; бесплатная персональная лицензия)
• 2010-05-13 3-я версия Sass — препроцессора для CSS добавляет новый входной синтаксис, является расширением CSS. Это делает простым в использовании Sass с существующими таблицами стилей. Стиль Python с отступлением синтаксиса до сих пор доступен. Может использоваться автономно или интегрироваться в Ruby-on-Rails (Ruby, Открытый Исходный Код)
• 2010-03-16 Daniel Glazman (із Disruptive Innovations) опубликовал развитую версию JSCSSP, анализатора CSS на JavaScript. Существует также онлайн демо-версія. Анализатор выводит CSS OM. (JavaScript, Открытый Исходный Код)
• 2009-10-09 TallComponents выпустила WebToPDF.NET BETA в которой .NET компонент написан на C#, который превращает HTML в PDF. Преобразователь поддерживает HTML 4.01, XHTML 1.0, XHTML 1.1 и CSS 2.1 включая разрывы страниц, формы и ссылки. Он проходит все тесты W3C (кроме BIDI). Звуковые особенности, скрипт и HTML 4.01 фреймы не поддерживаются. (. NET, бесплатная пробная версия)
• 2009-04-24 Alexis Deveria создал прототип на JavaScript для людей, которые хотят экспериментировать с проектом Апреля 2009 — Макет CSS. Ранее прототипы Cesar Acebal (2006) и Andrew Fedoniouk также были написаны на JavaScript. (в марте 2009) в HTML макет были встроены средства визуализации. (JavaScript, Открытый Исходный Код)
• 2009-04-24 Terra Informatica Software публикует HTML макет с встроеными средствами визуализации HTML/CSS с собственным языком скриптов, обширным API, и SDKs для Windows и мобильных устройств. (Windows, бесплатно)
• 2009-03-24 Antenna House опубликовали 5.0-ю версию AH Formatter. AH Formatter вылаживает XML и (X)HTML документы для печати или PDF. Он обрабатывает как CSS так и XSL и включает в себя CSS 2.1, Paged Media (выгруженный медиа), GCPM, Много колонок, Вертикальный Текст, и т.д. Он также поддерживает SVG и MathML. (Windows, Linux, Mac OS X, Solaris, HP-UX; ограниченная версия для ознакомления)
• 2008-05-05 Aurelia Systems предлагает Aurelia Reporter, драйвер принтера, который превращает все, что вы можете печатать на HTML + CSS, для веб-страниц или электронной почты (Windows).
• 2007-03-07 Julian Graham разрабатывает SCSS и libRUIN. SCSS — Схематический модуль для разбора данных, запросов, и излучающей стиль информации. libRUIN является C библиотекой использующей SCSS (через GNU Guile) для представления документов в текстовые терминалы (Схема & C, Открытый Исходный Код)
• 2007-02-12 c THE dot . de|sign (Christof Hoeke) предлагает анализатор CSS & библиотеки в Python, называемые cssutils, в настоящее время бета версия 0.9.1. (Открытый Исходный Код)
• 2005-11-02 Flying Saucer (текущая версия Beta R5) — набор Java классов для воспроизведение XHTML / XML + CSS (Java, Открытый Исходный Код)
• 2005-09-01 CSSToXSLFO программа которая превращает XML документ с CSS таблицей стилей в XSLFO. Она имеет специальную поддержку XHTML. (Java, Открытый Исходный Код)
• 2005-08-19 Disruptive Innovations опубликовали CSS Selector builder 0.11, программа для интерактивного построения CSS селекторов (написана на XUL / XBL, требует Firefox)
• 2005-07-01 Dzianis Koshkin начал проект MYTHcode, кодовая библиотека, включая анализатор CSS и XML. (Object Pascal, Открытый Исходный Код)
• 2005-04-08 Tommi Lahtonen предлагает программу CSStoXML которая анализирует CSS2 (основана на анализаторе CSS) и выводит дерево разбора, как файл XML. Также включает процессор XSLT , для преобразования дерева в другие форматы (Java, бесплатная для некоммерческого использования)
• 2004-12-16 Libcroco — библиотека (в C) для CSS. Она поддерживает SAC и CSSOM, можно применить селекторы к XML элементам и имеет начала визуализации. (Открытый Исходный Код)
• 2004-12-08 Анализатор CSS (ранее Steady State CSS2 Анализатор) доступный в SourceForge. Он реализует Стиль DOM2 и SAC (Java, Открытый Исходный Код)
• 2004-01-29 David Baldwin продает ThtmlViewer, компонент браузера для использования в программах, разработанных на Delphi (4, 5, 6 і 7). (Windows, бесплатное демо)
• 2003-07-10 Infinity Loop выпустила новые версии upCast и downCast, которые делают преобразования между XML+CSS и MS Word или RTF. Word и upCast вместе могут использоваться как редактор CSS: поименованные стили будут сохранены как таблицы стилей CSS. (Многие платформы, требуют Java, бесплатное демо)
• 2002-10-11 XMLmind выпустил 2-ю версию XMLmind XML редактора, графического редактора XML, который поддерживает CSS2 для экранной компоновки и печати. (Java, бесплатный “Standard Edition,” платный “Professional Edition”)
• 2002-01-08 Tidy — инструмент для очистки неработающих HTML страниц (таких, что были созданные некоторыми редакторами “HTML” неудачно). Он использует эвристику для замены плохой разметки на действенную HTML и CSS. BBTidy — Tidy вышедший, как плагин для BBEdit на Mac. (Открытый Исходный Код)
• 2001-12-06 Apache project выпустил Batik, SVG браузер. Поддерживает SVG с CSS. (Java, Открытый Исходный Код)
• 2001-08-06 Проект Perl CSS был начат на SourceForge, чтобы развивать CSS-DOM и SAC библиотеки для Perl.
• 2001-07-09 “xselect” — C программа которая извлекает все элементы с XML документа, которые соответствуют селектору CSS. Часть пакета HTML-XML-утилиты. (Открытый Исходный Код)
• 2001-04-27 Модуль Perl который реализует SAC, называется CSS::SAC, был написан Robin Berjon. (Открытый Исходный Код.)
• 2000-02-17 Полезная? Или нет? В любом случае, DeCSS — крошечная (Perl) программа была создана Mr. Bad чтобы вырезать все CSS с HTML файла.
• 1999-10-24 SAC (W3C’s Simple API для CSS) есть бета версия. Предоставляются привязки к C и Java.
• 1999-10-24 flute 1.0 — W3C’s анализатор CSS на Java.

Навигация по сайту

CSS в современном мире

От автора: недавно W3C анонсировали Cascading Style Sheets (CSS) snapshot – документ, «вобравший в себя все спецификации, которые формируют каскадные таблицы стилей в 2015 году. Основная аудитория это CSS исполнители, не авторы. Это определение включает в себя модули стабилизации спецификации, а не скорость поддержки в браузерах». Этот документ побудил меня проверить актуальность CSS на сегодняшний день в современном сообществе веб-разработчиков, а также рассмотреть наилучшие практики.

Так как за прошедшие годы много чего изменилось, я думаю, было бы целесообразно отразить в документе сегодняшнее положение CSS, а также взглянуть в будущее данной технологии. Моего опыта было не достаточно, так что я занялся исследованиями и опросил экспертов. Всей той информации, что я получил, хватило на целую книгу! Я решил, что серия онлайн статей по CSS намного быстрее дойдет до потребителей и могу с гордостью представить вам первую статью из серии «Изучение CSS».

Актуален ли CSS сегодня?

Большинству веб-разработчиков сама постановка вопроса об актуальности CSS покажется странной. Тем не менее, новые веяния в веб-разработке ставят под вопрос технологию CSS. Настоятельно рекомендую прочесть статью от Louis Lazaris, который говорит, что CSS жив и в добром здравии. Хоть большинство его статей предрекают CSS долгую жизнь, он также не упустил из внимания популярностью React, JS библиотека, добавляющая инлайновые стили. Также авторы ссылается на статью, в которой ведутся споры А нужен ли нам все еще CSS?. В статье он описывает некоторые болевые точки разработчиков, которые используют CSS. Я привел эти статьи, так как в них описаны те вызовы, с которыми столкнулись разработчики, а также, почему некоторые из них решили воспользоваться другими технологиями. Значит ли это, что наступает закат CSS?

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

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Какие же весомые аргументы можно противопоставить CSS? Обсуждать я их здесь не буду, но я рад, что вокруг этой темы ведется бурные дискуссии. Некоторые из разработчиков выбирают альтернативные технологии. Почему? Потому что новые вызовы оздоравливают сообщество. Поняв принцип работы, можно разработать способы по улучшению технологии. По моему скромному мнению CSS в будущем будет формироваться под намного большим прессингом, чем сейчас.

Простые истины CSS

В нашем современном мире я думаю хорошо бы взять паузу и задаться вопросом «Почему мы делаем то, что делаем?». Задавая этот вопрос себе, почему я продолжаю использовать CSS, необходимо найти оправдания. Ниже я составил список утверждений (не без чужой помощи), придающих вес моей позиции, почему я до сих пор использую CSS для стилизации:

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

CSS – быстрый. Скорость проявляется во многих аспектах. Скорость изменения стилей, страница с отдельными стилями загружается быстрее, чем со встроенными. И, естественно, анимация и плавные переходы на CSS намного быстрее обрабатываются, нежели JavaScript.

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

У CSS большая аудитория. По технологии CSS написаны масса книг, видео, статей и веб-сайтов. Количество библиотек, инструментов и фреймворков, облегчающих применение CSS, только растет.

CSS везде. Современные браузеры используют CSS по полной. Список свойств, поддерживаемых различными браузерами, можно найти на таких сайтах, как CanIUse.com. Также CSS используется для написания стилей для мобильных приложений на различных платформах, когда для запаковки используются инструменты типа ManifoldJS или Cordova.

Более точную информацию о поддержке тем или иным браузером определенных свойств можно получить у разработчиков браузеров. К примеру, на сайте dev.modern.ie можно найти таблицу поддержки свойств в браузере Microsoft Edge.

CSS Сегодня

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

Ручное написание и обслуживание CSS. Проще говоря, разработчик полностью несет ответственность за все аспекты CSS.
CSS с возможностью расширения/фреймворки. Разработчики сильно зависят от различных расширений и фреймворков. Данные инструменты сильно влияют на минификацию и эффективность CSS. Существуют различные расширения/фреймворки, и многие из них зависят друг от друга.

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

Реальность такова, что в большей или меньшей степени большинство сайтов пишутся по второму сценарию. К примеру, разработчик может хорошо знать CSS, но больше полагаться на специальные инструменты из-за минификации файлов. Другим примером послужит использования полноценных фреймворков типа Bootstrap и покупка тем для быстрого поднятия сайтов. Также можно просто воспользоваться готовым файлом стилей W3.CSS и получить полный набор адаптивных стилей. Необходимо четко понять, что использовать. И зависимость от технологий должна помогать развитию проекта, а не вредить ему.

Заключение

У CSS есть своя история, технология широко используется на данный момент. У данной технологии светлое будущее. Пока есть проблемы с CSS, данная технология будет оставаться основной для стилизации веб-страниц. Основная тема статьи это роль CSS в современном мире. В будущих статьях серии «Изучение CSS» будут описаны наилучшие практики, лучшие советы и более подробное описание расширений и фреймворков!

Автор: Michael Palermo

Источник: http://www.sitepoint.com/

Редакция: Команда webformyself.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля