40 полезных Google Chrome расширений для веб-дизайнеров

Мне нравится Google Chrome. Его простота, скорость и работа – на высоте, и в этом не может быть никаких сомнений. Тем не менее, простота в использовании может оказаться проблемой, особенно для нас, веб-дизайнеров, которые привыкли к Firefox аддонам типа Web Developer. Я распрощался с Google лишь потому, что в 2008 году у него не было такого аддона.

 

Однако теперь все изменилось. В том, что другие компьютерные фанаты, которые питают такие же теплые чувства к Google Chrome, решили создать для Chrome Extension с теми же функциями, что и Firefox Addon, нет совершенно ничего удивительного. Я покопался в них, нашел их полезными, и решил представить вашему вниманию 40 расширений, которые очень помогут работе веб-дизайнеров.

 

Итак, запускайте Chrome и будьте готовы повысить свою продуктивность!

 

Цвет

 

ColorPicker

Как понятно из названия, ColorPicker – это удобное расширение, созданное, главным образом, для того, чтобы выбирать и получать значение цвета в любом месте веб-страницы. Кроме того, вы можете выбрать любую область и кликнуть по цветовой палитре, чтобы увидеть, как будет выглядеть цвет, при этом не прикасаясь ни к одному коду.

 

 

Chrome Palette

Устали от поисков цветовой схемы из изображения? Chrome Palette с легкостью решит вашу проблему: он создаст до 64 цветовых палитр из изображения с веб-сайта, которые вы сможете применить в своем проекте, или которые станут вашими идейными вдохновителями.

 

Colour Tweaker

Colour Tweaker, как и Color Picker, может преобразовать цвет веб-сайта, но своим методом. Просто вставьте CSS-селектор в это расширение, затем «захватите» цвет из текста, определите на свое усмотрение его фон и границы.

 

 

Оформление

 

Font Editor

Теперь вам не придется гадать и переключаться между программами, так как Font Editor позволит вам быстро изменить такие настройки как размер, высоту строки и тип шрифта.

 

 

Google Font Previewer

Как указано в самом названии, это расширение дает вам возможность предварительно просмотреть шрифт в Google Font Directory, пользуясь такими опциями, как размер, стиль и оттенки. Если вы довольны определенным шрифтом и хотите его использовать, скопируйте и вставьте ссылку и CSS-код, предоставленный расширением, в код вашего веб-сайта.

 

 

Разработка

 

Web Developer

Это расширение обязательно должно быть в арсенале каждого веб-дизайнера и разработчика. Все опции Web Developer – от просмотра скрипта до отображения информации об объекте -  нацелены на то, чтобы предоставить вам всю нужную информацию об определенном сайте. Расширение обладает такими полезными инструментами, как селектор цвета, механизм проверки допустимости и др.

 

 

Pendule

Легковесный и удобный в использовании инструмент для разработчика, похожий на Web Developer. Pendule располагает такими свойствами, как механизм проверки допустимости, просмотр стиля и источника.

 

 

Firebug Lite

Firebug Lite отличается от варианта, предложенного Firefox, но схож с ним в визуальной подаче, HTML и DOM элементах, а также блочной моделью. Более того, вы можете изучать элемент HTML при помощи мыши и редактировать свойства CSS.

 

 

Stylebot

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

 

 

CSSViewer

Надоело выбирать «Просмотреть элемент» всякий раз, когда вам нужно узнать, какой CSS стиль применен к определенному элементу? CSS Viewer поможет вам решить эту проблему: он будет незамедлительно представлять вам всю необходимую информацию, в том числе данные о шрифте, цвете и расположении элемента.

    

 

Stylesheet Reloader

Перезагружает таблицу стилей CSS без обновления всей страницы, что значительно сокращает время ожидания. Это особенно необходимо дизайнеру в условиях медленной работы интернет-соединения.

 

 

BuiltWith Technology Profiler

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

 

    

IE Tab Multi

Расширение очень похоже на Internet Explorer. Это своего рода ваш Internet Explorer в Chrome, который поддерживает множество стандартных опций IE (в том числе возможность открывать много вкладок).

 

 

Window Resizer

С помощью Window Resizer вы можете проверять совместимость разрешения экрана вашего сайта со стандартными и заданными пользователями.

 

HTML Validator

Это одно из лучших расширений для проверки допустимости, которое способно проверить HTML код  веб-страницы как автоматически, так и вручную. Пользователи могут выбрать и просмотреть результат проверки в веб-странице или в новой вкладке.

 

 

Sight

Благодаря различным темам и операциям над шрифтом, Sight облачает исходный текст веб-сайта в визуально более привлекательную форму.

 

 

PHP Console

Вас одолели PHP ошибки, и вы не знаете, как с ними справиться? PHP Console поможет вам тем, что в уведомлениях расскажет об ошибках и исключительных ситуациях, расположит сообщения об отладке.

 

jаvascript API Search

jаvascript API Search оказывает поддержку Chrome Omnibox, или так называемой адресной строке, в поиске jаvascript функций онлайн с опцией автозаполнения. Если приложение не может отыскать нужную функцию, вам будут предложены результаты сопутствующего поиска с Google Codesearch, Development and Coding Search и Mozilla Developer Network Search.

 

 

JQuery API Search

