Онлайн сервисы по генерации таблиц стилей

 

Интересные интернет проекты, назначение которых наглядная генерация таблиц стилей CSS3. Различных эффектов, таких как Box shadow, Text shadow, Gradient, @font-face и т.д. Данные сервисы пригодятся тому, кто занимается версткой или разработкой дизайна для сайтов.

 

 

Немного теории. Каскадные таблицы стилей или CSS – это язык разметки, который отвечает за внешний вид страниц на сайтах. Поэтому, когда в очередной раз вы зайдёте на любимый сайт и увидите разноцветные шрифты, графические элементы, формы ввода пароля, кнопки, картинки и т.д., то знайте что за всю эту красоту отвечают именно таблицы стилей (CSS).

Таблицы стилей проделали довольно длительный путь, потому что появились они примерно в 1996 году и повсеместно применяются до сих пор, если сказать точнее, нет ни одного проекта в интернете который не использовал бы их (есть, конечно, редкие исключения). Причины просты, очень удобно, когда у вас находиться отдельно оформление страницы от её содержания. Хотите изменить оформления сайта, нет ни каких проблем, меняете таблицы стилей, при этом, не затрагивая содержания, экономия времени и сил на лицо.

Онлайн генераторы, выполняют роль помощников, потому как CSS третьей версии оброс многими возможностями, которые требует наглядных примеров.

Первый онлайн генератор расположен по адресу css3generator.com, может генерировать:

- Border radius (радиус округления прямоугольника)
- Box shadow, наглядность для этого параметра как нельзя, кстати, потому что методом научного тыка можно долго выбирать нужный эффект (тень, которую отбрасывает прямоугольный блок)
- Text shadow (тень, которую отбрасывает текст)
- @font-face (правило позволяет определить настройки шрифтов, а также загрузить специфичный шрифт на компьютер пользователя)
- Multiple columns (правило формирует из текста колонки)
- Box resize (позволяет изменять размер блока мышкой)
- Outline (граница вокруг блока)
- Transition (плавный переход или анимация в CSS3)

 

online generato...

 

Второй онлайн генератор www.colorzilla.com/gradient-editor 
Как понятно из названия сервис генерирует градиенты, т.е. вы задаете настройки передвигая ползунки, выбирая их цвет и настраивая прозрачность (аналогично как в графических пакетах), а после вам генерируется готовый CSS код. Полученный результат можно сохранить, плюс на сайте есть множество уже готовых настроек градиентов.

 

gradient genera...

 

Основной минус CSS3 в том, что старые браузеры, такие как IE6 и прочие его просто не понимают, а современные порой преподносят самые неожиданные результаты. Поэтому использовать эти таблицы стилей вам придется на свой страх и риск, лазить по форумам и сайтам вычитывая как получить кроссбраузерность, и сохранить работоспособность. (если это вообще возможно). Пользоваться CSS3 можно, но с большой осторожностью, надеясь на лучшие времена.

 

 

Добавить комментарий


Защитный код
Обновить