Если Вы начали читать эту статью, значит знаете что такое CSS (каскадные таблицы стилей) или хотя бы один раз слышали о них. Каскадные таблицы стилей используют все без исключения веб-мастера. Без них не обходится создание даже самого простого сайта.
Если вы не умеете сами создавать сайты, а заказываете их создание фрилансерам или знакомым, всё равно со временем приходится сталкиваться с CSS. Ведь от каскадных таблиц стилей зависит визуальное оформление вашего сайта или блога.
Активно работать со стилями приходится при создании веб-сайта, а также при смене его дизайна. Как я уже неоднократно упоминал, я не силён в веб-программировании, но код CSS могу изменить, если возникает такая необходимость. Совсем недавно немного изменил внешний вид своего блога.
И вот только сегодня я узнал о отличном дополнении к Firefox — генератор CSS под названием «CSSsir». Честно сказать, был немножко расстроен тем, что не узнал о нём немного раньше.
ГЕНЕРАТОР CSS
Что умеет CSSsir.
Генерировать такие CSS3 свойства, как:
- text-shadow;
- RGBA;
- transform;
- box-shadow;
- border-radius;
- multiple columns;
- linear gradient;
- radial gradient;
- outline;
- transition;
- text and font style.
Предоставляет удобные инструменты:
- Tag Cleaner — инструмент для очистки текста (HTML кода) от тегов, атрибутов тегов, HTML спецсимволов, пустых строк, лишних пробелов;
- Конвертер (RGB — HEX, PX — EM);
- Colour Picker.
Имеет шпаргалки:
- перечень CSS3 селекторов;
- некоторые CSS-хаки для различных браузеров;
- таблица соотношений px, pt, em,%;
- таблица кросс-браузерных названий цветов;
- перечень основных «безопасных» Web — шрифтов;
- JS-коды клавиш.
Главное преимущество «CSSsir» в том, что он генерирует кросс-браузерный код, который потом нужно просто скопировать. Сегодня рассмотрим процесс установки этого дополнения для интернет-браузера Firefox. Переходим по ссылке:
https://addons.mozilla.org/ru/firefox/addon/csssir/?src=cb-dl-hotness
и нажимаем на кнопку «Добавить в Firefox».
Разрешаем Firefox установку дополнения.
Кликаем на кнопку «Установить сейчас».
После окончания загрузки и установки дополнения, нажимаем на кнопку «Перезапустить сейчас».
После перезагрузки веб-браузера, на панели дополнений появляется кнопка «CSSsir», нажав на которую, открывается подробный список функций.
ПРИМЕРЫ. Функции «Text-rotation», «Text and Font Style», «Transition», «Text-shadow», «Border-radius» и другие.
Генератор CSS «CSSsir» является прекрасным и функциональным дополнением для веб-мастеров и дизайнеров, наряду с Firebug. Спасибо всем читателям, пользуйтесь дополнением и оставляйте свои комментарии!