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