CSSsir — генератор кросс-браузерного кода CSS

Просмотров: 970

CSS генераторЕсли Вы начали читать эту статью, значит знаете что такое 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»

Дополнение к Firefox

2. Разрешаем Firefox установку дополнения

Разрешить установку дополнения

3. Кликаем на кнопку «Установить сейчас»

Установить

4. После окончания загрузки и установки дополнения, нажимаем на кнопку «Перезапустить сейчас»

Перезапустить

5. После перезагрузки Firefox, на панели дополнений появляется кнопка CSSsir, нажав на которую, открывается подробный список функций

CSSsir

ПРИМЕРЫ:
— Text-rotation

Поворот текста

— Text and Font Style

Стили для текста и фона

— Transition

Transition

— Text-shadow

Тень для текста

— Border-radius и другие

Скругление

CSSsir является прекрасным и функциональным дополнением для веб-мастеров и дизайнеров, наряду с Firebug.

Спасибо всем читателям этого блога, пользуйтесь дополнением и оставляйте свои комментарии!

Комментарии:

Leave a Reply

Ваш e-mail не будет опубликован.