15 лучших расширений для Chrome для веб дизайнеров и разработчиков

Опубликовал: 5 лет назад Инструменты

Добрый день дорогие друзья.

Продолжая недельный марафон обзоров о полезных инструментов — я не могу не упомянуть лучшие расширения для веб-дизайнеров и веб-программистов для самого лучшего интернет браузера Google Chrome. Почему я считаю его лучшим? Потому что он современный, быстрый и самый защищенный, а так же я люблю его за минимализм. Но сегодня не об этом. И так переходим в полную версию статьи.

Обзор лучших расширений для Google Chrome

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

Лучшие расширения Google Chrome для веб-дизайнеров и разработчиков:

 

WhatFont

WhatFont

 

Позволяет Вам очень просто определить, какие шрифты используются на страницах.

Рейтинг: 4.47 / Пользователей:  113 180

Описание:

С помощью этого расширения вы можете определить какие веб-шрифты используются на сайте. Это очень просто и быстро. Расширение поддерживает Typekit и Google Font API.

Ссылка: WhatFont


 

ruul. Screen ruler

ruul. Screen ruler

 

Фантастически легкая линейка для выравнивания и измерения элементов и блоков на сайтах.

Рейтинг: 3.39/ Пользователей:  75 517

Описание:

Получайте размеры легко: c горизонтальной и вертикальной перетаскиваемой линейкой, пиксели, пики и типы измерений. Вы можете использовать одновременно до 4 линеек с разными цветами и типами: деревянные и стальные.

«Каждый веб-дизайнер должен иметь при себе данное расширение для Chrome»

Ссылка: ruul. Screen ruler


 

Screen Capture (by Google)

Screen Capture

Быстрый захват видимого содержимого вкладки, области веб-страницы или всей страницы целиком. Сохранение в PNG формат. Поддержка вертикальной и горизонтальной прокрутки.

Рейтинг: 3.99/ Пользователей:  1 652 489

Описание:

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

Перед тем как сохранить Ваш скрин в PNG формат, Вы также можете отредактировать и наложить текст на ваше итоговое изображение. Работает на Windows, Linux и Mac.

Ссылка: Screen Capture


 

Image Downloader

Image Downloader

Показывает все связанные изображения на сайте и позволяет их скачать.

Рейтинг: 3.87/ Пользователей:   56 537

Описание:

Если Вам нужно скачать с веб страниц, с этим расширением Вы легко сможете: просмотреть изображения, отсортировать по URL. Скачать можно выбрать подходящие изображение — помечая их флажками или же нажатием на изображения, тогда они откроются в новой вкладке. Настройки отображения ширины, размер границы, стиль и цвет, фильтры скрытия, кнопки и уведомления все что вам потребуется можно настроить!

Ссылка: Image Downloader


 

Evernote Web Clipper

Evernote Web Clipper

 

RescueTime — это отличное аналитическое расширение, которое поможет вам понять как Вы проводите свое время.

Рейтинг: 4.07 / Пользователей:  2 557 494

Описание:

RescueTime является личным-аналитическим сервисом, который поможет вам понять, как вы проводите время за вашим компьютером, смартфоном или  планшетом. От Вас не потребуется никакого ручного ввода данных.Веб-приложение взаимодействует с установленным клиентом работает на OS X, Windows, Linux, Android устройствах, и ChromeOS.

Ссылка: RescueTime


 

Pinterest for Google Chrome

Pinterest

Узнавайте, собирайте и делитесь вдохновением

Рейтинг: 3.05 / Пользователей:  12 471

Описание:

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

Официальное расширение Pinterest для Google Chrome добавит кнопку в ваш браузер, которая позволяет вам взаимодействовать с сервисом. Быстро и легко!

Ссылка: Pinterest


 

Web Developer

Web Developer

Добавляет кнопку панели инструментов с различными инструментами веб-разработчика в браузер. Это официальный порт расширения Web Developer, который был изначально написан для Firefox.

Рейтинг: 4.51 / Пользователей:  656 381

Ссылка: Web Developer


 

Stylebot

Stylebot

 

Адаптация внешнего вида сайтов.

Рейтинг: 4.6 / Пользователей:  79 444

Описание:

Stylebot позволяет быстро менять вид любого веб-сайта (при помощи пользовательских CSS).

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

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

Ссылка: Stylebot


 

Alexa Traffic Rank

Alexa Traffic Rank

Официальное расширение Alexa Traffic для анализа страницы и трафика со страниц.

Рейтинг: 4.59/ Пользователей:  232 164

Описание:

Alexa Traffic Rank официальное бесплатное расширение для Chrome. Вы сможете просмотреть полную информацию о любом сайте в интернете. Сравнивайте и анализируйте легко и просто.

Ссылка: Alaxa


 

Eye Dropper

Eye Dropper

 

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

Рейтинг: 4.03/ Пользователей:  222 311

Описание:

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

Ссылки: Eye Dropper


 

Resolution Test

Resolution Test

 

Расширение для разработчиков для тестирования веб-страниц при различных разрешениях экрана.

Рейтинг: 4.39/ Пользователей:  134 923

Описание:

Расширение для разработчиков для тестирования веб-страниц при различных разрешениях экрана, с возможностью определять свои собственные параметры разрешения.

Разрешение изменяет размер окна браузера, чтобы просмотреть свои веб-сайты в разных разрешениях экрана. Есть список наиболее часто используемых разрешений экранов и возможность настройки этого списка.

Ссылка: Resolution test


 

Speed Tracer (by Google)

Speed Tracer

Получите представление о скорости веб сайтов с помощью этого расширения.

Рейтинг: 4.16/ Пользователей:  172 876

Описание:

Speed ​​Tracer это отличный инструмент и создан он для того, чтобы помочь вам выявить и устранить проблемы с производительностью ваших веб приложений. Он собирает информацию и делает анализ показателей, которые берутся на низком уровне вашего браузера.

Использование данного расширения позволит вам получать информацию о том где больше всего время теряется в вашем приложении. Это могут быть проблемы вызванные: Javascript, css, Dom обработка событий, загрузка сетевых ресурсов, обратный вызов XMLHttpRequest, большие изображения и многое другое.

Ссылка: Speed Tracer


 

Firebug Lite for Google Chrome

Firebug Lite

 

Firebug Lite для for Google Chrome — официальное расширение от Firebug Working Group.

Рейтинг: 4.08 / Пользователей:  773 602

Описание:

Firebug Lite не является заменой Firebug или Google Deweloper Tools. Это расширение, которое будет хорошо сочетается с данными инструментами.Firebug Lite обеспечивает богатое визуальное представление, которое мы привыкли видеть в Firebug, когда дело доходит до элементов HTML, DOM элементов, и затенение Box Model. Он обеспечивает также некоторые интересные функции такие, как проверка HTML elemements с помощью мыши и живое редактирование CSS свойств.

Ссылка: Firebug


 

Corporate Ipsum

Генерация рандомного текста для наполнения макетов.

Рейтинг: 4.65 / Пользователей:  4 044

Описание:

lorem ipsum генератор с корпоративным уклоном. Создает наполнитель по содержанию или абзацу.

Это клон (с разрешения) корпоративного Ipsum Брайан Haslanger.

Ссылка:  Corporate Ipsum


 

Заключение:

В данной статье я описал первые 15 расширений для Google Chrome, которые я использую сам в повседневной работе. Надеюсь парочка и вам пригодится. Буду рад услышать в комментариях о расширениях. которые используете Вы дорогие друзья! Меня зовут Виктор Доценко. Всего доброго!


Новая система комментариев
comments powered by HyperComments