Расширения браузера Google Chrome для веб-программиста. Линейка для хрома
Линейка для браузера
Привет друзья, давненько я не писал в свой блог, больше недели времени прошло, все силы бросил на Марафон по GGL, а именно подготовку сайтов для успешного прохождения модерации. Уже есть положительные новости, сейчас веду переписку по одному из сайтов с технической поддержкой GGL, надеюсь, его примут в систему. Но сегодня мы поговорим не об этом, недавно столкнулся с проблемой установки кода AdSense на свои сайты, проблема заключалась в превышении рекламного блока AdSense, размера на сайте под его размещение. И чтобы точно определить размер необходимого места, я начал искать этот самый инструмент определения — линейка для браузера.Measureit, так называется дополнение к браузеру Firefox, на 100% справился с поставленной задачей и я расскажу вам о его установке и настройке.Для начала запускаем браузер и переходим – «Инструменты-Дополнения-Получить дополнения».
После чего нажимаем кнопку Подробнее и в следующем окне вводим запрос Measureit в окно поиска, жмем Поиск, и нажимаем кнопку Добавить в Firefox.
После чего в левом верхнем углу выскочит окно с уведомлением о блокировании установки, нажимаем в этом окне кнопку Разрешить, идет загрузка обновления и перед вами появится предупредительное окно, в котором жмете кнопку Установить сейчас.
Перезапускаете, браузер для успешной установки дополнения и если пиктограмма дополнения не отображается в панели браузера, тогда щелкаете ПКМ по панели задач, идете в пункт Настроить и ищете значок Measureit. Перетащите в любое удобное для вас место на панели задач Firefox и можно начинать работу.
В использовании дополнение очень просто, нажимаете на пиктограмму (у вас экран подсветится белым фоном) и определяете необходимый размер любого элемента.
Дополнение будет полезно многим вебмастерам, дизайнерам, программистам и всем тем, кто работает с размерами и изображениями. С помощью данного дополнения — линейка для браузера, очень легко и точно определить размеры поля, любого блока, изображения.
- 5
- 4
- 3
- 2
- 1
www.seofive.ru
13 расширений для Google Chrome в помощь вебдизайнеру и разработчику / WebDev / ProtoTyper
Стандартом де факто для веб-разработки давно уже стал браузер Mozilla Firefox, имеющий огромное количество расширений упрощающих процесс создания сайтов. Но стремительно развивающийся Google Chrome всеми силами старается изменить это положение. В данной статье я расскажу какие расширения для этого браузера могут помочь веб-разработчику в его нелегком труде.
Speed Tracer
Speed Tracer — это инструмент, помогающий обнаружить и исправить проблемы производительности ваших веб-приложений. Он представляет в удобном графическом виде данные о скорости работы приложения.Используя Speed Tracer вы получите наглядную картинку того, на что тратится время браузера, включая
- разбор и исполнение js-кода
- рендеринг верстки
- применение CSS
- работа с DOM-событиями
- загрузка сетевых ресурсов
Для корректной работы расширения не забудьте добавить флаг --enable-extension-timeline-api при запуске Google Chrome.
→ Страница расширения Speed Tracer → Страница проекта на Google Code
Firebug Lite
Ну, что тут рассказать. Ага, это тот самый FireBug, но в несколько облегченной версии. Как утверждают сами разработчики, FireBug Lite не является заменой Google Chrome Developer Tools и рекомендован к использованию совместно с ними. Что в общем-то и логично, так как технически приложение является букмарклетом. А набор фичей вам, думаю, и без меня известен: подсветка, отладка, редактирование HTML, CSS, DOM и прочая, прочая.
→ Страница расширения → Страница проекта
Pendule
Pendule — инструмент для работы с CSS-файлами страниц. Он позволяет просматривать CSS в отдельной вкладке, перезагружать его на лету (без перезагрузки страницы), имеет несколько валидаторов (CSS, HTML), умеет проверять битые ссылки и, как говорится, many many more.
→ Страница расширения Pendule
Eye Dropper
Eye Dropper — простенькое, но очень удобное расширение-пипетка для Google Chrome. По возможностям аналогичное любой другой пипетке такому же инструменту вашего графического редактора. Позволяет получить код любого цвета на открытой веб-странице.
→ Страница расширения Eye Dropper
Aviary Screen Capture
Aviary Screen Capture — очень мощное расширение для захвата страниц и редактирования захваченных изображений. Список возможностей поражает:- захват веб-страницы полностью или частично;
- сохранение захваченного изображения локально или на веб-сервисе Aviary;
- редактирование изображения;
- выделение областей, добавление пометок и графических примитивов на захваченные изображения;
- обрезка и повороты изображения;
- быстрый запуск других инструментов Aviary из пакета Design Tools.
→ Страница расширения → Страница проекта Aviary
PlainClothes
Это расширение чудесным образом изменяет стили страницы заменяя их на ваши. Любите единообразие и хотите, чтобы ссылки на всех страницах всегда были синими и подчеркнутыми, фон — белым, а гарнитура — черным Arial? Смело ставьте.
→ Страница расширения → Страница проекта на Google Code
Chrome Sniffer
Chrome Sniffer — маленький индикатор, который показывает используемые на посещенном сайте CMS и фреймворки. Быстро и удобно. На момент написания статьи «знает в лицо» 45 CMS и js-библиотек и довольно оперативно развивается.
→ Страница расширения Chrome Sniffer
Lorem Ipsum Generator
Генератор рыбных текстов для заполнения сайта на этапе разработки. Минимальные настройки: количество слов в параграфе и количество параграфов — а большего и не требуется.
→ Страница расширения → Страница проекта на Google Code
Chrome SEO
Chrome SEO — мощный инструмент оптимизатора сайтов. Комплексно предоставляет информацию о вашем сайте.
Страницы в индексе поисковиков
- Baidu
- Bing
- Yandex
- Yahoo
- Ask ←[Coming Soon]
- Alexa
- MajesticSeo
- Open Site Explorer
- Yahoo
- Alexa Rank
- Compete
- Google PageRank
- Quantcast
- SEMRush
- Technorati
- Yandex Quotation Index ←[Coming Soon]
- Delicious
- Digg
- Dmoz
- StumbleUpon
- Archive.org Wayback Machine
- CoralCDN
- WebCite
- DNS
- IP Address
- Server Location
- Whois details
IE Tab
Расширение, которое позволяет отобразить сайт в Google Chrome, воспользовавшись движком Internet Exlorer. Неплохо подходит для начального тестирования верстки и отображение сайтов, оптимизированных для просмотра в этом браузере (ха-ха-ха).
→ Страница расширения → Сайт разработчика
Resolution Test
Незаменимая проверялка вида сайта в различных разрешениях. Все просто: выбрал, посмотрел, пошел переверстывать.
→ Страница расширения → Сайт разработчика
MeasureIt!
Пискомерка Линейка для вашей страницы. Легко и просто измеряет размер любого элемента.
→ Страница расширения MeasureIt!
Validity
Простенькая считалка ошибок валидации страницы в один клик.
→ Страница расширения
prototyper.ru
20 расширений Chrome для дизайнеров и веб-разработчиков
Chrome — мощный, быстрый и безопасный браузер, и что еще отличным его делают многочисленные расширения, доступные для скачивания, которые сделают ваше пользование браузером еще удобнее. Эти расширения действительно полезная штука, ведь они позволяют настроить Chrome под себя практически до мелочей. Это увеличивает функциональность программы и увеличивает продуктивность вашей работы.
Расширений множество, их предельно просто установить. Все что вам нужно — просто зайти в Chrome Web Store и нажать кнопку install. Всё. Приложение автоматически окажется в вашем браузере.
Но сегодня мы хотим рассказать о расширениях, которые пригодятся веб-дизайнеру.
MagiCSSMagiCSS — это CSS-редактор в расширении, который используется прямо внутри страницы. Это просмотр изменений CSS в реальном времени, и создал его Priyank Parashar. Все что вам нужно — запустить MagiCSS и написать ваш код CSS, который будет тут же применен.
CSSViewerCSSViewer — крутое расширение, которым очень легко пользоваться. Вы просто кликаете по иконке на панели, затем наводите мышь на любой элемент, чей код хотите просмотреть.
CSS-ShackCSS-Shack — расширение, которое позволяет вам создать стили слоя и экспортировать их в отдельные CSS/файлы. Принцип работы как в графических редакторах.
CSS Shapes EditorCSS shapes editor — расширение для редактирования в реальном времени объектов CSS. Этот редактор прост в использовании и пригодится вам в работе.
Web Developer ChecklistЭто расширение нужно каждому веб-дизайнеру. Web developer checklist проверяет любую страницу на наличие ошибок.
Check My LinksCheck My Links — расширение, которое исследует выбранную вами страницу и подсветит действующие и битые ссылки. Это отличный способ сэкономить время, если вам нужно проверить все ли ссылки на сайте работают.
DimensionsDimensions — очень полезное расширение для измерения размеров на экране. Вы можете измерять ширину и высоту объектор, расстояние между ними и многое другое.
Responsive Web Design TesterResponsive web design tester — простое расширение для Сhrome, которое проверяет является ли ваш сайт полностью адаптивным.
PerfectPixelPerfectPixel позволяет разработчикам создавать полупрозрачное изображение поверх страницы, чтобы провести сравнение вплоть до пикселя.
Instant WireframeПри помощи этого расширения вы можете просмотреть макет в виде таблицы любой интересующей вас страницы.
SnappySnippetSnappySnippet — расширение, которое извлекает CSS & HTML из выбранного DOM-элемента. Это позволит вам высылать код на CodePen, jsFiddle или JS Bin одним кликом.
CSS3 GeneratorCSS3 generator автоматически генерирует нужный вам код CSS. Это удобный инструмент для всех веб-дизайнеров.
WordPress Style EditorWordPress style editor позволяет исследовать таблицу стилей вашего WordPress и сделать исправления прямо в CSS. Вы можете вносить изменения в таблицу стилей без FTP-программ.
PerfmapPerfmap — полезное расширение, которое создаст тепловую карту вашего сайта, проверяя элементы по необходимому времени загрузки в браузере.
Page RulerPage Ruler позволяет рисовать линейки на любом выбранном вами сайте, представляя ширину, высоту и положение любого элемента.
ColorZillaColorZilla добавляет в ваш браузер инструменты по работе с цветом. У вас появится пипетка, цветоподборщик, палитра и генератор градиента.
Fontface NinjaFontface ninja — крутое расширение, которое распознает любые шрифты. Вы сможете найти название любого шрифта, который вам понравится, чтобы позже использовать его в своих проектах.
45to7545to75 считает количество символов, помогая вам оптимизировать длину строки. Расширение поможет вам убедиться в том, что количество символов находится между 45 и 75, и что они хорошо различимы на любом устройстве.
ZenHubZenHub — отличное расширение для ведения проектов, созданное для GitHub. Это доска задач со списком дел, которая поможет вам сэкономит время.
Minimalist Markdown EditorMinimalist markdown editor — расширение, которое позволяет просматривать синтаксис markdown во время того как вы печатаете. Вы также можете конвертировать markdown в HTML-файл.
Автор статьи webdesigndev
Перевод — Дежурка
Смотрите также:
www.dejurka.ru
15 лучших расширений Chrome для web дизайнеров и web разработчиков.
Добрый день дорогие друзья.
Продолжая недельный марафон обзоров о полезных инструментов — я не могу не упомянуть лучшие расширения для веб-дизайнеров и веб-программистов для самого лучшего интернет браузера Google Chrome. Почему я считаю его лучшим? Потому что он современный, быстрый и самый защищенный, а так же я люблю его за минимализм. Но сегодня не об этом. И так переходим в полную версию статьи.
Обзор лучших расширений для Google Chrome
Очень много на сегодняшний день пользователи разрабатывают расширений. Их просто огромное количество и с каждым разом они становятся не только все мощней и функциональней, но и существенно помогает нам увеличить нашу производительность труда. Я буду делать серию статей о лучших расширениях для Google Chrome. На сегодня я сосредоточусь на расширениях, которые просты в установке и полезны для веб дизайнеров и разработчиков.Надеюсь, что какие нибудь расширения Chrome будут полезны и для Вас дорогие читатели.
Лучшие расширения Google Chrome для веб-дизайнеров и разработчиков:
WhatFont
Позволяет Вам очень просто определить, какие шрифты используются на страницах.
Рейтинг: 4.47 / Пользователей: 113 180
Описание:
С помощью этого расширения вы можете определить какие веб-шрифты используются на сайте. Это очень просто и быстро. Расширение поддерживает Typekit и Google Font API.
Ссылка: WhatFont
ruul. Screen ruler
Фантастически легкая линейка для выравнивания и измерения элементов и блоков на сайтах.
Рейтинг: 3.39/ Пользователей: 75 517
Описание:
Получайте размеры легко: c горизонтальной и вертикальной перетаскиваемой линейкой, пиксели, пики и типы измерений. Вы можете использовать одновременно до 4 линеек с разными цветами и типами: деревянные и стальные.
«Каждый веб-дизайнер должен иметь при себе данное расширение для Chrome»
Ссылка: ruul. Screen ruler
Screen Capture (by Google)
Быстрый захват видимого содержимого вкладки, области веб-страницы или всей страницы целиком. Сохранение в PNG формат. Поддержка вертикальной и горизонтальной прокрутки.
Рейтинг: 3.99/ Пользователей: 1 652 489
Описание:
Это очень простое в использование расширение для захвата изображения с экрана мониторов. Вы можете захватывать изображение как с активной вкладки, области страницы или страницы целиком в виде PNG изображении.
Перед тем как сохранить Ваш скрин в PNG формат, Вы также можете отредактировать и наложить текст на ваше итоговое изображение. Работает на Windows, Linux и Mac.
Ссылка: Screen Capture
Image Downloader
Показывает все связанные изображения на сайте и позволяет их скачать.
Рейтинг: 3.87/ Пользователей: 56 537
Описание:
Если Вам нужно скачать с веб страниц, с этим расширением Вы легко сможете: просмотреть изображения, отсортировать по URL. Скачать можно выбрать подходящие изображение — помечая их флажками или же нажатием на изображения, тогда они откроются в новой вкладке. Настройки отображения ширины, размер границы, стиль и цвет, фильтры скрытия, кнопки и уведомления все что вам потребуется можно настроить!
Ссылка: Image Downloader
Evernote Web Clipper
RescueTime — это отличное аналитическое расширение, которое поможет вам понять как Вы проводите свое время.
Рейтинг: 4.07 / Пользователей: 2 557 494
Описание:
RescueTime является личным-аналитическим сервисом, который поможет вам понять, как вы проводите время за вашим компьютером, смартфоном или планшетом. От Вас не потребуется никакого ручного ввода данных.Веб-приложение взаимодействует с установленным клиентом работает на OS X, Windows, Linux, Android устройствах, и ChromeOS.
Ссылка: RescueTime
Pinterest for Google Chrome
Узнавайте, собирайте и делитесь вдохновением
Рейтинг: 3.05 / Пользователей: 12 471
Описание:
Pinterest - сервис для поиска вдохновения и возможности поделится им с другими дизайнерами и разработчиками. Используйте его для собрания коллекции вещей которые Вас вдохновляют, организуйте и планируйте ваши проекты.
Официальное расширение Pinterest для Google Chrome добавит кнопку в ваш браузер, которая позволяет вам взаимодействовать с сервисом. Быстро и легко!
Ссылка: Pinterest
Web Developer
Добавляет кнопку панели инструментов с различными инструментами веб-разработчика в браузер. Это официальный порт расширения Web Developer, который был изначально написан для Firefox.
Рейтинг: 4.51 / Пользователей: 656 381
Ссылка: Web Developer
Stylebot
Адаптация внешнего вида сайтов.
Рейтинг: 4.6 / Пользователей: 79 444
Описание:
Stylebot позволяет быстро менять вид любого веб-сайта (при помощи пользовательских CSS).
В редакторе вы выбираете любые изменения, которые вы хотите сделать с элементом. Вы так же можете поменять размер шрифта, цвет и многое другое. Опытные пользователи могут писать свои CSS таблицы в ручную.
Используя Stylebot, вы можете настроить внешний вид ваших любимых веб-сайтов. Так же это отличный инструмент для познания CSS и для отладки дизайна собственных проектов.
Ссылка: Stylebot
Alexa Traffic Rank
Официальное расширение Alexa Traffic для анализа страницы и трафика со страниц.
Рейтинг: 4.59/ Пользователей: 232 164
Описание:
Alexa Traffic Rank официальное бесплатное расширение для Chrome. Вы сможете просмотреть полную информацию о любом сайте в интернете. Сравнивайте и анализируйте легко и просто.
Ссылка: Alaxa
Eye Dropper
Расширение для браузера, который позволяет вам выбрать и просмотреть код цвет с любой страничке.
Рейтинг: 4.03/ Пользователей: 222 311
Описание:
С помощью инструмента пипетки вы сможете посмотреть код цвета с любого сайта. Имеется встроенная история ваших замеров. Работает как в Chrome так и в Chromium.
Ссылки: Eye Dropper
Resolution Test
Расширение для разработчиков для тестирования веб-страниц при различных разрешениях экрана.
Рейтинг: 4.39/ Пользователей: 134 923
Описание:
Расширение для разработчиков для тестирования веб-страниц при различных разрешениях экрана, с возможностью определять свои собственные параметры разрешения.
Разрешение изменяет размер окна браузера, чтобы просмотреть свои веб-сайты в разных разрешениях экрана. Есть список наиболее часто используемых разрешений экранов и возможность настройки этого списка.
Ссылка: Resolution test
Speed Tracer (by Google)
Получите представление о скорости веб сайтов с помощью этого расширения.
Рейтинг: 4.16/ Пользователей: 172 876
Описание:
Speed Tracer это отличный инструмент и создан он для того, чтобы помочь вам выявить и устранить проблемы с производительностью ваших веб приложений. Он собирает информацию и делает анализ показателей, которые берутся на низком уровне вашего браузера.
Использование данного расширения позволит вам получать информацию о том где больше всего время теряется в вашем приложении. Это могут быть проблемы вызванные: Javascript, css, Dom обработка событий, загрузка сетевых ресурсов, обратный вызов XMLHttpRequest, большие изображения и многое другое.
Ссылка: Speed Tracer
Firebug Lite for Google Chrome
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, которые я использую сам в повседневной работе. Надеюсь парочка и вам пригодится. Буду рад услышать в комментариях о расширениях. которые используете Вы дорогие друзья! Меня зовут Виктор Доценко. Всего доброго!
blog-dotsenko.ru
30 расширений Google Chrome для маркетолога
При работе с сайтами или просто сёрфя по интернету бывает нужно что-то быстро сделать или проанализировать и лучшими помощниками в этом деле выступают расширения браузера.
В этой статье я познакомлю с самыми необходимыми дополнениями для браузера Хром, которые, на мой взгляд, должны быть у каждого интернет-маркетолога.
Расширения Google Chrome
Можете сразу зайти в магазин по этой ссылке, чтобы сразу устанавливать понравившиеся дополнения для вашего браузера.
1. Alexa Traffic Rank.
Мировой рейтинг популярности сайтов. Как видим на картинке Google занимает первое место как в глобальном, так и по России рейтинге.
2. Avast Online Security.
С помощью нескольких функций можно запретить или разрешить показ рекламы на определённых сайтах, а так же поставить оценку «плохо» или «хорошо» сайту.
Я раньше использовал рейтинг WOT, но потом отказался т. к. там появилось много «умников» продающих свои голоса. Дело в том, что при достижении определённого количества пользователем отзывов о сайтах ему присваивается рейтинг «платинум» и если такой человек поставит отрицательный отзыв вашему сайту, то никакое количество мелких положительных уже не сможет изменить красный цвет кружочка оценки напротив вашего домена.
Подробнее можете почитать об этом тут — webproverka.com/comments.php?mywot.com, да и в поиске много отзывов поищите.
3. Awesome Screenshot.
Позволяет рисовать на экране с последующим скрином ваших художеств.
Лично я использую Joxi для этих целей. Почему? — описано в этой статье.
4. ColorZilla.
Пипетка, как в Фотошопе. Если вам нужно узнать какой цвет используется.
5. Eye Dropper.
Тоже самое, что и предыдущее расширение. На выбор кому что нравится.
6. Dualless.
Дублирует ваш браузер в один клик на две колонки.
Полезно когда надо что-то быстро сравнить на разных сайтах, чтоб не вручную тыкать и елозить с шириной окна.
7. Evernote Web Clipper.
Сохраняет в блокнот. Используется всеми, кто пользуется Evernote. 🙂
8. Extensity.
Позволяет в один клик включать и выключать расширения Chrome.
Все же понимают, что 30–50 активных дополнений не может уместиться в панели браузера, а постоянно ползать активировать их через меню Хром не очень то удобно.
9. Measurelt.
Линейка. Позволяет измерить размеры элементов на веб-странице.
10. Page Ruler.
Ещё один вид линейки.
Здесь размеры показаны в верхней части страницы. Плюсом тут будет, что отображаются ещё отступы от сторон экрана в пикселях.
11. MozBar.
Статистика сайта от Moz.
Отображает показатели сайта — PR, ссылки, ранг, а при нажатии открывает панель с мета тегами. Есть вывод оценок, но только в поиске Гугла.
12. Open SEO Stats.
Множество показателей о сайте вплоть до скорости загрузки страницы.
13. RDS bar.
Знаменитый RDS бар.
Думаю есть у каждого. 🙂 Чтоб его описать думаю, сделаю как-нибудь отдельный пост.
14. StatisFire.
Ещё одно расширения для отображения статистики. Возможно кому-то понравится, много показателей.
15. Resolution Test.
Проверка отображения сайта в зависимости от расширения экрана.
Полезно знать, как твой сайт выглядит на разных устройствах.
16. Responsive Viewer.
Аналог предыдущему расширению.
17. RoboForm Lite или Everywhere (платная).
Хранитель паролей.
Вообще не представляю, как люди живут без этого расширения, записывают всё на бумажку что ли, или используют один, а потом удивляются почему их страница в соц. сетях взломана соседом школьником. 🙂
Лично я, использую платную версию. Её отличие в том, что все хранится на их сервере и если у вас накроется жёсткий диск всё синхронизируется при новой установке. Так же удобно если нужно зайти с другого компа или телефона.
18. TimeStats.
Это приложение следит за вашим временем проводимым на сайтах.
Интересно в конце месяца посмотреть сколько времени вы провели в интернете и на каждом сайте в отдельности. Полезно знать куда уходят часы вашей жизни. 🙂
19. VidiQ Vision for YouTube.
Показывает всю статистику по видео в Ютубе.
Интересно посмотреть какие теги прописаны у видео вашего конкурента. После установки для просмотра нужна регистрация у них на сайте.
20. Wappalyzer.
Показывает начинку сайта. CMS, фреймворк, версию PHP, скрипты и т. п.
Если интересно посмотреть, что за сборка у того или иного сайта, то рекомендую.
21. WebMoney Advisor.
Просмотр отзывов от системы Веб Мани.
Иногда полезно знать кому вы собираетесь перевести свои денежки, это расширение покажет все отзывы о владельце сайта.
Небольшая история. Как то раз мне знакомый пишет — что хочет найти человека по IP и наказать. А дело было следующем образом:
Его спиногрыз 10 или 12 лет от роду мужского пола любитель поиграть в танки (ну видели наверно сейчас многие играют в WoT) видимо захотел получить крутой танк быстро, чтоб не сидеть и не набивать опыт решил пойти, как он думал, простым путём — купить готовый танк. Нашёл такого «умника продавца» в VK и попросил папу (моего знакомого) оплатить.
Папаша работает целыми днями и с интернетом связан лишь редкими заходами по вечерам Вконтакте, естественно не смог отказать любимому сынишке в таком деле. Перевёл N-ю сумму на «Яндекс Деньги» и вместе стали ждать, когда же им вышлют желанный продукт. 🙂
Спустя пару часов и не обнаружив у себя купленного товара они решили написать «продавцу», а продавец проигнорировав последние сообщения и вовсе заблокировал доступ к своей странице.
Не покупайте то, что не продаётся официально и тем более через «Я. Д» ! Случись это хотя бы через Вебмани, то можно было бы подать в арбитраж.
22. WhatFont.
А это расширение поможет узнать, не залезая в код сайта, какой шрифт используется на сайте.
23. WikiTube.
При поиске в Википедии к статье будут добавлены релевантные ролики из Ютуб.
24. Word Count.
Покажет количество слови символов в выделенном фрагменте текста на странице.
25. Yandex Wordstat Assistant.
Добавляет выбранные ключи из Яндекс Вордстат.
Бывает нужно подобрать несколько разных ключей для отправки в Кейколлектор, чтоб их не переписывать с этим дополнением их можно скопировать в пару кликов.
26. Визуальные закладки.
Визуальные закладки от Яндекс удобный доступ к самым частым сайтам.
Ранее использовал Dual и подобные, но примерно раз в полгода они глючили, надоело искать причину и тратить на это время. Думаю Яша не подведёт.
27. «Один клик Вверх».
Название говорит само за себя. 🙂
Не на каждом сайте стоит кнопка «Вверх» и уж тем более кнопки «Вниз» нет на 99% сайтах. Это решается путём установки этого приложения. Подводим курсор вплотную к левому краю, выше или ниже середины, в зависимости куда нужно скроллить, кликаем и опа уже там, где надо.
А вы небось наяриваете колёсико мышки и у него поди пробег, как у всех дальнобойщиков России. 😉
28. Панель Яндекс-Сервисов.
Вкладка быстрого доступа ко всем сервисам Яндекс.
29. Элементы Яндекса: Почта.
Отдельная иконка почты.
Удобно удалять ненужные письма не заходя в сервис и всегда сразу видно, что пришло письмо.
Можно так же установить и для Google, VK и др. т. п.
30. Статистика LiveInternet.
Так уж получилось, что последним расширением в этом списке оказалось одно из самых нужных.
Показывает количество посещений сайта, где установлен такой счётчик.
Ну вот на этом, пожалуй, и всё. 🙂 Интересно узнать, чем пользуетесь Вы — пишите в комментариях.
wpnik.ru
Расширения браузера Google Chrome для веб-программиста
Январь10
VS
Каждый день в своей работе (создание сайтов любой сложности) я использую для разработки два основных браузера FireFox (больше) и Goolge Chrome (меньше), но в последнее время, наверное благодаря телефону с ОС Андроид, я начал больше присматриваться к Хрому. И дабы чувствовать себя «как рыба в воде» хотелось чтобы те расширения которые я использую в FireFox-е хотелось бы использовать и тут.На удивление почти все мои расширения есть в магазине Хрома. И так что же я использую:
FireBug Lite
Наверное один и самых ценных инструментов для разработки. Хром конечно содержит по-дефолту свою панель разработчика, но от привычек надо отказываться постепенно. Поживем увидим. Скачать расширение можно по тут
Edit This Cookie
Расширение для работы с куками (cookie), позволяет как добравлять, так и изменять существующие куки на сайте. Закачать расширение можно тут
ColorZilla
Очень часто необходимо узнать цвет пипеткой или перевести RGB в HEX и наоборот, для этих целей это прекрасное расширение.Закачать расширение можно тут
HTTP Headers
Просмотре заголовков страницы. Единственное я не нашел расширение аля Liveheaders, оно мне нравилось тем, что показывало абсолютно все заголовки которые происходили во время загрузки страницы. Если кто-то может поделиться так расширением для Хрома, буду рад увидеть это в комментариях.Закачать расширение можно тут
JSONView
Очень наглядно показывает содержания JSON ответа. Рекомендую для отладки приложений.Закачать расширение можно тут
MeasureIt
Куда без линейки при верстке!Закачать расширение можно тут
PerfectPixel by WellDoneCode
Вот это злое расширение, когда оно попадает в руки заказчику и он начинает все проверять…, но и очень полезное разработчику, сразу видно где «халтурка».Закачать расширение можно тут
Web Developer
Набор различных примочек для включения/отключения и показ скрытых элементов. Жаль что здесь на работает валидация локальной страницы — очень помогало в ФФ, а также не работает линейка, изменение размера экрана и тд, в общем поставил чтобы было, вдруг починят.Закачать расширение можно тут
Редактирование и отправка скриншотов
Полезный инструмент, позволяет сделать скрин или ВСЕГО сайта, а не только видимого окна или сделать часть, также подредактировать скрин и получить короткую ссылку для отправки кому-то. Полезно при пояснении где именно что-то не так или куда именно надо нажать.Закачать расширение можно тут
Удаленный рабочий стол Chrome
К разработки сайтов отношения не имеет, но очень помогает что-то показать «криворуким пользователям», включаем у себя хром с расширением и клиент. Клиент запускает расширение у себя, дает вас код, вы запускаете у себя и вводите код, дальше на вашем экране появляется экран «криворукого юзера» и вы можете показать что да как надо делать.Закачать расширение можно тут
Попрошу юзеров, которые прочтут статью и есть возможность поделится чем-то новым оставить об этом комментарий!
Скачивайте гугл хром!
Статья просмотренна 481768 раз, зашло посетителей 46913
blog.nagaychenko.com
Chrome расширения для веб-разработчика MODX
Спасибо Александру Крайнёву и Светлане Суховейко за полезные советы.
Pagespeed insights
Pagespeed insights — Chrome инструмент для оптимизации загрузки веб-страниц. 
Web-developer checklist
Web Developer Checklist — чеклист веб-разработчика для анализа всех параметров сайта и поиска ошибок. 
ColorZilla
ColorZilla — ColorZilla для Google Chrome это расширение, которое помогает веб-разработчикам и графическим дизайнерам и задачи, связанные с цветом — базовые и продвинутые. 
ColorZilla включает Color Picker, Eye Dropper, Gradient Generator и много других дополнительных цветовых инструментов.
Responsive Viewer
Responsive Viewer — просмотр сайта в различных значениях ширины экрана для тестирования адаптивности и отзывчивости сайта. 
CheckMyLinks
Check My Links — проверка битых ссылок на сайте. 
TooManyTabs
TooManyTabsForChrome — если для вас обычное дело открывать 20 вкладок в хроме, то это приложение для вас. 
Corporate Ipsum
CorporateIpsum - lorem ipsum генератор с корпоративной лексикой. Генерирует контент по словам или параграфам. 
PerfectPixel
PerfectPixel - расширение для веб-разработчиков и верстальщиков. Позволяет разработчикам накладывать полупрозрачное изображение наверх разработанного сайта и осуществлять попиксельное сравнение между ними. 
Web developer расширение
Расширение Web Developer расширение добавляет различные девелоперские инструменты к браузеру. Расширение доступно для Chrome, Firefox и Opera, и будет работать на любой платформе, которая поддерживает данные браузеры, включая Windows, OS X и Linux.
Stylebot
Stylebot позволяет изменять отображение любого сайта пользовательскими стилями. Вы выбираете элемент и выбираете любые изменения, которые хотите сделать в редакторе. Можно менять шрифт, цвет, отступы, видимость и др. Также можно вручную писать CSS. 
Tape
Tape это инструмент для пиксел-перфектной разработки. Он позволяет вам легко измерять расположение и размеры элементов. Он знает про границы и отступы и будет даже их поправлять. Содержить дополнительные вспомогательные инстументы, типа увеличительной линзы для измерений и наставления. 
Ruler
Ruler - очень простой и в то же время крутой инструмент для измерения размеров элементов на сайте, размера шрифтов и т.д. 
Если у вас есть что добавить - пишите в комментариях, рассмотрю и обязательно добавлю стоящие внимания расширения.
Загрузчик Chrono
Chrono отлично подходит для загрузки видеофайлов, изображений и других медиа с сайтов. 
Octotree
Octotree Chrome дополнение будет полезно для разработчиков, которые часто читают ресурсы в GitHub и не хотят загружать или проверять слишком много репозиториев.
Возможности:
- легкая навигация по древу кода прям как в IDEs
- быстрые переходы через pjax
- поддержка приватных репозиториев
SnagIt
SnagIt дополнение для создания снимка экранов с возможностью дальнейшего редактирования и поделиться с помощью ссылки с другими людьми.
modx.ws
