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

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

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

 

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

 

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

 

Цвет

 

ColorPicker

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

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

 

Chrome Palette

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

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

 

Colour Tweaker

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

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

 

Оформление

 

Font Editor

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

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

 

Google Font Previewer

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

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

 

Разработка

 

Web Developer

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

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

 

Pendule

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

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

 

Firebug Lite

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

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

 

Stylebot

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

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

 

CSSViewer

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

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

 

Stylesheet Reloader

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

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

 

BuiltWith Technology Profiler

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

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

    

IE Tab Multi

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

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

 

Window Resizer

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

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

 

HTML Validator

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

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

 

Sight

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

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

 

PHP Console

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

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

 

javascript API Search

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

[thumb]https://webtun.com/uploads/posts/2012-12/1356383111_javascript-api-search.jpg[/thumb] 

 

JQuery API Search

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

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

 

PHP Search

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

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

 

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

 

Stay Focused

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

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

 

Speed Dial

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

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

 

PopChrom

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

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

 

Quickrr Productivity Kit

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

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

 

Todoist

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

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

 

Ananke Timer

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

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

 

Chrome Toolbox

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

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

 

Chrome Page Extended

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

 

AddJump

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

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

 

Bookmark Bar Switcher

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

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

 

TabCloud

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

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

 

Ресурсы

 

Similar Pages

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

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

 

Universal Search

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

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

 

Awesome Screenshot

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

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

 

Clip To Evernote

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

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

 

Diigo

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

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

 

Thinkery

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

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

 

MyNotes

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

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

 

Add To Google Bookmarks

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

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

 

Microstock Photo Power Search

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

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

 

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

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






Добавить комментарий

КОММЕНТАРИИ

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Быстрый вход: 

ВОЗМОЖНО ВАС ЭТО ЗАИНТЕРЕСУЕТ

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