• Главная

19 полезных расширений для Chrome для веб-дизайнеров. Разрешение для хрома


15 расширений для вашей безопасности

Браузер Chrome и система Chrome OS изначально обладает определенной степенью внутренней защиты, что называется «прямо из коробки». Начиная блокировкой flash плагина, JavaScript’a и передачи данных о вашем местоположении, и заканчивая запретом на предварительную загрузку, персонализированные сообщения об ошибках и статистику использования.

Chrome1

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

Итак, начнем с самых двух важных расширений:

AdBlock

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

Flashblock

Некоторые сайты используют Flash для «творческого» сбора ваших кукисов и отслеживания ваших действий. Установка Flashblock даст вам контроль над страницами — позволять загружать Flash контент или нет.

NotScripts

Как и одноименный NoScript для Firefox, данное расширение создано для контроля над сайтами, использующие JavaScript код. Имеется отдельный текстовый файл для предварительной настройки, но не волнуйтесь — ничего сложного. При первом запуске расширение расскажет вам, как им пользоваться.

Google Analytics Opt-out

Если вы не хотите заморачиваться с настройкой белых и черных листов для бесконечного множества сайтов, но хотите избавиться от внимания одного из самых больших трекеров в интернете, то это расширение для вас. После установки вы станете невидимым для Google Analytics.

NOREF

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

Facebook Disconnect , Facebook Blocker и Facebreak

Эти разных расширения блокируют разнообразные элементы Facebook’a, которые стало так модно вставлять у себя на страницах. Blocker и Facebreak фокусируются на виджетах и кнопках Like, а Disconnect предотвращает загрузку кода виджета Facebook Connect.

Vanilla

Возможность выборочно сохранять определенную информацию, отслеживаемую в вашей системе — еще один аспект конфиденциальности. С Vanilla, вы можете создавать белый список сайтов, кукисы которых желательны для хранения. Это хорошее дополнение к встроенной в Chrome функции «Удалить кукисы при выходе». Вы также можете использовать Vanilla, чтобы удалять нежелательные кукисы прямо во время просмотра сайта через выпадающее меню.

Explode

Короткие ссылки — это очень здорово, когда перебрасываешься ими с кем-нибудь. Но еще круче, когда ты знаешь, куда ведет эта короткая ссылка, еще до того, как кликнешь по ней. Explode взаимодействует с сервисом longurl.org, который поддерживает свыше 200 различных «укоротителей», таких как bit.ly и goo.gl.

Facebook Secure Connection

