ColorZilla в квадрате

16.09.2009

Только что в бомжеленте прочитал восторженный отзыв Сейшельского о браузерном плагине ColorZilla и сразу же после прочтения возникло разочарование в плагине с одновременной радостью от возникшей в голове хорошей идеи, которую наверняка кто-то воплотит в жизнь (а может уже воплотили, да я не знаю).

Действительно хороший инструмент

Был бы, если бы можно было не только ткнуть пипеткой в область и узнать цвет, но чтобы можно было мгновенно этот цвет поменять и новый CSS сохранялся бы в отдельном каталоге. Вот это было бы шикарно и действительно ооочень полезно. Подбирать цвета шаблонов можно было бы со скоростью света. Принципиально это точно возможно, но кто сделает такой плагин или покажет существующий?

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

Букмекерские конторы помогут вам получать заработок, не выходя из дома.

Идея из разряда «делай прямо сейчас».
P.S. Я уверен, что продажа такого плагина по свободной цене может принести неплохие деньги в буржунете.

Так кто сделает?

  1. # Бутылкус

    По поводу редактирования на лету.
    Идеальным вариантом лично для меня является FireBug. Позволяет править и хтмл, и цсс прямо на живой странице. и цвета показывает, и шрифты – всю подноготную. Благодаря пониманию DOM умеет практически выворачивать наизнанку весь сайт – можно посмотреть как, когда и какой скрипт на странице выполнился, куда что отправил и какие заголовки пришли в ответ.
    Я им пользуюсь для вёрстки. Переколбасил шаблон, сохранил таблицу стилей, удачную разметку в шаблон перенёс – и нормально. Кстати, плагин полностью знаком со спецификацией CSS – при начале набора нового свойства тут же предлагает подходящие варианты, остается только выбрать. И шрифты стандартные подсказывает. Можно править стили и отдельно – плагин показывает строки, где в таблице находится описание объекта. Достаточно нажать на кнопочку «Инспектировать» и выбрать какой-нибудь объект.
    Очень экономит время и нерв =)

  2. #  Тормоз: 

    Бутылкус, FireBug хорош, я не спорю, но он далёк от идеала. В частности, он не может то, о чём я здесь написал. Сам тоже раньше пользовался FB постоянно, но последние года два вообще никаких плагинов нет и не бедствую.

  3. # LaFut

    TopStyle Lite
    только указываешь в качестве шаблона для отображения нужную страничку :)

  4. # Сейшельский манимейкер

    да, твоя идея куда круче Колорзиллы будет. для полного счастья можно было бы ещё редактировать на лету css-стили отдельных элементов, типа нажал пипеткой на элемент title и рядом с курсором всплыло окошко небольшое с параметрами его, отредактировал, нажал ок – увидел результат.

    Firebug я не юзал, но как вижу по скринам – надо ползти вниз экрана и что-то там править, идея со всплывающим окошком не реализована :) хотя может я не прав, попробую поюзать.

    А может я просто зажрался :)

    LaFut, ну TopStyle это целая отдельная программа, мне лично множить сущности не очень охота…мне даже проще блокнотом, чем отдельным софтом.

  5. # kikaha

    see http://orqwe.com/Design/Color_tools
    и смотрим – есть ли у кого-нибудь из них вменяемый API , в который можно было бы передать цвет из нашей гипотетической пипетки? Имхо, скорее кто-то из владельцев таких сервисов озаботится созданием такого плагина.
    То есть в простейшие из них, на джаваскрипте еще возможно передать значение в форму используя DOM, а навороченные flash-based сервисы?
    Имхо, идея хорошая, я бы пользовался, но нету пока.

  6. # Search Bot

    На http://colorschemer.com всё это уже есть: и программа для подбора цвета, и куча готовых пользовательских цветовых схем.
    Кстати,там и бесплатная программка ColorPix имеется (которой я очень доволен).
    Она где-то на 200% заменяет Колорзиллу

  7. # Роланд Чанишвили

    Крутая штука этот kuler – у меня есть похожая програмка «ColorSchemer Studio» – но тут еще лучше выбор цветов по картинке сделан. А в rss и hex-ы цветов отдают…

    А насчет «связываться и применять» да еще на произвольном сайте – чето ничего сразу в голову не приходит. Ну ладно – бак у всего сайта, ну баки у маин и сайдбара и цвета текста… Не. все равно лажово получится. Нужна человечесая голова ко всему этому. Или специфически созданная тема.

  8. #  Тормоз: 

    Search Bot, думаю, ты не вкурил в чём суть идеи :)

    Подбор цвета и куча схем — это не ново. А вот чтобы можно было ткнуть в любом месте страницы и изменить цвет этого элемента, причем корректно найти в CSS участок, где он определяется и изменить его именно там… ничего подобного не видел.

  9. # Search Bot

    Точно не вкурил. Пойду вкурять.. вкуривать.. покурил вобщем))
    Серьёзно – не знал, что можно поменять элемент страницы.

  10. # Бутылкус

    >>>ткнуть в любом месте страницы и изменить цвет этого элемента, причем корректно найти в CSS участок

    Тормоз, этим и занимается функция «инспетировать» в фаербаге. Ткнул, если угодно, правой кнопкой, интескитровал – в правой колонке все классы стилей, связанные с элементом. Причём показывает даже наследников, даже ещё и те, которое неактивны конкретно сейчас(например visited, hover).
    Видимо, два года назад в фаербаге этого не было =) Так что обрати внимание на него еще разок.

    А по поводу сохранения и применения собственного стиля – да вроде бы опера, кабы не соврать, с 5.5 (которую ломать еще надо было) имеет аж с десяток встроенных стилей и позволяет добавлять свои. в том числе и с посещенных страниц. И где-то в меню «вид» обитает эта заветная кнопка – юзать собственный стиль.

    А может я и с третьего раза не вкурил, что именно тебе нужно =)))))))

  11. # Тормоз

    было это и два года назад, но, повторяю уже третий раз — нет там возможности ткнуть и сразу же выбрать и сменить цвет. Нету! Или покажи видео :)

  12. # Эмиль

    Идея отличная, но вот как сделать чтобы программа корректно меняла стили? Я конечно не особо силен в CSS и программировании, но тут только если писать еще один css (программой) который будет перекрывать исходный.

    А так если бы кто-нить это реализовал в виде плагина для ФФ я бы пользовался с удовольствием.

  13. # Тормоз

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

  14. # JohnnySuperb

    Интересный вариант. И действительно, FireBug показывает не только исходный код выделенного объекта, но и его свойства. причем подробно – что откуда наследуется и что перекрывается. И цвет можно отредактировать и не только его, но и остальные свойства в указанном классе, посмотреть и прикинуть – подходит это или нет. Но как я понял, Тормоз сразу хочет, чтобы и палитра цветов вышла. Но нужно иметь ввиду, что многие объекты перекрывают друг-друга. И такой стиль может использоваться еще где-то.. тогда нужно продумывать – как это должно все работать. Может нужно сразу новый класс создать и сохранить, дабы не затронуть другие объекты. И самое главное – как потом загрузить изменения с сайта на сервер? Т.е. еще нужен экспорт цсски и желательно – сжатие оной.

  15. # Тормоз

    Нет, новый класс не надо, иначе CSS в помойку превратится.

Комментирование этой статьи закрыто.

Интересное Покупки ТехникаРазное Отдых Статьи Строительство Услуги Общество Хобби Культура Советы Уют