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

я люблю Гугл Хром, Его простота, скорость и производительность, несомненно, являются первоклассными. Но иногда, быть слишком простым может также быть проблемой, особенно для нас, веб-дизайнеров, которые сильно зависят от надстроек. Я ушел из Chrome в 2008 году только потому, что у него не было аддона.

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

Хромовая палитра
Испытываете головную боль, находя правильную цветовую схему на изображении? Chrome palette эффективно решает вашу проблему, создавая до 64 цветовых палитр из изображения веб-сайта для вашего дизайна или вдохновения.
Хромовая палитраРедактор шрифтов
Больше не нужно гадать и утомительно переключать программы, редактор шрифтов позволяет вам изменять и наблюдать за настройками шрифта, такими как размер, высота строки и вариант.
Редактор шрифтовGoogle Font Previewer
Как указано в его названии, это расширение позволяет просматривать шрифты из Каталога шрифтов Google с параметрами стиля текста, такими как размер, стиль, вес и тени. Если вы хотите использовать определенный шрифт, вы можете скопировать и вставить ссылку и код CSS, предоставленные в расширении, на код вашего веб-сайта.
Google Font PreviewerВеб-разработчик
Веб-разработчик является обязательным расширением для веб-дизайнеров и разработчиков. Его цель – предоставить всю необходимую информацию с существующего веб-сайта. Расширение также оснащено полезными инструментами, такими как палитра цветов, окно изменения размера, валидатор и т. Д.
Веб-разработчикStylebot
Stylebot предоставляет вам возможность стилизовать любой веб-сайт напрямую, не касаясь CSS-кода, что экономит массу печатной работы. Лучшая особенность этого расширения, вероятно, заключается в его способности генерировать код CSS для вашего использования каждый раз, когда вы вносите изменения в веб-сайт.
Stylebot CSSViewer
Надоело нажимать «Проверять элемент» каждый раз, когда вы хотите узнать, какой стиль CSS применяется к определенному элементу? CSS Viewer помогает вам, отображая важную информацию, такую ​​как шрифт, цвет и расположение элемента.
CSSViewer BuiltWith Technology Profiler
Самая крутая часть этого расширения состоит в том, что оно перечисляет все реализованные веб-технологии, такие как фреймворки и веб-стандарты, с очень подробной информацией.
  BuiltWith Technology ProfilerIE Tab Multi
