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

Во-первых скажем несколько слов о родной функциональности Google Chrome , который по умолчанию предлагает множество функций, доступных только как плагины в FireFox и Internet Explorer . Например, многие веб-разработчики хотят получить веб-редактор Firebug для Chrome. Забавная история, но в данном случае не придется ставить такой плагин, так как Chrome Firebug Lite уже встроен в браузер. Необходимо просто выделить содержимое страницы, щёлкнуть правую кнопку на мыши, и выбрать пункт «Проверка элемента». Chrome откроет Firebug как окно редактирования, что позволяет редактировать CSS и Javascript, даже код "на лету" - без расширения.

Кроме того, есть эквивалент Xmarks для Google Chrome - Xmarks синхронизация закладок. При этом происходит синхронизация между любыми двумя установленными браузерами, что очень удобно если вы работаете как на портативном компьютере, так и на стационарном. Необходимо просто открыть меню «инструменты», нажав иконку маленького гаечного ключа в правом верхнем углу, и выбрать пункт «синхронизация закладок».

Теперь рассмотрим лучшие дополнения Google Chrome.

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

2. Использование Gmail. Если вы пользуетесь Google Chrome, наверняка вы являетесь пользователем Gmail тоже. Это расширение будет направлять ссылки на электронную почту на Gmail, вместо автоматического открывания MS Outlook. Это позволит вам избавиться от копирования и вставки адресов почты в Gmail.

3. Google Mail Checker. Единственный реальный недостаток Gmail по сравнению с почтовым клиентом это то, что, если у вас не открыт Gmail, вы не получите мгновенного уведомления о полученной почте. Google Mail Checker Chrome расширение ведёт подсчёт необработанных сообщений рядом с адресной строкой браузера, и нажав на значок расширения открывается вкладка Gmail.

4. IE Tab. Некоторые сайты оптимизированы для работы исключительно в Internet Explorer, особенно такие продукты как Microsoft Outlook Web Access. Не расстраивайтесь, что вам будет недоступна родная IE веб -функциональность только потому, что вы используете Chrome. IE Tab Chrome создает виртуальный браузер IE в Chrome, так что вы сможете получить весь функционал сайта для Internet Explorer без потерь и без использования двух разных браузерах.

5. Просмоторщик документов PDF / PowerPoint Viewer. Если Chrome имеет явный недостаток, так это то что он не всегда хорошо отображает PDF документы корректно. Это расширение автоматически направляет открытие документов PDF или PowerPoint в Google Docs, где документ может быть прочитан, распознан, распечатан или сохранён быстро и легко.

6. FastestChrome. Пользователи FireFox называют это расширение Chrome FastestFox для Chrome, так как это два плагина одного и того же создателя. Это расширение повышает возможности поиска в Интернете. Для этого надо выделить любое слово на странице, что бы получить определение термина или запустить поиск текста. На сайте Google результаты поиска дополнительных страниц автоматически загружаются, так что можно просто использовать прокрутку. Соответствующие результаты от других поисковых систем и сайтов – таких как Amazon и Wikipedia взаимосвязаны с соответствующими результатами поиска Google. Загружается в левой колонке автоматически статья из Wikipedia. Если заниматься веб-исследованиями часто, то к расширению FastestChrome быстро привыкаешь, понимая все удобства.

7. Stop Autoplay для YouTube. Есть много расширений Chrome, которые останавливают автоматическое воспроизведение видео при посещении страницы, но рассматриваемый плагин пошёл ещё дальше. Он останавливает автопроигрывание ещё до того, как началась буферизация видео. Это будет очень полезно, для пользователей с небольшой скоростью Интернета.

8. Feedly. Если у вас есть закладки на RSS-каналы в Google Reader, Twitter, Delicious, YouTube или Amazon, то это удобное расширение очень подходит для вас. Feedly автоматически импортирует ваши каналы, затем организует содержание в страницы журнала удобные для просмотра. Это расширение так же содержит подсчёт ваших непрочитанных новостей в адресной строке, что бы вы знали сколько новостей ждут прочтения.

9. GooglePreview. GooglePreview Chrome плагин достаточно прост. Он добавляет изображение, что бы слева от любого результата поиска в Google показывался снимок с сайта. Это очень полезно, если вы ищете сайт, который посетили, но забыли добавить в закладки. И эти маленькие миниатюры помогут вспомнить вам необходимый сайт. Кроме того, если на миниатюре вы увидите сомнительное изображение, это поможет вам не попасть на сайт злоумышленников.

