Помимо быстроты и удобства браузер Хром обладает еще и массой полезных расширений для дизайнеров и веб-разработчиков. Многими из них я с удовольствием пользуюсь. Среди моих фаворитов расширение для распознавания шрифта, определения цвета и табличка с размерами картинки. Очень интересен инструмент линейка, позволяющий измерять объекты. Расширение проверки почты от Google очень полезно и ненавязчиво. Если нужно быстро посчитать количество символов в выделенном абзаце, то пожалуйста. есть соответствующий инструмент. Также в тему придутся укорачиватель ссылок, валидатор html кода и визуальный маркер закрытых ссылок.
1. WhatFont Замечательный инструмент, с помощью которого можно идентифицировать любой шрифт на странице в интернете. Я сама с удовольствием им пользуюсь.
2. Eye Dropper С помощью этого расширения можно определить цвет в любой точке веб-страницы. В правом нижнем углу монитора появится окошко с параметрами цвета, на который указывает курсор.
3. Window Resizer Это расширение изменяет размер экрана для эмуляции различных разрешений монитора. В выпадающем меню выбирается нужный размер экрана.
4. Image Size Info Очень полезный инструмент для дизайнера. Если подвести курсор к картинке и в меню правой кнопки мыши выбрать соответствующий пункт, то получим табличку с размерами картинки, ее весом и адресом.
5. Screen ruler Если активировать это расширение, то на экране появится линейка. с помощью которой можно измерить расстояние в пикселях как по горизонтали, так и по вертикали. Есть дополнительные настройки внешнего вида линейки.
6. Google Mail Checker Отображение количества непрочитанных сообщений в почтовом ящике Google Mail. Можно также нажать кнопку, чтобы открыть папку.
7. Word Count Очень удобное расширение для подсчета слов и символов в выделенном тексте.
8. Tape Это расширение включает измерительные линейки с помощью которых можно разметить веб-страницу онлайн и получить все размеры сетки в пикселях. Управляется с помощью командных клавиш.
9. URL Shortener
С помощью этого инструмента можно легко получить укороченный урл веб-страницы в формате goo.gl. Также генерируется QR Code страницы.
10. SkHTML Расширение, которое позволяет быстро тестировать свой код в режиме реального времени. Достаточно ввести код в верхнее окошке и в нижнем вы увидите результат, как это выглядит.
11. 960 Grid System 960 Grid это общепринятый шаблон, сетка дизайна, удобный для конструирования макетов. Если сайт построен по такому принципу, то с помощью этого расширения можно подсветить всю разметку цветом.
12. Статистика LiveInternet.ru Быстрый просмотр статистик и рейтингов открытого сайта LiveInternet. Отображает информацию о сайте, страница которого сейчас открыта в браузере.
13. Web Developer Это расширение добавляет кнопку на панели инструментов с различными инструментами для веб-разработчиков.
14. Nofollow eyes Наглядно подсвечивает цветом и пунктиром ссылки с nofollow и noindex атрибутами.
15. Alexa Traffic Rank Это расширение представляет информацию и статистику от Alexa Traffic Rank.
16. QR Code Это расширение генерирует QR code для текущей веб-страницы.
17. Validity Быстрая проверка на предмет наличия ошибок кода.
18. Check My Links Поиск битых ссылок на странице.
19. Font Size Increase Быстрое изменение размеров шрифта на странице.
Спасибо, за сообщение — » На ловца и зверь бежит» — хотел найти укоратитель url-ссылок — твиттер помог 🙂
Ответить
Наташа Клевер26-01-2012 . 13:10
#
3
@Виктор:
Всегда пожалуйста!
@Александр:
Так это ж здорово, что так совпало! Я тоже в свое время искала укорачиватель. Сначала намучалась с интеграцией плагина bit.ly, а потом нашла этот от гугль. Он гораздо проще и нагляднее 🙂
Спасибо за подборку! Из перечисленных пользуюсь 1. WhatFont, 2. Eye Dropper ))))
Но планирую начать пользоваться 4. Image Size Info, 5. Screen ruler и 12. Статистика LiveInternet.ru
Спасибо за интересные ресурсы 🙂
очень полезная подборка, большое спасибо Наташе говорю уже который раз! -)
И вопрос — не сказывается ли установка плагинов на скорость и стабильность работы Хрома?
Если, предположим, я установлю половину из перечисленных плгаинов, всё ли будет Ок с работой браузера?
Спасибо
Ответить
Роберт27-01-2012 . 03:59
#
6
Огромное спасибо за подборку! Так много полезных расширений…))
Ответить
Igor27-01-2012 . 10:28
#
7
whatFont работает только на иностранных сайтах, на русских не пашет.
Так и должно быть?
Ответить
Наташа Клевер27-01-2012 . 11:12
#
8
@Эдуард:
Пожалуйста! Тоже недавно начала пользоваться Image Size Inf, очень довольна 🙂
@Atlanta Travel:
У меня есть подозрение, что на скорость это все-таки влияет. Поэтому оставила активными 3-4 самых нужных расширения, а остальные включаю только по мере необходимости.
@Роберт:
Всегда пожалуйста! ))
@Igor:
Проверила, What font работает на всех сайтах. Единственное, он не воспринимает текст во встроенных рекламных блоках, например в Google…
@Наташа Клевер: его использую редко, если color picker или линейки нужны, да и по мелочи ещё. В основном Firebug»а хватает.
Кстати Mail Checker Minus получше, и все аки информирует, и не заходя в почту можно читать, удалять и т.п.
Линк: http://goo.gl/YtVmB
Ответить
Наташа Клевер27-01-2012 . 18:31
#
18
@SwaEgo:
Спасибо за ссылку! Судя по описанию достойная вещь ))
@Наташа Клевер: очень даже. В том году оно (расширение) называлось Mail Checker Plus или типа того, потом автор его удалил, да и я после переустановки винды без него остался, расстроился сильно) Сейчас новое имя, да и работает получше. Вообщем всё что нужно для гуглопочты есть.
Спасибо огромное за подборку! Искал web-линейку, а получилось что установил больше половины расширений!!!
И укоротитель ссылок в один клик отличное решение
Спасибо
Спасибо за подборку, Наташ. Выбрал парочку интересных вещей.