IE Tab Multi – расширение, похожее на оригинальный Internet Explorer, – это ваш Internet Explorer в Chrome, который поддерживает множество функций IE по умолчанию, таких как вкладки с несколькими вкладками.
IE Tab MultiОкно Resizer
С помощью Window Resizer вы можете проверить совместимость разрешения экрана вашего сайта со стандартным или заданным пользователем разрешением экрана.
Окно ResizerHTML Validator
Одно из лучших расширений валидатора, которое может проверять HTML-код онлайн или локальной страницы в автоматическом или ручном режиме. Вы также можете выбрать отображение результата проверки на веб-странице или просмотреть его на совершенно новой вкладке.
HTML Validatorдостопримечательность
Благодаря различным темам и параметрам шрифтов Sight выделяет исходный код сайта в более удобной форме.
Прицел Консоль PHP
Быть прослушанным ошибками PHP, но не знаете, что и где это? PHP Console помогает вам, отображая ошибки, исключения и сообщения об отладке в форме уведомлений.
Консоль PHPПоиск jQuery API
Хотя jQuery зарекомендовал себя как ведущая библиотека Javascript, которая улучшает взаимодействие с пользователем, поиск jQuery API позволяет выполнять поиск через jQuery API из Chrome Omnibox. Просто введите «jq», затем пробел в омнибоксе, и вы в пути.
Оставайся сфокусированнымОставайся сфокусированным
Stay Focused действует как ваш виртуальный супервизор, который блокирует бесполезные веб-сайты на определенное время и сообщает вам, когда вы пытаетесь разблокировать или уменьшить время блокировки сайта. Он также вооружен такими важными функциями, как ядерный вариант и режим вызова, который беспощадно убивает ваше время, тратя время.
Оставайся сфокусированнымPopChrom
С помощью PopChrom вы можете определить свои собственные сочетания клавиш для текстовых фраз, например, «ty» для «спасибо». Ключ активации необходим для преобразования аббревиатуры в определенные текстовые фразы, поэтому выберите комбинацию клавиш, которая не конфликтует с другими сочетаниями клавиш.
PopChrom Todoist
С помощью простой в настройке учетной записи вы можете использовать этот диспетчер задач, чтобы записывать и редактировать все задачи, которые вам нужно выполнить. Лучшая часть этого расширения – ваши задачи хранятся в сети, поэтому вы можете получить доступ к записи задачи в любом месте с установленным расширением.
Todoist Chrome Page Extended
Никто не любит нажимать больше, чтобы получить доступ к определенной странице, Chrome Page Extended – ваш самый быстрый ярлык для доступа ко всем необходимым страницам Chrome, таким как Расширения.
Chrome Page ExtendedAppJump
С AppJump вы можете организовывать и быстро запускать приложения Chrome из панели инструментов браузера.
AppJump Закладка Bar Switcher
Слишком много закладок, и вы не можете организовать их эффективно? Boorkmark Bar Switcher позволяет создавать совершенно новую панель закладок и легко переключаться между ними.
Закладка Bar SwitcherTabCloud
Сохраните свои сеансы Windows и восстановите их позже на любом компьютере с помощью TabCloud, что сэкономит вам много времени, затрачиваемого на повторное открытие различных веб-сайтов из другой части папки закладок.
TabCloud Похожие страницы
Похожие страницы, разработанные гигантом поисковой системы Google, ищут в Интернете похожий веб-контент, который вы читаете, и могут быть заинтересованы в получении дополнительной информации.
Похожие страницыПотрясающий скриншот
Совершенно потрясающее расширение скриншота, которое захватывает любую часть веб-сайта и снабжает ее прямоугольниками, кругами, стрелками, линиями и текстом. Затем вы можете экспортировать снимок экрана в формате PNG на свой компьютер или в Интернет.
Потрясающий скриншотКлип в Evernote
Официальное расширение Evernote для сохранения всего, что вам может показаться интересным в Интернете, и загрузки его в Evernote. Расширение также поддерживает функцию поиска и синхронизации сохраненной заметки.
Клип в EvernoteDiigo
Используйте Diigo, чтобы выделять, комментировать или публиковать заметки в частном порядке или публично на веб-странице, чтобы вы могли просматривать их в любое время, когда вы достигнете веб-страницы.
Diigo Thinkery
Думайте Thinkery как свой мозг онлайн, затем сохраните в нем свой адрес ссылки и выделенный текст для просмотра позже.
thinkery CSS Feature Toggles
Вы можете использовать это расширение, чтобы выключить, а затем снова включить некоторые функции CSS. Это удобное расширение для тестирования вашего сайта, когда некоторые функции CSS недоступны.
Возможность переключения функций CSS в Chrome DevToolsJSON Formatter
Расширение, которое будет форматировать вывод данных JSON URL в правильное форматирование и выделение цветом. Это значительно облегчает чтение и отладку JSON прямо из Chrome.
Данные JSON с цветами в Hongkiat.comПользовательский JavaScript и CSS
Это расширение позволяет писать настраиваемый код JavaScript и CSS из Chrome и применять к веб-сайтам или определенным URL-адресам. Вы также можете загрузить популярные библиотеки, такие как jQuery или другие, указав их URL.
Пользовательский JavaScript и CSS редакторсекира
Расширение утилиты, которое может выявлять нарушения доступности на вашем веб-сайте, а также предоставлять рекомендации по его устранению.
Вкладка Axe в Chrome DevTools содержит уведомление об ошибке и рекомендации.

VisBug
Это расширение предлагает режим собственного дизайна браузераСреди прочего, что позволит вам редактировать текст сайта, отступы и цвет непосредственно на экране.
Наложение редактора Visbug на Hongkiat.comPalletesTab
Найти цвет вдохновения теперь проще. Это расширение добавит куративные цветовые композиции от TrendyPalettes.com прямо на вкладке браузера.
CSS Peeps
Используйте это расширение для более удобной проверки CSS на сайте. При наведении курсора на веб-сайт он будет отображать такие элементы, как семейство шрифтов, цвета, выравнивание текста и блочную модель, в плавающем поле, как показано ниже.
Дизайнерская линейка
Линейка в браузере. Вы можете добавить несколько линейок с разными цветами, изменить единицы измерения или повернуть его. Особенно удобно измерять расстояние и элементы на сайте традиционным способом,
Изысканный Github
Это делает Github намного лучше в использовании. Это расширение улучшает неуклюжий интервал, макеты и добавляет некоторые удобства при использовании Github.
Изометрические вклады
Это расширение делает ваш Github на 100% круче, превращая вкладки в 3D.
отражение
Поскольку расширения и приложения Chrome продолжают расти и стремительно развиваться, возможно, что все больше и больше любителей Firefox будут использовать Google Chrome в качестве веб-браузера по умолчанию. С учетом сказанного вы превратите свое лицо в Google Chrome с его текущим количеством расширений и приложений? Какое расширение, приложение или функция побудят вас перейти на Google Chrome?

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *