Инструменты web-разработчика. Введение.
8 Июнь 2008
Данной заметкой я начинаю цикл публикаций, посвященных инструментам, применяемым различными категориями web-разработчиков в их профессиональной деятельности. Многие из упоминаемых программ, конечно же, достойны более подробного описания и изучения, что мы, по возможности, и будем делать.
Итак, начнемс.
1. Персональный органайзер.
Очень полезная программа, в случае, конечно, если разработчик ценит свое время и желает увеличить производительность труда. Лично мне органайзер помогает систематизировать информацию по проектам: хранить технические задания, брифы, контактные данные, а также документировать какие-либо решения, применяемые при разработке (описания структуры, фрагменты кода, хаки и т.д.). Все вышеперечисленное в значительной мере способствует наработке собственной Базы Знаний и помогает оптимизировать процесс разработки последующих проектов.
Моим настольным органайзером является от компании .
Ознакомиться с основными возможностями программы Вы можете на . От себя добавлю: функциональный, удобный, ничего лишнего. В доказательство прикладываю скриншот.
2. Программа для «захвата» цвета определенной области.
Незаменимая в хозяйстве вещь. Особенно острую необходимость в подобном ПО испытывают верстальщики, далее я приведу пару примеров использования этого мега-инструмента. Очень удобной утилитой является . Весит мало, делает много. В зависимости от пожеланий пользователя, может выхватывать цвет из области или попиксельно, заботливо конвертируя оттенок в HEX. Остается только скопировать значение из окошка и использовать его по назначению.
Примеры использования.
1. Корректировка цветовых значений элементов веб-страницы.
В процессе создания шаблона под Joomla приходится настраивать цвета огромного количества элементов: одним из способов, конечно, является захват цвета непосредственно из PhotoShop, в случае, если у нас под рукой есть «разобранный» psd-макет. Но этот способ достаточно неудобен тем, что требует значительных затрат времени. Гораздо удобнее «доводить» шаблон по jpg-версии, открытой в каком-нибудь просмотрщике, периодически захватывая цвета «пипеткой» ColorImpact-а.
2. Поиск элементов по HEX-формуле.
Например, нам стало очень интересно, в каком месте CSS-файла прописался какой-либо элемент.
Чтобы удовлетворить свое любопытство, мы можем «захватить» цвет элемента и осуществить поиск по стилям.
Внешний вид приложения:





2 года назад
Довольно интересно, сам поймал себя на мысле что действительно открываю psd’шку чтобы потыкать цвета для шаблона. =)
Довольно удивило что вы Дизайнер + Программист + Верстальщик и т.д., преимущественно НЕ муржского пола.
Сам занимаюс тем же что и вы, но только начианю осваивать так сказать =), тоже Джумлист, в последнее время подсел на 1.5 версию
2 года назад
Да, инструмент очень полезный. Еще из той же серии – всякие примочки к браузерам. Сейчас готовлю статью в продолжение цикла – постараюсь рассказать поподробнее. Относительно джумлы полторашки – очень хороший прорыв) Но пока не спешу отказываться и от 1.0.Х версии – подождемс еще пару-тройку месяцев, пока 1.5 не примет окончательный вид.
2 года назад
По моему 1.5 версия довольно стабильная, особенно последний релиз 1.5.3, вполне устраивает =)
2 года назад
Но не смотря ни на что – это НОВАЯ версия, а значит возможность возникновения неприятностей – немного выше, чем у старых, проверенных временем версий, где все известно заранее ). Поэтому, при разработке коммерческих проектов, лучше перестраховаться, чем потом в экстренном режиме разгребать непонятности. Имхо, конечно. Но пока что так ).
1 год назад
здорово, а то я для цветов использовал скрин экрана и Paint.Net а для записи todo-list`ов – Notepad++ :)
4 месяца назад
Спасибо за ColorImpact! раньше делал скриншоты и пипетил из фотошопа)