10. Session Manager. Иногда функций закладки может быть не достаточно. Например, вам необходимо сохранить веб-страницу именно так, в каком состоянии она находится, например, с заполненными полями. Session Manager поможет вам в таких ситуациях. Просто нажмите значок картонной коробки рядом с адресной строкой, и плагин предложит варианты сохранения для любой из страниц, с которой вы работаете. Все сохраняемые веб-страницы датируемые, так что вы сможете вернутся к любой версии вашей работы. Это звучит тривиально, но для тех кто пользуется несколькими веб-приложениями и интерфейсами, Session Manager значительно экономит время.

Надо заметить, что не смотря на все имеющиеся расширения для Chrome, несколько расширений явно отсутствуют. Они отнесены к «неуместным», не рекомендуемым Google. Например IE6-Ify. Он открывает симулятор IE6 для веб-сайтов, оптимизированными исключительно для него. Это расширение отсутствует с целью снять значимость тегов HTML.

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

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

Судя по статистике, каждый второй пользователь в России используют браузер Google Chrome. Если это не так и вы пользуетесь Mozilla, Safari или IE, то уверен, что этот материал подтолкнет вас стать адептом хрома. Вы узнаете сколько преимуществ все это время было у вас под носом, и какое огромное количество возможностей открывает нам использование расширений. Браузер давно перестал быть программой для простого серфинга интернета, но превратился в универсальный инструмент, с помощью которого можно выполнить десятки и сотни различных задач. Сегодня я хочу вас познакомить с теми расширениями, которые я сам использую и которые могут помочь вам в нелегкой работе организатора мероприятий.

1. OneTab

Когда открыты сотни и десятки нужных закладок - браузер начинает тормозить. С помощью этого удобного расширения вы можете просто нажать на иконку расширения и свернуть их в компактный список, который не будет отнимать память браузера. Чтобы вызвать этот список и восстановить нужную вам вкладку, надо всего лишь снова нажать на иконку. Кстати говоря, OneTab хранит все ваши свернутые сессии по датам, так что вы в любой момент можете вернуть нужную. Проблема сотни открытых вкладок полностью решена!

2. Google Mail Checker

Event-менеджер всегда должен быть на связи, оперативно отвечать на письма и направлять подрядчиков. Если в Microsoft Outlook или Apple Mail существуют звуковые оповещения и баннеры, то плагин Google Mail Checker отлично выполнит эту роль для почты Gmail. Простой плагин отображает количество непрочитанных сообщений в вашем почтовом ящике, а простое нажатие на кнопку открывает почту. Кстати, этот плагин будет дополнительным стимулом для достижения заветного «Inbox Zero».

3. Signals by HubSpot

Signals by HubSpot — невероятно удобный лайфхак, позволяющий отслеживать ваши письма. После установки у вас появляется специальное расширение при отправке письма в Gmail (кнопка Send станет оранжевой и появится галка – отслеживать/не отслеживать), для Outlook требуется скачать плагин с сайта. После чего, нажимая на значок приложения, вы можете увидеть подробности: когда пользователь открыл письмо, в каком месте и сколько раз он его просматривал.

4. Planner 5D

Planner 5D — это приложение для создания планировки помещений и дизайна интерьера. Никаких специальных навыков не требуется, приложение проще любой игры. С помощью этого сервиса вы можете создать интерактивную 3D-планировку с мебелью и интерьером и детализировать отделку. После чего скачать ее или сделать скриншот и поместить в вашу презентацию. Сделайте простую схему сами и не напрягайте вашего дизайнера, если для вашей работы не требуется более серьезный софт, такой как Cinema 4D и SketchUp. В принципе, для создания большинства схем планировок подойдет обычный Paint или расширение SketchPad.

5. Приложение SketchPad

Своеобразный аналог Paint, SketchPad обладает гораздо более богатыми возможностями. С его помощью можно сделать простенький эскиз или зарисовать ваши задумки. Для всех тех, кто еще не успел в должной мере освоить Photoshop. Также можно рассмотреть ее как полезное релаксирующее средство и «топливо» для творчества, множество комбинаций и сотни градиентов могут увлечь любого человека.

6. Evernote Web Clipper

Самый простой способ сохранять интересные материалы, которые вы нашли в Интернете, добавлять к ним свои комментарии и делиться с другими людьми. Начиная копированием страниц и заканчивая пометками на снимках экрана, Evernote Web Clipper позволяет сохранять любые материалы из вашего браузера прямиком в Evernote, при чем не только полные веб-страницы, но и отдельные фрагменты, которые приложение «умно» выделит из вашего браузера с помощью пары кликов. Также вы можете сделать нужные пометки с помощью маркера, добавить текстовые комментарии, фигурки и штампы или сохранить всю переписку из Gmail почты вместе с вложениями.

7. Pocket (экс «Read It Later»)

