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

Генератор 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

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

Скругление

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


Оцените инструкцию:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...


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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.