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

Все самое интересное для дизайнеров: новости, статьи, полезные ссылки.

Responsive Web Design Tester | http://responsivewebdesigntester.com/

Это быстрый и простой способ протестировать ваш веб-сайт на отзывчивость. Помимо Chrome, поддерживается также Opera и Mozilla Firefox.

Window Resizer | https://chrome.google.com/…/kkelicaakdanhinjdeammmilcgefonf…

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

Page Ruler | https://chrome.google.com/…/jlpkojjdgbllmedoapgfodplfhcbnbpn

Линейка, которая позволит измерить пиксельные размеры и позицию любого элемента на любой веб-странице.

Dimensions | https://chrome.google.com/…/baocaagndhipibgklemoalmkljaimfdj

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

ColorZilla | https://chrome.google.com/…/bhlhnicpbhignbdhedgjhgdocnmhomnp

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

WhatFont | https://chrome.google.com/…/jabopobgcpjmedljpbcaablpmlmfcogm

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

TypeWonder | https://chrome.google.com/…/ohgmapelghofmbacalgamfbejaghdilh

Позволяет тестировать веб-шрифты на любом веб-сайте в реальном времени.

CSS — Shack | http://www.css-shack.com/

Это десктопное веб-приложение, которое позволяет создавать слои стилей (как в любом графическом редакторе) и экспортировать их в CSS-файл.

Поддерживает все популярные браузеры. Инструмент платный, но бесплатный пробный период никто не отменял.

PerfectPixel by WellDoneCode | https://chrome.google.com/…/dkaagdgjmgdmbnecmcefdhjekcoceeb…

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

Lightshot | https://chrome.google.com/…/mbniclmhobmnbdlbpiphghaielnnpgdp

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

UX Check | http://www.uxcheck.co/#

Запускает эвристическую оценку вашего сайта (юзабилити).

Code Cola | https://chrome.google.com/…/lomkpheldlbkkfiifcbfifipaofnmnkn

Позволяет редактировать наглядно CSS-стили онлайн-страниц.

Corporate Ipsum | https://chrome.google.com/…/lfmadckmfehehmdnmhaebniooenedcbb

Генерация рандомные корпоративные тексты для тестового наполнения сайта.

Pendule | https://chrome.google.com/…/gbkffbkamcejhkcaocmkdeiiccpmjfdi

Набор инструментов веб-девелопера для Chrome.

Fontface Ninja | https://chrome.google.com/…/eljapbgkmlngdpckoiiibecpemleclhh

Определяйте шрифты, используемые на странице, пробуйте и покупайте.

Prospero For Gmail | https://chrome.google.com/…/ldckbomjhgdfophpnobhhlijfgnleajh

Инструмент позволяет в один клик добавить шаблон фриланс-предложения в ваше письмо на Gmail. Останется лишь заполнить пробелы.