Light-аналог Web Clipper и Clearly, для всех тех, у кого нет времени разобраться в Evernote. Устанавливаем Pocket , регистрируемся в сервисе, при нажатии на кнопку материал по ссылке отправляется в ваш аккаунт-карман (собственно, «покет»). Позже вы можете прочитать его и на другом вашем устройстве. Все просто.

8. MusicSig vkontakte

MusicSig vkontakte — самый легкий и бесплатный способ скачать аудио из ВКонтакте (для видео можно использовать VKSaver). После установки плагина ВКонтакте около каждой аудиозаписи появляется подробная информация и кнопка «скачать». Теперь, вы всегда сможете быстро найти требующуюся музыку для предстоящего мероприятия, ведь ВКонтакте, на данный момент, обладает самой большой базой. Помимо того – добавляет сотни полезных фишек для данной социальной сети. Умолчим о пиратстве, ведь мы не собираемся зарабатывать деньги на этом контенте.

9. Awesome Screenshot

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

Time Tracker расширении для браузера Chrome, отслеживающую время пребывания пользователя на различных сайтах, после щелчка по кнопке расширения появляется окошко с подробной статистикой о вашем времяпровождении в сети.

Отличное расширение для всех пользователей сервиса Google Reader. Добавляет возможность просмотра полного текста статей даже в том случае, если источник отдает в rss только анонс. Причем статью можно просматривать двумя способами – в том виде, в каком она отображается на сайте или в более читабельном виде – только текст и иллюстрации. Для каждого источника вид отображения настраивается отдельно, что очень удобно. Рекомендую.

Цель этого расширения – представить страницы самой популярной онлайновой библиотеки в удобном для чтения виде. Теперь мы будем видеть только текст статьи и необходимые картинки, а все дополнительные ссылки и элементы навигации будут показываться только при приближении курсора к краю страницы.

Давно я уже не писал о расширениях для Google Chrome, поэтому пришло время это исправить. В сегодняшнем материале я расскажу вам о нескольких полезных дополнениях для браузера, аудитория которого уже давным-давно перевалила за миллиард пользователей.

Начну свой рассказ, пожалуй, с расширения под названием Gestures . Это дополнение добавляет в Google Chrome навигацию при помощи жестов. Оно чем-то напоминает crxMouse (об этой утилите мы писали вот ), хотя и имеет не так много функций. Так в чем же его интересность? Объясняю. Здесь есть возможность написания собственных скриптов, плюс уже предусмотрены шаблоны жестов для управления ссылками и текстом. Еще меня порадовало наличие резервной копии. То есть вы можете сохранить все свои настройки Gestures и перенести их на другой компьютер.

Далее предлагаю вам ознакомиться с расширением по имени Mortality . Оно из класса «мотивирующих» и заменяет привычную информацию в новой вкладке. Если буквально в двух словах, то это дополнение представляет собой таймер, который отсчитывает ваши годы. Причем сначала идет количество лет, потом месяцев, дней, часов, минут, секунд и даже, чтобы вы понимали все серьезность, миллисекунд. На фоне изображены круги, которые символизируют количество прожитых лет и оставшихся. Разработчики оптимисты, поэтому кругов там 80, но мы-то с вами статистику знаем… Короче говоря, Mortality заставляет задуматься. Что иногда очень необходимо.

Если на Android окно YouTube можно сворачивать в отдельное «плавающее» окно, то почему бы не сделать что-то подобное у себя на компьютере? Расширений подобного рода для Google Chrome хватает, но я как-то в свое время пользовался YouTube Picture in Picture . Если вы сворачиваете ролик, то он перемещается в правый нижний угол браузера, и в это время вы можете заниматься чем-то другим: отвечать на комментарии, искать новые видео или что-то в таком роде. В принципе, полезное расширение.

Если вы помните, то в начале января Netflix объявил о своем приходе в 130 новых стран (Украина и Россия в этот список тоже вошли), поэтому, почему бы не обзавестись каким-то расширениям для этого сервиса. Как пример – Super Netflix . Что умеет это дополнение? Ух, много чего! Чего только стоит возможность накладывать собственные субтитры… В принципе, можно смотреть фильм даже без знаний английского языка. Плюс еще расширение позволяет менять сервер, качество аудио и видео, а также управлять громкостью при помощи колесика мыши. Вообще под Netflix есть много различных расширений, но это вообще мастхэв.

Зачем скачивать музыку с различных сервисов себе на компьютер или на телефон в виде mp3-файла мы обсуждать не будем. У каждого на то бывают разные причины. Но факт того, что время от времени мы делам это, на лицо. В магазине расширений можно найти дополнения, которые скачивают аудио чуть ли не с каждого отельного сайта, но есть Skyload . Здесь все это дело объединено. Данное дополнение работает с ВКонтакте, YouTube, Vimeo, Яндекс.Музыкой и Одноклассниками. Достаточно полезное и удобное расширение. Лично я подобным образом загружаю музыку из ВК себе на телефон перед какой-то поездкой. Кстати, можете написать в комментариях, где вы слушаете музыку. Думаю, будет интересно!

