20 полезных расширений Google Chrome

[Multiweb]

3

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

1. WhatFont
Замечательный инструмент, с помощью которого можно идентифицировать любой шрифт на странице в интернете. Я сам с удовольствием им пользуюсь.
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm


2. Eye Dropper
С помощью этого расширения можно определить цвет в любой точке веб-страницы. В правом нижнем углу монитора появится окошко с параметрами цвета, на который указывает курсор.
https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka


3. Window Resizer
Это расширение изменяет размер экрана для эмуляции различных разрешений монитора. В выпадающем меню выбирается нужный размер экрана.
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh


4. Image Size Info
Очень полезный инструмент для дизайнера. Если подвести курсор к картинке и в меню правой кнопки мыши выбрать соответствующий пункт, то получим табличку с размерами картинки, ее весом и адресом.
https://chrome.google.com/webstore/detail/image-size-info/oihdhfbfoagfkpcncinlbhfdgpegcigf


5. Screen ruler
Если активировать это расширение, то на экране появится линейка. с помощью которой можно измерить расстояние в пикселях как по горизонтали, так и по вертикали. Есть дополнительные настройки внешнего вида линейки.
https://chrome.google.com/webstore/detail/ruul-screen-ruler/mlbnpnlmfngmlcmkhjpbfokdphfehhjj


6. Google Mail Checker
Отображение количества непрочитанных сообщений в почтовом ящике Google Mail. Можно также нажать кнопку, чтобы открыть папку.
https://chrome.google.com/webstore/detail/google-mail-checker/mihcahmgecmbnbcchbopgniflfhgnkff


7. Word Count
Очень удобное расширение для подсчета слов и символов в выделенном тексте.
https://chrome.google.com/webstore/detail/word-count/kmndjoipobjfjbhocpoeejjimchnbjje


8. Tape
Это расширение включает измерительные линейки с помощью которых можно разметить веб-страницу онлайн и получить все размеры сетки в пикселях. Управляется с помощью командных клавиш.
https://chrome.google.com/webstore/detail/tape/jmfleijdbicilompnnombcbkcgidbefb


9. URL Shortener
С помощью этого инструмента можно легко получить укороченный урл веб-страницы в формате goo.gl. Также генерируется QR Code страницы.
https://chrome.google.com/webstore/detail/googl-url-shortener/iblijlcdoidgdpfknkckljiocdbnlagk


10. SkHTML
Расширение, которое позволяет быстро тестировать свой код в режиме реального времени. Достаточно ввести код в верхнее окошке и в нижнем вы увидите результат, как это выглядит.
https://chrome.google.com/webstore/detail/skhtml/clfcdpbcciggmmgejjgalekdiokpmoge


11. 960 Grid System
960 Grid это общепринятый шаблон, сетка дизайна, удобный для конструирования макетов. Если сайт построен по такому принципу, то с помощью этого расширения можно подсветить всю разметку цветом.
https://chrome.google.com/webstore/detail/960-grid-system-overlay-u/jjlbgclilhfnikffpemggmnmgpkdeocf


12. Статистика LiveInternet.ru
Быстрый просмотр статистик и рейтингов открытого сайта LiveInternet. Отображает информацию о сайте, страница которого сейчас открыта в браузере.
https://chrome.google.com/webstore/detail/liveinternet-site-statist/pgfknkimgmlhnmkjmlncojniaomcbahf


13. Web Developer
Это расширение добавляет кнопку на панели инструментов с различными инструментами для веб-разработчиков.
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm


14. Nofollow eyes
Наглядно подсвечивает цветом и пунктиром ссылки с nofollow и noindex атрибутами.
https://chrome.google.com/webstore/detail/nofollow-eyes/klkfdihgniimgbomjijooaclnngnbnpb


15. Alexa Traffic Rank
Это расширение представляет информацию и статистику от Alexa Traffic Rank.
https://chrome.google.com/webstore/detail/alexa-traffic-rank/cknebhggccemgcnbidipinkifmmegdel


16. QR Code
Это расширение генерирует QR code для текущей веб-страницы.
https://chrome.google.com/webstore/detail/qr-code/cgjkdaecefklmlnefmjpiigkphphobhm


17. Validity
Быстрая проверка на предмет наличия ошибок кода.
https://chrome.google.com/webstore/detail/validity/bbicmjjbohdfglopkidebfccilipgeif


18. Check My Links
Поиск битых ссылок на странице.
https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf


19. Font Size Increase
Быстрое изменение размеров шрифта на странице.
https://chrome.google.com/webstore/detail/font-size-increase/ombpcpigmndepfckcifdblemkabaoihk


20. Кнопка +1
Добавление +1 к текущей странице.
https://chrome.google.com/webstore/detail/google-%201-button/jgoepmocgafhnchmokaimcmlojpnlkhp

[anatlen]

Web Developer-у после Fire Bug как-то сложно найти применение 
Для Gmail расширение очень нужное.

[Semen]

Да, очень полезные расширения. Часть из них активно использую.

Вместо Nofollow eyes  и Alexa Traffic Rank, я думаю лучше сразу установить RDS bar
https://chrome.google.com/webstore/detail/rds-bar/jlipcaflaocihnmlhnhcfombgmmfglho

Для себя устанавливаю еще

Chrome Sniffer для определения CMS (можно Wappalyzer установить)
https://chrome.google.com/webstore/detail/chrome-sniffer/homgcnaoacgigpkkljjjekpignblkeae

И переводчик под названием "Перевести"
https://chrome.google.com/webstore/detail/translate-selection/goanabmlmgfinmjohhepcpffcnkeobjm

Расширение сервиса 2IP
https://chrome.google.com/webstore/detail/kgfmdmaophhlcbningclnghjeijcokmi

[Multiweb]

Да, очень полезные расширения. Часть из них активно использую.

Вместо Nofollow eyes  и Alexa Traffic Rank, я думаю лучше сразу установить RDS bar
https://chrome.google.com/webstore/detail/rds-bar/jlipcaflaocihnmlhnhcfombgmmfglho

Естественно что аналоги есть у всех программ и расширений но эти мне скажем так ближе по духу

Semen, плюс к карме за интерес к теме и дополнения. Спасибо