CSSsir — онлайн генератор CSS кода

Если Вы начали читать эту статью, значит знаете что такое 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
Добавить

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

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

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

Установить сейчас
Установить

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

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

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

Список функций CSSsir
Список

ПРИМЕРЫ. Функции «Text-rotation», «Text and Font Style», «Transition», «Text-shadow», «Border-radius» и другие.

Поворот текста
Поворот текста
Стили для текста и фона
Текст и фон
Transition
Transition
Тень для текста
Тень
Скругление
Скругление углов

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

Оставьте комментарий