Еще одно достаточно интересное и, возможно, полезное расширение – Sleeper . Если вы часто засиживаетесь допоздна за компьютером просто так, без необходимости, то можете установить именно это дополнение. Если буквально в двух словах, то она закроет все ваши вкладки в определенное время (его вы указываете сами) и отправит вас спать. Чтобы не застать врасплох, расширение за минуту до этого выдаст предупреждение, чтобы вы успели всем пожелать «Спокойной ночи» и сохранить все свои работы.

И напоследок одно небольшое расширение, которое призвано вдохновлять. Оно заменяют новую вкладку, и называется Google Art Project . Как вы уже могли догадаться, оно заменяет поисковую строку Google на картины известных художников. Что касается других полезных возможностей, то здесь есть кнопка, которая выдает список часто посещаемых сайтов.

На этом все. Если этот материал был полезен для вас, то ставьте лайки и подписывайтесь на наш канал

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

В этом посте мы собрали наши любимые и полезные расширения для Google Chrome, помогающие упростить жизнь веб-разработчика.

1 Web Developer

Web Developer Tools является одним из самых полезных расширений для любого разработчика. Он добавляет панель инструментов в Chrome. С её помощью можно удобно редактировать CSS, просматривать JavaScript и многое другое. Расширение доступно для браузеров Chrome, Firefox и Opera.

2 Accessibility Web Developer Tools

Миллионы людей пользуются Интернетом, в том числе люди с ограниченными возможностями. Поэтому обязательно ваши сайты должны быть доступны этой категории пользователей. Это расширение позволяет запустить проверку доступности на любой странице в сети. Добавьте его в список инструментов для веб-разработчика. Чтобы использовать его, щелкните на вкладке аудиты, выберите аудит доступности, далее пункт выполнить. Если страница нарушает какие-либо правила, они будут отображаться в виде списка с одним или несколькими нарушениями элементов на странице.

3 Responsive Web Design Tester

Используйте расширение Responsive Web Design Tester, чтобы проверить, как страница реагирует на различные устройства. Оно отражает размер и браузер мобильного устройства, поставляется с пресетами различных Android устройств. Он также работает в автономном режиме, который полезен при разработке сайтов на локальном хостинге без доступа к Интернету.

4 Wappalyzer

Если вы когда-либо использовали Built With, вы будете знакомы с концепцией Wappalyzer . Это расширение определяет системы управления контентом, платформы электронной коммерции, веб-серверы, базы JavaScript, аналитические инструменты и многое другое. Кроме того, приложение доступно для браузера Firefox.

5 PerfectPixel

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

6 Refined GitHub

Если вы разочарованы пользовательским интерфейсом GitHub, это расширение является обязательным для вас. Оно упрощает интерфейс GitHub по умолчанию и добавляет все виды дополнительных функций: маркировка вопросов; выделение запросов, как непрочитанных; добавление кнопки быстрого редактирования; добавление авторской ссылки и многое другое.

7 CDN Headers & Cookies

Это расширение позволяет просматривать все HTTP-заголовки и куки в одном месте. Это легкое и простое расширение. Вы можете добавлять, редактировать или удалять пользовательские заголовки запросов и куки, а также заголовки запросов на экспорт и куки в файл CSV.

8 User Agent Switcher

Используйте это расширение , чтобы изменить агента пользователя для подмены устройства и/или браузера. Вы можете быстро переключаться между различными пользователями или добавлять свои собственные с настройками, имитирующими Internet Explorer, iPhone, или имитирую работу Google бота. Это полезно для отладки и тестирования поведения сайта на различных устройствах.

9 JSON Viewer

Расширение для печати JSON и JSONP, которое вы можете настроить под свой вкус. Оно включает в себя такие функции, как разборные узлы; интерактивные URL-адреса; блокнот, в который вы можете внести JSON формат на неопределенное время с помощью одной кнопки или комбинации клавиш; 27 встроенных тем и много другое.

10 Check My Links

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

11 Usersnap

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

12 IE Tab

IE Tab эмулирует Internet Explorer, используя свой движок рендеринга непосредственно в Chrome. Приложение позволяет использовать элементы управления ActiveX для проверки разрабатываемых сайтов с различными версиями IE, начиная от IE6 до IE9.

13 DevTools AutoSave

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

14 Chrome MySQL Admin

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

15 Grunt Devtools

Это расширение инструментов разработчика Chrome добавляет инструменты с поддержкой фоновых задач и позволяет выполнять задачи для многочисленных проектов в одном окне.

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