ColorZilla в квадрате
16.09.2009 тормозные идеи
Только что в бомжеленте прочитал восторженный отзыв Сейшельского о браузерном плагине ColorZilla и сразу же после прочтения возникло разочарование в плагине с одновременной радостью от возникшей в голове хорошей идеи, которую наверняка кто-то воплотит в жизнь (а может уже воплотили, да я не знаю).
Действительно хороший инструмент
Был бы, если бы можно было не только ткнуть пипеткой в область и узнать цвет, но чтобы можно было мгновенно этот цвет поменять и новый CSS сохранялся бы в отдельном каталоге. Вот это было бы шикарно и действительно ооочень полезно. Подбирать цвета шаблонов можно было бы со скоростью света. Принципиально это точно возможно, но кто сделает такой плагин или покажет существующий?
В идеале плагин ещё мог бы в фоне связываться с сервисами подбора цветов типа kuler.adobe.com и автоматически примерять удачные цветовые гаммы к произвольному шаблону (то есть к любому сайту, открытому в активной вкладке). При этом нужна возможность сохранения удачных цветовых решений.
Идея из разряда «делай прямо сейчас».
P.S. Я уверен, что продажа такого плагина по свободной цене может принести неплохие деньги в буржунете.
Так кто сделает?
Комментирование этой статьи закрыто.
По поводу редактирования на лету.
Идеальным вариантом лично для меня является FireBug. Позволяет править и хтмл, и цсс прямо на живой странице. и цвета показывает, и шрифты – всю подноготную. Благодаря пониманию DOM умеет практически выворачивать наизнанку весь сайт – можно посмотреть как, когда и какой скрипт на странице выполнился, куда что отправил и какие заголовки пришли в ответ.
Я им пользуюсь для вёрстки. Переколбасил шаблон, сохранил таблицу стилей, удачную разметку в шаблон перенёс – и нормально. Кстати, плагин полностью знаком со спецификацией CSS – при начале набора нового свойства тут же предлагает подходящие варианты, остается только выбрать. И шрифты стандартные подсказывает. Можно править стили и отдельно – плагин показывает строки, где в таблице находится описание объекта. Достаточно нажать на кнопочку «Инспектировать» и выбрать какой-нибудь объект.
Очень экономит время и нерв =)
Бутылкус, FireBug хорош, я не спорю, но он далёк от идеала. В частности, он не может то, о чём я здесь написал. Сам тоже раньше пользовался FB постоянно, но последние года два вообще никаких плагинов нет и не бедствую.
TopStyle Lite
только указываешь в качестве шаблона для отображения нужную страничку :)
да, твоя идея куда круче Колорзиллы будет. для полного счастья можно было бы ещё редактировать на лету css-стили отдельных элементов, типа нажал пипеткой на элемент title и рядом с курсором всплыло окошко небольшое с параметрами его, отредактировал, нажал ок – увидел результат.
Firebug я не юзал, но как вижу по скринам – надо ползти вниз экрана и что-то там править, идея со всплывающим окошком не реализована :) хотя может я не прав, попробую поюзать.
А может я просто зажрался :)
LaFut, ну TopStyle это целая отдельная программа, мне лично множить сущности не очень охота…мне даже проще блокнотом, чем отдельным софтом.
see http://orqwe.com/Design/Color_tools
и смотрим – есть ли у кого-нибудь из них вменяемый API , в который можно было бы передать цвет из нашей гипотетической пипетки? Имхо, скорее кто-то из владельцев таких сервисов озаботится созданием такого плагина.
То есть в простейшие из них, на джаваскрипте еще возможно передать значение в форму используя DOM, а навороченные flash-based сервисы?
Имхо, идея хорошая, я бы пользовался, но нету пока.
На http://colorschemer.com всё это уже есть: и программа для подбора цвета, и куча готовых пользовательских цветовых схем.
Кстати,там и бесплатная программка ColorPix имеется (которой я очень доволен).
Она где-то на 200% заменяет Колорзиллу
Крутая штука этот kuler – у меня есть похожая програмка «ColorSchemer Studio» – но тут еще лучше выбор цветов по картинке сделан. А в rss и hex-ы цветов отдают…
А насчет «связываться и применять» да еще на произвольном сайте – чето ничего сразу в голову не приходит. Ну ладно – бак у всего сайта, ну баки у маин и сайдбара и цвета текста… Не. все равно лажово получится. Нужна человечесая голова ко всему этому. Или специфически созданная тема.
Search Bot, думаю, ты не вкурил в чём суть идеи :)
Подбор цвета и куча схем — это не ново. А вот чтобы можно было ткнуть в любом месте страницы и изменить цвет этого элемента, причем корректно найти в CSS участок, где он определяется и изменить его именно там… ничего подобного не видел.
Точно не вкурил. Пойду вкурять.. вкуривать.. покурил вобщем))
Серьёзно – не знал, что можно поменять элемент страницы.
>>>ткнуть в любом месте страницы и изменить цвет этого элемента, причем корректно найти в CSS участок
Тормоз, этим и занимается функция «инспетировать» в фаербаге. Ткнул, если угодно, правой кнопкой, интескитровал – в правой колонке все классы стилей, связанные с элементом. Причём показывает даже наследников, даже ещё и те, которое неактивны конкретно сейчас(например visited, hover).
Видимо, два года назад в фаербаге этого не было =) Так что обрати внимание на него еще разок.
А по поводу сохранения и применения собственного стиля – да вроде бы опера, кабы не соврать, с 5.5 (которую ломать еще надо было) имеет аж с десяток встроенных стилей и позволяет добавлять свои. в том числе и с посещенных страниц. И где-то в меню «вид» обитает эта заветная кнопка – юзать собственный стиль.
А может я и с третьего раза не вкурил, что именно тебе нужно =)))))))
было это и два года назад, но, повторяю уже третий раз — нет там возможности ткнуть и сразу же выбрать и сменить цвет. Нету! Или покажи видео :)
Идея отличная, но вот как сделать чтобы программа корректно меняла стили? Я конечно не особо силен в CSS и программировании, но тут только если писать еще один css (программой) который будет перекрывать исходный.
А так если бы кто-нить это реализовал в виде плагина для ФФ я бы пользовался с удовольствием.
естественно новый стиль будет замещать исходный, других вариантов нет (без доступа к серверу). Хотя для локальной работы можно исходник переписывать, так даже удобнее.
Интересный вариант. И действительно, FireBug показывает не только исходный код выделенного объекта, но и его свойства. причем подробно – что откуда наследуется и что перекрывается. И цвет можно отредактировать и не только его, но и остальные свойства в указанном классе, посмотреть и прикинуть – подходит это или нет. Но как я понял, Тормоз сразу хочет, чтобы и палитра цветов вышла. Но нужно иметь ввиду, что многие объекты перекрывают друг-друга. И такой стиль может использоваться еще где-то.. тогда нужно продумывать – как это должно все работать. Может нужно сразу новый класс создать и сохранить, дабы не затронуть другие объекты. И самое главное – как потом загрузить изменения с сайта на сервер? Т.е. еще нужен экспорт цсски и желательно – сжатие оной.
Нет, новый класс не надо, иначе CSS в помойку превратится.