Наряду с тем, что jQuery зарекомендовал себя как лидирующую jаvascript библиотеку, которая улучшает пользовательский опыт, jQuery API Search предоставляет вам возможность осуществлять поиск в JQuery API из Chrome Omnibox. Просто введите в омнибоксе "jq”, затем нажмите пробел, - и jQuery готов к работе!

 

PHP Search

Как и jQuery API Search, PHP Search осуществляет через Chrome Omnibox поиск PHP кода для вашего дальнейшего использования.

 

Эффективность

 

Stay Focused

Клялись себе в том, что никогда больше не будете тратить время на некоторые веб-сайты, но так и не смогли выполнить данное обещание? Stay Focused играет роль вашего виртуального надсмотрщика, который через определенное время блокирует доступ к сайтам, на которых вы зависаете больше, чем положено. Расширение настоятельно рекомендует вам пересмотреть свое решение, когда вы пытаетесь разблокировать доступ к сайту или увеличить время его посещения. Здесь также есть такая важная опция, как крайнее средство, которая безжалостно убивает любое ваше желание залезть на запретный сайт.

 

 

Speed Dial

Speed Dial – это классическое расширение, которое преобразовывает новую вкладку Chrome в заранее заданные визуальные закладки со ссылками и эскизами сайтов. Вы даже можете установить фоновую тему или изображение по своему вкусу и усмотрению.

 

 

PopChrom

С PopChrom вы можете установить свои горячие клавиши для текстовых фраз типа «ty» для «thank you». Клавиша запуска нужна для того, чтобы преобразовать сокращение в определенные текстовые фразы, поэтому выбирайте такое сочетание клавиш, которое не занято другими опциями.

 

 

Quickrr Productivity Kit

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

 

 

Todoist

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

  

 

Ananke Timer

Теперь вы будете знать, сколько времени потратили на выполнение определённого задания или посещение веб-сайта. Кроме того, Ananke Timer поддерживает различные форматы отслеживания времени и позволяет просматривать данные за прошедшее время, которые сохраняются в истории.

  

 

Chrome Toolbox

Chrome Toolbox, созданный Google, предлагает вам такие пользоательские функции, как вкладка модификации поведения, восстановление данных и создание быстрых клавиш, с помощью которых можно запускать заданные ссылки.

 

 

Chrome Page Extended

Никому не нравится кликать несолько раз для того, чтобы попасть на нужную страницу. Для устранения этой проблемы и разработано расширение Chrome Page Extended – ваша самая быстрая горячая клавиша для получения доступа ко всем нужным страницам Chrome, в том числе к странице Расширений. 

 

AddJump

С AddJump вы можете быстро запустить приложение для Chrome из панели инструментов браузера.

 

 

Bookmark Bar Switcher

У вас слишком много закладок и привести их порядок просто невозможно? Bookmark Bar Switcher позволит вам создать абсолютно новую панель закладок, между которыми вы сможете с легкостью переключаться.

 

 

TabCloud

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

 

 

Ресурсы

 

Similar Pages

Similar Pages, разработанный поисковой системой Google, отыскивает в сети веб-контент, похожий на тот, который вы читаете и о котором хотели бы узнать больше.

 

 

Universal Search

Universal Search обеспечивает вас поисковой строкой с возможностью поиска в Wikipedia, Bing и других поисковиках. Поисковая строка появится, когда вы выделите любой кусок просматриваемого текста.

 

 

Awesome Screenshot

Замечательное расширение, которое получает любую часть веб-сайта и помечает ее кружочками, прямоугольниками, стрелками, линиями и текстом. Впоследствии вы можете отправить скриншот в формате PNG на свой компьютер или в сеть. 

 

Clip To Evernote

Официальное расширение от Evernote, которое сохраняет в заметках любое ваше открытие в сети, а затем  загружает его в Evernote. Clip To Evernote также осуществляет поиск и синхронизацию сохраненных заметок.

 

 

Diigo

Используйте Diigo для того, чтобы выделить, пометить или оставить частные или публичные заметки на веб-странице. Таким образом, вы сможете просмотреть этот материал в любое удобное для вас время.

 

Thinkery

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

 

 

MyNotes

Создание заметок с MyNotes больше не будет представлять для вас никакой сложности. Расширение позволяет открыть выбранный текст в новой закладке всего одним щелчком по контекстному меню.

 

 

Add To Google Bookmarks

Наткнулись на интересную веб-страницу, но у вас нет времени, чтобы ее просмотреть? Кликните правой кнопкой мыши, и страница сохранится в Google Bookmarks для вашего последующего изучения.

 

 

Microstock Photo Power Search

Это, наверное, единственное расширение для поиска высококачественных фото-материалов от известных агентств (Fotolia, Dreamstime, Shutterstock).

 

 

Подведем итоги

В связи с тем, что ряды расширений и приложений Chrome постоянно ширятся, существует большая вероятность того, что сторонники Firefox обратятся к Google Chrome и сделают его своим веб-браузером по умолчанию. А вы бы выбрали Google Chrome с тем числом расширений и приложений, которые он может предложить в данный момент? Какое именно расширение, приложение или функция заставили вас перейти на Google Chrome? Поделитесь с нами своими мыслями!

+ +5 -
Информация
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.
  • Top.Mail.Ru