Программа Pixie-быстрое определение цвета

Небольшая заметка о программе Pixie, маленькой и чрезвычайно полезной утилите, предназначенной в основном для веб-дизайнеров и художников. Я не отношусь ни к тем, ни к другим, но несколько дней назад решил заняться дизайном своего блога.

Программа Pixie-быстрое определение цвета

Дизайном, конечно, сильно сказано, просто поменять колор некоторых элементов. Делается это довольно просто, достаточно выбрать понравившийся вам цвет и указать его код в таблице стилей (style.css).

Программа Pixie-быстрое определение цвета

Но как быстро узнать html-код? Вот тут-то вашим незаменимым помощником станет эта замечательная и совершенно бесплатная программка Pixie. Скачать ее можно по этому адресу nattyware.com/pixie.php. Принцип работы прост до безобразия: сначала дважды кликаем, чтобы она запустилась, затем наводим курсор мыши на объект, при этом в окошке утилиты мгновенно отобразится его код.

Программа Pixie-быстрое определение цвета

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

Есть у этой программки и дополнительные функции:

1. Ctrl + Alt + C — если нажмете это сочетание клавиш ( можно просто щелкнуть мышью на самой утилите ), код отображаемого цвета скопируется в буфер обмена;

2. Ctrl + Alt + X — открывает цветовой миксер, где можно подбирать и смешивать цвета, устанавливать яркость и т.д.

Программа Pixie-быстрое определение цвета

3. Ctrl + Alt + Z — если навести курсор на интересующий объект и выбрать это сочетание клавиш, откроется статический снимок зоны в увеличенном виде, где можно определить цвет буквально каждого пикселя.

Программа Pixie-быстрое определение цвета

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

Автор статьи Баяс Батуев

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: