40 полезных Google Chrome расширений для веб-дизайнеров
Мне нравится Google Chrome. Его простота, скорость и работа – на высоте, и в этом не может быть никаких сомнений. Тем не менее, простота в использовании может оказаться проблемой, особенно для нас, веб-дизайнеров, которые привыкли к Firefox аддонам типа Web Developer. Я распрощался с Google лишь потому, что в 2008 году у него не было такого аддона.
Итак, запускайте Chrome и будьте готовы повысить свою продуктивность!
Цвет
Как понятно из названия, ColorPicker – это удобное расширение, созданное, главным образом, для того, чтобы выбирать и получать значение цвета в любом месте веб-страницы. Кроме того, вы можете выбрать любую область и кликнуть по цветовой палитре, чтобы увидеть, как будет выглядеть цвет, при этом не прикасаясь ни к одному коду.
Устали от поисков цветовой схемы из изображения? Chrome Palette с легкостью решит вашу проблему: он создаст до 64 цветовых палитр из изображения с веб-сайта, которые вы сможете применить в своем проекте, или которые станут вашими идейными вдохновителями.
Colour Tweaker, как и Color Picker, может преобразовать цвет веб-сайта, но своим методом. Просто вставьте CSS-селектор в это расширение, затем «захватите» цвет из текста, определите на свое усмотрение его фон и границы.
Оформление
Теперь вам не придется гадать и переключаться между программами, так как Font Editor позволит вам быстро изменить такие настройки как размер, высоту строки и тип шрифта.
Как указано в самом названии, это расширение дает вам возможность предварительно просмотреть шрифт в Google Font Directory, пользуясь такими опциями, как размер, стиль и оттенки. Если вы довольны определенным шрифтом и хотите его использовать, скопируйте и вставьте ссылку и CSS-код, предоставленный расширением, в код вашего веб-сайта.
Разработка
Это расширение обязательно должно быть в арсенале каждого веб-дизайнера и разработчика. Все опции Web Developer – от просмотра скрипта до отображения информации об объекте - нацелены на то, чтобы предоставить вам всю нужную информацию об определенном сайте. Расширение обладает такими полезными инструментами, как селектор цвета, механизм проверки допустимости и др.
Легковесный и удобный в использовании инструмент для разработчика, похожий на Web Developer. Pendule располагает такими свойствами, как механизм проверки допустимости, просмотр стиля и источника.
Firebug Lite отличается от варианта, предложенного Firefox, но схож с ним в визуальной подаче, HTML и DOM элементах, а также блочной моделью. Более того, вы можете изучать элемент HTML при помощи мыши и редактировать свойства CSS.
Stylebot предоставляет вам возможность изменять стиль любого веб-сайта, не используя CSS код, благодаря чему вы можете обойтись без утомительной печатной работы. Вероятно, самой значительной характеристикой данного расширения можно назвать возможность генерировать CSS код каждый раз, когда вы захотите внести в веб-сайт свои изменения.
Надоело выбирать «Просмотреть элемент» всякий раз, когда вам нужно узнать, какой CSS стиль применен к определенному элементу? CSS Viewer поможет вам решить эту проблему: он будет незамедлительно представлять вам всю необходимую информацию, в том числе данные о шрифте, цвете и расположении элемента.
Перезагружает таблицу стилей CSS без обновления всей страницы, что значительно сокращает время ожидания. Это особенно необходимо дизайнеру в условиях медленной работы интернет-соединения.
Самое большое достоинство этого расширения состоит в том, что оно указывает каждую примененную веб-технологию, в том числе объектные структуры и веб-стандарты. Более того, информация по каждой из них очень исчерпывающая.
Расширение очень похоже на Internet Explorer. Это своего рода ваш Internet Explorer в Chrome, который поддерживает множество стандартных опций IE (в том числе возможность открывать много вкладок).
С помощью Window Resizer вы можете проверять совместимость разрешения экрана вашего сайта со стандартными и заданными пользователями.
Это одно из лучших расширений для проверки допустимости, которое способно проверить HTML код веб-страницы как автоматически, так и вручную. Пользователи могут выбрать и просмотреть результат проверки в веб-странице или в новой вкладке.
Благодаря различным темам и операциям над шрифтом, Sight облачает исходный текст веб-сайта в визуально более привлекательную форму.
Вас одолели PHP ошибки, и вы не знаете, как с ними справиться? PHP Console поможет вам тем, что в уведомлениях расскажет об ошибках и исключительных ситуациях, расположит сообщения об отладке.
jаvascript API Search оказывает поддержку Chrome Omnibox, или так называемой адресной строке, в поиске jаvascript функций онлайн с опцией автозаполнения. Если приложение не может отыскать нужную функцию, вам будут предложены результаты сопутствующего поиска с Google Codesearch, Development and Coding Search и Mozilla Developer Network Search.
Наряду с тем, что jQuery зарекомендовал себя как лидирующую jаvascript библиотеку, которая улучшает пользовательский опыт, jQuery API Search предоставляет вам возможность осуществлять поиск в JQuery API из Chrome Omnibox. Просто введите в омнибоксе "jq”, затем нажмите пробел, - и jQuery готов к работе!
Как и jQuery API Search, PHP Search осуществляет через Chrome Omnibox поиск PHP кода для вашего дальнейшего использования.
Эффективность
Клялись себе в том, что никогда больше не будете тратить время на некоторые веб-сайты, но так и не смогли выполнить данное обещание? Stay Focused играет роль вашего виртуального надсмотрщика, который через определенное время блокирует доступ к сайтам, на которых вы зависаете больше, чем положено. Расширение настоятельно рекомендует вам пересмотреть свое решение, когда вы пытаетесь разблокировать доступ к сайту или увеличить время его посещения. Здесь также есть такая важная опция, как крайнее средство, которая безжалостно убивает любое ваше желание залезть на запретный сайт.
Speed Dial – это классическое расширение, которое преобразовывает новую вкладку Chrome в заранее заданные визуальные закладки со ссылками и эскизами сайтов. Вы даже можете установить фоновую тему или изображение по своему вкусу и усмотрению.
С PopChrom вы можете установить свои горячие клавиши для текстовых фраз типа «ty» для «thank you». Клавиша запуска нужна для того, чтобы преобразовать сокращение в определенные текстовые фразы, поэтому выбирайте такое сочетание клавиш, которое не занято другими опциями.
Quickrr Productivity Kit предлагает в ваше распоряжение набор базовых, но, тем не менее, полезных инструментов, среди которых переводчик, калькулятор, конвертер величин и многое другое.
Воспользовавшись легким для настраивания аккаунтом, вы можете получить доступ к этому диспетчеру задач. С его помощью можно вносить и редактировать задания, которые вам нужно выполнить. Самое лучше в данном расширении – это то, что ваши задания хранятся в сети, поэтому доступ к ним можно получить через любой Chrome, на котором установлено данное расширение.
Теперь вы будете знать, сколько времени потратили на выполнение определённого задания или посещение веб-сайта. Кроме того, Ananke Timer поддерживает различные форматы отслеживания времени и позволяет просматривать данные за прошедшее время, которые сохраняются в истории.
Chrome Toolbox, созданный Google, предлагает вам такие пользоательские функции, как вкладка модификации поведения, восстановление данных и создание быстрых клавиш, с помощью которых можно запускать заданные ссылки.
Никому не нравится кликать несолько раз для того, чтобы попасть на нужную страницу. Для устранения этой проблемы и разработано расширение Chrome Page Extended – ваша самая быстрая горячая клавиша для получения доступа ко всем нужным страницам Chrome, в том числе к странице Расширений.
С AddJump вы можете быстро запустить приложение для Chrome из панели инструментов браузера.
У вас слишком много закладок и привести их порядок просто невозможно? Bookmark Bar Switcher позволит вам создать абсолютно новую панель закладок, между которыми вы сможете с легкостью переключаться.
Вы может сохранить свои windows сессии и позднее воспроизвести их на любом компьютере. TabCloud экономит много времени, ограждая пользователя от повторного открытия веб-сайта из другой части папки закладок.
Ресурсы
Similar Pages, разработанный поисковой системой Google, отыскивает в сети веб-контент, похожий на тот, который вы читаете и о котором хотели бы узнать больше.
Universal Search обеспечивает вас поисковой строкой с возможностью поиска в Wikipedia, Bing и других поисковиках. Поисковая строка появится, когда вы выделите любой кусок просматриваемого текста.
Замечательное расширение, которое получает любую часть веб-сайта и помечает ее кружочками, прямоугольниками, стрелками, линиями и текстом. Впоследствии вы можете отправить скриншот в формате PNG на свой компьютер или в сеть.
Официальное расширение от Evernote, которое сохраняет в заметках любое ваше открытие в сети, а затем загружает его в Evernote. Clip To Evernote также осуществляет поиск и синхронизацию сохраненных заметок.
Используйте Diigo для того, чтобы выделить, пометить или оставить частные или публичные заметки на веб-странице. Таким образом, вы сможете просмотреть этот материал в любое удобное для вас время.
Thinkery выполняет роль вашего онлайн мозга. Сохраните адрес и выбранный текст в расширении, чтобы вернуться к нему позднее.
Создание заметок с MyNotes больше не будет представлять для вас никакой сложности. Расширение позволяет открыть выбранный текст в новой закладке всего одним щелчком по контекстному меню.
Наткнулись на интересную веб-страницу, но у вас нет времени, чтобы ее просмотреть? Кликните правой кнопкой мыши, и страница сохранится в Google Bookmarks для вашего последующего изучения.
Это, наверное, единственное расширение для поиска высококачественных фото-материалов от известных агентств (Fotolia, Dreamstime, Shutterstock).
Подведем итоги
В связи с тем, что ряды расширений и приложений Chrome постоянно ширятся, существует большая вероятность того, что сторонники Firefox обратятся к Google Chrome и сделают его своим веб-браузером по умолчанию. А вы бы выбрали Google Chrome с тем числом расширений и приложений, которые он может предложить в данный момент? Какое именно расширение, приложение или функция заставили вас перейти на Google Chrome? Поделитесь с нами своими мыслями!
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.