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

Помимо быстроты и удобства браузер Хром обладает еще и массой полезных расширений для дизайнеров и веб-разработчиков. Многими из них я с удовольствием пользуюсь. Среди моих фаворитов расширение для распознавания шрифта, определения цвета и табличка с размерами картинки. Очень интересен инструмент линейка, позволяющий измерять объекты. Расширение проверки почты от Google очень полезно и ненавязчиво. Если нужно быстро посчитать количество символов в выделенном абзаце, то пожалуйста. есть соответствующий инструмент. Также в тему придутся укорачиватель ссылок, валидатор html кода и визуальный маркер закрытых ссылок.

1. WhatFont

Замечательный инструмент, с помощью которого можно идентифицировать любой шрифт на странице в интернете. Я сам с удовольствием им пользуюсь.Перейти на WhatFont

2. Eye Dropper
С помощью этого расширения можно определить цвет в любой точке веб-страницы. В правом нижнем углу монитора появится окошко с параметрами цвета, на который указывает курсор.Перейти на Eye Dropper

3. Window Resizer
Это расширение изменяет размер экрана для эмуляции различных разрешений монитора. В выпадающем меню выбирается нужный размер экрана.Перейти на Window Resizer

4. Image Size Info
Очень полезный инструмент для дизайнера. Если подвести курсор к картинке и в меню правой кнопки мыши выбрать соответствующий пункт, то получим табличку с размерами картинки, ее весом и адресом.Перейти на Image Size Info

5. Screen ruler
Если активировать это расширение, то на экране появится линейка. с помощью которой можно измерить расстояние в пикселях как по горизонтали, так и по вертикали. Есть дополнительные настройки внешнего вида линейки.Перейти на Screen ruler

6. Google Mail Checker
Отображение количества непрочитанных сообщений в почтовом ящике Google Mail. Можно также нажать кнопку, чтобы открыть папку.Перейти на Google Mail Checker

7. Word Count
Очень удобное расширение для подсчета слов и символов в выделенном тексте.Перейти на Word Count

8. Tape
Это расширение включает измерительные линейки с помощью которых можно разметить веб-страницу онлайн и получить все размеры сетки в пикселях. Управляется с помощью командных клавиш.Перейти на Tape

9. URL Shortener
С помощью этого инструмента можно легко получить укороченный урл веб-страницы в формате goo.gl. Также генерируется QR Code страницы.Перейти на URL Shortener

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

11. 960 Grid System
960 Grid это общепринятый шаблон, сетка дизайна, удобный для конструирования макетов. Если сайт построен по такому принципу, то с помощью этого расширения можно подсветить всю разметку цветом.Перейти на 960 Grid System

12. Статистика LiveInternet.ru
Быстрый просмотр статистик и рейтингов открытого сайта LiveInternet. Отображает информацию о сайте, страница которого сейчас открыта в браузере.Перейти на Статистика LiveInternet.ru

13. Web Developer
Это расширение добавляет кнопку на панели инструментов с различными инструментами для веб-разработчиков.Перейти на Web Developer

14. Nofollow eyes
Наглядно подсвечивает цветом и пунктиром ссылки с nofollow и noindex атрибутами.Перейти на Nofollow eyes

15. Alexa Traffic Rank
Это расширение представляет информацию и статистику от Alexa Traffic Rank.Перейти на Alexa Traffic Rank

16. QR Code
Это расширение генерирует QR code для текущей веб-страницы.Перейти на QR Code

17. Validity
Быстрая проверка на предмет наличия ошибок кода.Перейти на Validity

18. Check My Links
Поиск битых ссылок на странице.Перейти на Check My Links

19. Font Size Increase
Быстрое изменение размеров шрифта на странице.Перейти на Font Size Increase

20. Кнопка +1
Добавление +1 к текущей странице.Перейти на Кнопка +1

Источник

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

Также всегда можете обратиться ко мне за консультацией

e-mail: shonalex@yandex.ru

Skype: webojam

Viber, WhatsApp: +79043998634

Подпишитесь на рассылку

Чтобы быть в курсе обновлений блога, новостей по вордпресс и сайтостроительству

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

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

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.

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

Обо мне

Работаю с сайтами с 2010 года.
Более 500 выполненных проектов
Специализируюсь преимущественно на сайтах-визитках, блогах и небольших интернет магазинах.
Подробнее

Меню