Если Вы начали читать эту статью, значит знаете что такое 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. Спасибо всем читателям, пользуйтесь дополнением и оставляйте свои комментарии!