Это расширение автоматически подставляет во все ваши страницы на Facebook протокол SSL (https:// вместо http://).

Better Pop Up Blocker

Как и всякий хороший современный браузер, Google Chrome и Chrome OS на его основе имеют встроенный блокиратор нежелательных выскакивающих окон. Тем не менее, есть несколько ухищрений у спамеров, которые обходят защиту браузера, такие как сообщение alert или JavaScript. Better Pop Up Blocker поможет справиться с этими упущениями.

Ghostery

Хотите знать, кто за вами следит пока вы просматриваете данную страницу? Ghostery может показать вам. Пользователи Ghostery остаются полностью анонимны и ни один байт о вас не передается дружественному сервису GhostRank, если только вы не разрешили обратного.

BugMeNot

Не любите оставлять свой почтовый ящик на различных сайтах и форумах, которые требуют его для регистрации или просто, чтобы прочитать статью? BugMeNot представляет безопасную и анонимную альтернативу.

WOT

Web of Trust — целый набор инструментов для безопасного серфинга. Умеет также предупреждать о сайтах группы риска, которые обманывают клиентов, рассылая вирусы или спам.

os-chrome.ru

32 полезных расширения Chrome для дизайнеров и разработчиков / Полезное / FREELANCE.TODAY

Автор: Елизавета Гуменюк (liza1510) Рейтинг топика: -1 Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

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

01. DomFlags

Радикально ускорить процессы стилизации элементов с DomFlags — действительно грандиозным расширением, которое позволяет создавать сочетания клавиш для элементов DOM! Это как закладки для навигации по DOM и это изменит способ работы с DevTools.  

02. Highly Highlighter

Вот интересный способ привлечь людей к обсуждению: Highly Highlighter позволяет обмениваться фрагментами из статей в интернете, так что вы можете обратить внимание на наиболее значимые части написанного.  

03. Booom

Booom делает Dribbble лучше, показывая больше кадров в списках, добавив к ним кнопки Like и Add to Bucket, а также создавая автозапуск GIF-файлов и делая прокрутку бесконечной.  

04. CSS-Shack

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

05. Marmoset

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

06. iMacros for Chrome

Как веб-разработчику, вам необходимо тестировать ваши веб-страницы. Повторять одни и те же действия снова и снова может стать утомительным процессом. iМacros — это удобное расширение для Chrome, которое позволяет записывать действия и сохранять их, так что вам нужно будет сделать определенное действие всего один раз. После этого вы можете тестировать ваши страницы снова и снова, повторяя действия одним нажатием кнопки, экономя драгоценное время и позволяя себе сосредоточиться на более насущных вопросах.  

07. Font Playground

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

08. Window Resizer

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

09. Project Naptha

Если вам когда-нибудь придется работать с макетом изображения со встроенным текстом, это расширение может спасти вас от небольшого раздражения. проект Лигроин может спасти вас в мир легкого раздражения. Благодаря искусным трюкам OCR, расширение позволяет выделять, копировать и вставлять текст из любого изображения и даже может перевести его для вас.  

10. What Font

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

11. Yslow

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

12. Web Developer

Как веб-разработчик, вы можете спросить себя, как вы жили без этого расширения. Он добавляет кнопку на панели инструментов Chrome с множеством полезных инструментов для веб-разработчика. Это официальный порт расширения Web Developer для Firefox.  

13. Page Ruler

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

14. Web Developer checklist

Этот инструмент позволит вам проверить, если ваши веб-страницы следуют лучшей практике, когда дело доходит до SEO, юзабилити, доступности и производительности (скорость загрузки). Так, например, если у вас отсутствует тег h2 на странице или она без мета-тегов, то расширение уведомляет вас об этом, так что вы сможете быстро устранить эту проблему. Если вы щелкните на ссылку «подробнее и помощь» в нижней части расширения, то найдете более углубленный список.  

15. DevTools Autosave

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

16. Instant Wireframe

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

17. ColorZilla

Расширение ColorZilla — это усовершенствованная пипетка, сборщик цвета, генератор градиента и другие полезные цветовые инструменты, которые помогут вам в вашем дизайне – прямо в окне вашего браузера.  

18. Ripple Emulator

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

Ripple Emulator может использоваться в сочетании с существующими средствами разработки для выполнения отладки, проверки DOM и автоматизированного тестирования.  

19. Streak

Streak является основным инструментом для управления CRM и поддержки электронной почты Gmail. Он позволяет вам превратить один адрес электронной почты или весь разговор в отслеживаемый, выделяемый и организованный ярлык, которым вы можете управлять сами или поделиться с другими.  

20. Search Stackoverflow

Если вы веб-разработчик, то, наверное, слышали о Stack Overflow — место для решения любых проблем и вопросов, связанных с разработкой. Если нет, то вам обязательно нужно его проверить, сообщество процветает и охватывает широкий спектр тем от C# и Java до PHP и jQuery. Это фантастическое расширение добавляет окно поиска прямо в ваш браузер, позволяя искать среди огромных ресурсов Stack Overflow.  

21. PHP Ninja Manual

Это может быть довольно трудным помнить каждую функцию, поэтому, если вы бывали в ситуациях, когда приходилось тратить часы на поиск определенной функции PHP в Google, то это расширение обязательно привлечет ваше внимание. PHP Ninja Manual предоставляет вам всю документацию PHP-5.5 с примерами на восьми языках, не выходя из вашего браузера.  

22. PerfectPixel

Дизайнеры ненавидят, когда они создают потрясающий дизайн, который в итоге не совпадает с результатом кодирования. PerfectPixel на самом деле является идеальным расширением для веб-разработчиков, стремящихся разрабатывать сайты, которые являются точными образами дизайна. Это простое в использовании расширение позволяет наложить полупрозрачное изображение поверх веб-страницы и выполнить сравнение пикселей, чтобы гарантировать 100% точность.  

23. Code Cola

Этот инструмент позволит вам не только просматривать исходный код, с которым вы уже работаете, но он также функционирует как CSS редактор, где вы можете редактировать свои веб-страницы и видеть изменения мгновенно.  

24. User Agent Switcher

Отличный инструмент, чтобы просматривать, как выглядит сайт, используя различные пользовательские средства, такие как iPad, iPhone или Android. Это может оказаться очень полезным, если сайт был взломан, и так вы можете просматривать то, как поисковые системы видят страницы.  

25. IE tab

Один из самых популярных и полезных эмуляторов IE. Он позволяет веб-разработчикам тестировать веб-страницы в различных версиях IE непосредственно в браузере Chrome.  

26. PicMonkey

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

27. Chrome Daltonize

Дефицит цветового зрения или дальтонизм затрагивает миллионы людей по всему миру. Это гениальное расширение использует техника, которая позволяет создавать образы, подходящие для просмотра людям с данным нарушением.  

28. Appspector

Расширение поможет веб-разработчику в проверке библиотек фреймворков, CMS и JavaScript на сайте, в тот момент, когда вы его просматриваете. В адресной строке, появится иконка, указывающая обнаруженную библиотеку. Это расширение Chrome имеет высокий рейтинг и может обнаружить более 100 популярных CMS и JS библиотек.  

29. Check My Links

Закончили сайт, но забыли проверить все ссылки? Независимо от того, насколько тщательно вы следили за этим, возможно, что вы упустили одну или две, и просмотреть их все будет довольно  муторно. С этим расширением, вы можете просто оставить сайт в работе, и оно будет читать все ссылки на каждой странице, выделяя доступные зеленым цветом и битые – красным.  

30. Flickr Tab

Это просто небольшое расширение, которое отображает популярные фотографии с Fickr каждый раз, когда вы открываете окно. Нажмите на фотографию, чтобы просмотреть ее в Flickr или щелкните имя пользователя, чтобы увидеть больше фотографий от фотографа.  

31. Google Art Project

Как и в случае с предыдущим расширением, в каждой новой вкладке вы будете видеть шедевры от таких великих художников как Ван Гог и Моне. Если вам понравилось изображение, нажмите на него, и вы попадете на веб-сайт Google Cultural Institute, который полон информации о работе и ее создателе.  

32. Data Saver (Beta)

Итак, ваш последний счет от мобильного провайдера за Интернет был внушительным? Не паникуйте. Вам просто нужно это расширение: оно уменьшает объем данных, используемых при просмотре веб-страниц. При включении Chrome будет использовать серверы Google, чтобы сжимать страницы перед их загрузкой. Есть только один нюанс: не будет включен SSL и режим инкогнито.

Источник

freelance.today

10 самых необходимых расширений для Google Chrome

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

Вы спросите: «А что такое расширение»? Расширением называют специальную программу (преимущественно маленького размера), которая расширяет возможности браузера.

С помощью расширений для Google Chrome вы можете изменять внешний вид как самого браузера, так и вид определенных веб-страниц, скачивать файлы с разных сайтов без использования сторонних программ, заблокировать рекламу и спам, с удобством пользоваться социальными сетями и другими ресурсами. И это только малый список возможностей расширений. Давайте пройдемся по самым необходимым и полезным расширениям браузера Google Chrome (все они бесплатные).

Adblock

Надоедливая реклама мешает с удобством сидеть в Интернете? Не беда! С помощью расширения Adblock ,вы сможете отключить рекламу и различный спам.Также данное расширение имеет ряд других полезных функций: блокировка вредоносных сайтов, защита от слежения за пользователем, разрешение на показ интересной для пользователя рекламы.

СнимокааааыИконка Adblock

 

Avast Online Security

Хотите быть уверенным в безопасности посещаемых вебсайтов? Тогда обязательно установите себе данное расширение. При попытке перехода на фишинговый или иной опасный ресурс Avast Online Security предупредит вас об опасности. Кроме этого данное расширение показывает рейтинг безопасности веб-ресурса и блокирует навязчивые всплывающие окна. Всем, кто беспокоится о своей безопасности в сети, – настоятельно рекомендуется к установке.

авастИнтерфейс Avast Online Security

 

Download Master

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

даунлоадсастИнтерфейс Download Master

 

VKopt

Если вы активный пользователь социальной сети «Вконтакте», тогда это расширение именно для вас! Оно имеет массу удобных функций – начиная от улучшенной сортировки сообщений, новостей, сообществ, заканчивая возможностью скачивать аудио и видеозаписи в один клик. Рекомендуется всем любителям данной социальной сети.

Снимок999Интерфейс VKopt

 

Facebook Flat

Любите проводить досуг на Facebook? Данное расширение позволит сделать данную социальную сеть еще более удобной. Не нравится интерфейс? Не беда! Facebook Flat позволяет изменить внешний вид социальной сети на ваш вкус. Всплывают навязчивые окна? Не проблема! Данное расширение полностью избавит вас от них. Кроме этого при использовании этого расширения Facebook работает намного быстрее, что особенно заметно у пользователей с медленной скоростью подключения к сети.

фейсбукИнтерфейс Facebook Flat

 

Mail Checker Plus for Google Mail

Являетесь активным пользователем почты Gmail? Хотите иметь быстрый доступ к почтовому ящику Google, быстро просматривать полученные письма, отвечать на них и пользоваться другими возможностями почты, не открывая страницу с онлайн-интерфейсом Gmail ? Тогда, Mail Checker Plus for Google Mail именно для вас! Нужно отметить, что все функции данного расширения исполнены в удобном минималистичном интерфейсе.

чеккИнтерфейс Mail Checker Plus for Gmail

 

Quick Notes

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

НОУТИнтерфейс Quick Notes

 

Awesome Screenshot

Данное расширение даст возможность быстро делать скриншоты прямо в браузере. Кроме стандартного снимка экрана, Awesome Screenshot имеет функции редактирования скриншота (выделять и вырезать фрагменты снимка, применять эффект размытия изображения, рисовать линии и другие фигуры). Так же с помощью этого расширения вы сможете быстро отправить скриншот в любую социальную сеть.

СнимокпппИнтерфейс Awesome Screenshot

 

TimeStats

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

статсИнтерфейс TimeStats

 

LastPass

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

ааафИнтерфейс LastPass

 

Вывод

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

composs.ru

19 полезных расширений для Chrome для веб-дизайнеров

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

Сегодня мы хотим поделиться с вами еще одной интересной подборкой Chrome-приложений (прошлая подборка), в которой мы сосредоточим внимание на 19 самых важных расширениях для веб-дизайнеров, верстальщиков и веб-разработчиков.

Создавайте скриншоты всей страницы или ее фрагментов, подписывайте созданные изображения, делайте аннотации, размывайте чувствительные данные, – практически все функции делаются в один клик!screen-shot-2016-10-26-at-09-14-33

Масштабируйте размер окна браузера для эмуляции разных разрешений экрана.screen-shot-2016-10-26-at-09-14-41

Еще никогда ранее не было так просто генерировать CSS-градиенты. К тому же, у вас будет возможность получить код, адаптированный под разные браузеры.screen-shot-2016-10-26-at-09-14-56

Инструмент пипетки для веб-разработчика. Выбирайте цвета с любого фрагмента веб-страницы.screen-shot-2016-10-26-at-09-15-23

Pixlr express представляет собой современный фото-редактор, со всеми эффектами, наложениями и рамками из популярного pixlr-o-matic, только с большим уровнем контроля. Здесь также присутствует множество настроек, стикеров и инструмент для создания текста.screen-shot-2016-10-26-at-09-15-31

Pixlr представляет многофункциональный фото-редактор прямо в вашем браузере, без необходимости что-либо скачивать и ждать.screen-shot-2016-10-26-at-09-15-38

CSS-Shack позволяет вам создавать стили слоев (как в любом знакомом вам ПО для обработки изображений), и экспортировать их в отдельный CSS-файл, либо скопировать код в буфер обмена.screen-shot-2016-10-26-at-09-15-55

Balsamiq Mockups для Google Drive позволяет вам создавать, редактировать и делиться качественными набросками и прототипами при помощи Drive.screen-shot-2016-10-26-at-09-16-02

ShiftEdit представляет собой онлайн IDE для разработки PHP, Ruby, HTML, CSS и javascript при помощи (S)FTP, Dropbox или Google Drive.screen-shot-2016-10-26-at-09-16-08

Лучшее HTML5-приложение для создания четких набросков, прототипов и интерактивных макетов.screen-shot-2016-10-26-at-09-16-14

Очень полезное расширение для Google Chrome, What Font позволяет разработчикам и дизайнерам определить, какие шрифты используются на веб-странице.screen-shot-2016-10-26-at-09-16-21

Расширение Web Developer добавляет кнопку в панель управления браузера, с помощью которой вы можете воспользоваться различными инструментами веб-разработки. Это официальная копия расширения Web Developer для Firefox.screen-shot-2016-10-26-at-09-16-45

Chrome-расширение BuiltWith позволяет вам определить, каким образом был разработан тот или иной веб-сайт. Все что нужно, – всего лишь нажать по иконке builtwith.screen-shot-2016-10-26-at-09-16-53

Sight представляет собой Chrome-расширение для подсветки кода, которое превращает процесс просмотра исходного кода в браузере в развлечение. Вы можете выбрать шаблон, шрифт, а также включить нумерацию строк. Чтобы получить определенный код, введите #ft=[syntax] рядом с URL-файла.screen-shot-2016-10-26-at-09-17-01

Stylebot позволяет вам быстро изменять внешний вид любого веб-сайта (при помощи кастомного CSS).screen-shot-2016-10-26-at-09-17-10

Данное расширение позволяет вам выбирать шрифт из директории Google Font при помощи нескольких опций стилизации текста, а также осуществлять предварительный просмотр выбранного шрифта прямо в открытой вкладке.screen-shot-2016-10-26-at-09-17-16

CSSViewer представляет собой простой просмотрщик CSS-свойств для Google Chrome, который изначально был разработан Nicolas Huon, и был представлен в виде аддона для FireFox.screen-shot-2016-10-26-at-09-17-23

Этот инструмент позволяет проверить все: соответствуют ли ваши страницы SEO, юзабилити, а также их видимость и производительность (скорость загрузки страницы).screen-shot-2016-10-26-at-09-17-31

Данное расширение представляет собой портированную версию FlagFox для Chrome. Оно отображает флаг страны, который указывает на расположение сайтов, которые вы посещаете.screen-shot-2016-10-26-at-09-17-38

infogra.ru


Смотрите также