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

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

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

Так что вот они для вас, оснастить Chrome и повысить производительность.

цвет

ColorPicker

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

Chrome Palette

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

Цветной твикер

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

Типография

Редактор шрифтов

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

Google Font Previewer

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

развитие

Веб-разработчик

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

Pendule

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

Firebug Lite

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

Stylebot

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

CSSViewer

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

Стилист Reloader

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

BuiltWith Technology Profiler

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

IE Tab Multi

IE Tab Multi оказался наиболее похожим на оригинальный Internet Explorer. Это ваш Internet Explorer в Chrome, который поддерживает множество функций IE по умолчанию, таких как вкладки с несколькими вкладками..

Окно Resizer

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

HTML валидатор

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

достопримечательность

Sight с различными вариантами тем и шрифтов выделяет исходный код сайта в более удобной форме.

Консоль PHP

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

JavaScript API Search

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

Поиск jQuery API

Несмотря на то, что jQuery зарекомендовал себя как ведущая библиотека Javascript, которая улучшает взаимодействие с пользователем, jQuery API Search предоставляет вам возможность поиска через jQuery API из Chrome Omnibox. Просто наберите 'jq', затем пробел в омнибоксе, и вы в пути..

PHP поиск

Подобно jQuery API Search, это расширение добавляет поддержку вашего Chrome Omnibox для поиска PHP-кода для использования в справочных целях..

производительность

Оставайся сфокусированным

Присягнул, чтобы не тратить время на сайт, но никогда не делал это успешно? Stay Focused действует как ваш виртуальный супервизор, который блокирует трату времени на веб-сайт на указанное время, и серьезно советует вам, когда вы пытаетесь разблокировать или уменьшить время блокировки сайта. Он также оснащен такими важными функциями, как ядерный выбор и режим вызова, который беспощадно убивает ваше время.

PopChrom

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

Quickrr Производительность Kit

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

Todoist

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

Ананке Таймер

Отслеживайте время, потраченное на выполнение определенной задачи, или запишите время, которое вы провели на определенном веб-сайте. Таймер Ananke также поддерживает многократное отслеживание времени и позволяет вам просматривать то, что вы отслеживали в прошлом.

Chrome Toolbox

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

Chrome Page Extended

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

AppJump

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

Закладка Bar Switcher

Слишком много закладок и не удалось организовать их эффективно? Boorkmark Bar Switcher позволяет создавать совершенно новые панели закладок и легко переключаться между ними.

TabCloud

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

Ресурсное

Универсальный поиск

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

Потрясающий скриншот

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

Клип в Evernote

Официальное расширение Evernote для захвата и записи вашего открытия в Интернете, а затем для загрузки в Evernote. Расширение также поддерживает функцию поиска и синхронизации сохраненной заметки..

Diigo

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

Thinkery

Думайте Thinkery как свой мозг онлайн, затем сохраните адрес ссылки и выделенный текст для просмотра позже..

мои заметки

Ведение заметок должно быть простым процессом, и это возможно с помощью myNotes, которая позволяет добавить в закладки выделенный текст одним щелчком мыши в контекстном меню..

Микросток Фото Power Search

Вероятно, единственное расширение поиска для вас, чтобы искать высококачественную фотографию от известных агентств, таких как Fotolia, Dreamstime и Shutterstock.

отражение

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

Также поделитесь с нами, если у вас есть хорошее расширение в Chrome, всегда есть место для отличного инструмента!