Just do it!
Google-группа по анимации
Подпишитесь на Обсуждение программы для 2D-анимации Synfig Studio.
Электронная почта:
Что сейчас читаю
Друзья
dyadya-gad.ru
«О Гадах, гадких друзьях и тому подобной гадской ерунде»
Сайт о наших походах, с фотографиями.
danich.ru
Man, howto and random stuff
Вишлист
My Wishlist - djoa
Статистика Revolvermaps
Ещё
Академическая соционикаАкадемическая соционика.
«Нет ничего практичнее хорошей теории». Роберт Кирхгоф
Школа Н. Н. Мельниковой и Д. М. Полева. Я здесь училась.
РАЗДРАЖЕ - это комикс
Готовим дома
Вкусные, доступные и оригинальные рецепты домашней кухни.
Sound composition.
Flash-проигрыватель различных звуков, гибко настраиваемый.
Композиция по ссылке настроена под звуки леса :)
Создан: 2011-05-04, 14:26:00
Изменён: 2011-05-04, 17:18:47

Генератор градиентов «Ultimate CSS Gradient Generator».

Автор Джойка

Недавно на Хабре был обзор CSS-генераторов, из которых я сперва для себя выбрала CSS3 Generator (коим пользоваться вообще рекомендую, для разных целей) и Gradient Directrion (как визуализированный, что удобно).

Однако, впоследствии мне куда больше понравился визуальный генератор градиентов Ultimate CSS Gradient Generator (разработчик Alex Sirota), на который, кстати, ссылается замечательный аддон для Firefox — Color Picker (где я его и нашла).
Понравился как интерфейсом и удобством, так и кроссбраузерностью итогового кода (больше поддерживает).

Немного опишу.

В этом CSS-генераторе можно настроить вид градиента — с помощью передвижения ползунков на линейке градиента и задания в палитре цвета каждого ползунка. А в Preview-контейнере виден результат.
Ползунки добавляются двойным кликом по линейке (цвет берётся от текущего ползунка — выделять их простым кликом).
Удалять ползунок переносом его вниз с линейки (потянуть) или кнопкой «delete» для текущего ползунка.

В настройках (Preview) задаётся ориентация (вертикальная, горизонтальная), а в панельке «CSS» будет кроссбраузерный CSS-код — с учётом старых браузеров (просто заливка первым цветом), разных движков (в том числе, IE 6-9) и даже стандарта W3C.

Есть набор градиентов для примера (Presets), которые можно использовать.
Итоговому градиенту можно задать имя и, таким образом, добавить его в Presets (первым, в начало списка). Эти новые градиенты хранятся на стороне клиента.
В Presets градиент можно удалить (правой кнопкой мыши нажать на конкретном — и выбрать «Delete Gradient»), а можно сделать дубликат (аналогично, выбрать «New Gradient»).

Что особенно радует — есть возможность импортировать CSS-код градиента: на панельке «CSS» есть кнопка «import from css». Пишите в появившемся окне одно правило, в одном из указанных форматов (например, W3C ;).
Есть кнопка «import from image» (импортировать из изображения!), но её работоспособность я не проверяла пока.

Все градиенты у себя я сделала с помощью этого генератора.


 
djoa, сен-2009 : now
Читать djoa_ru в Твиттере Иконка сайта сделана при помощи favicon.ru