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

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

1. Muzli — все самое интересное для дизайнеров: новости, статьи, полезные ссылки.
http://muz.li/

2. Responsive Web Design Tester — это быстрый и простой способ протестировать ваш веб-сайт на отзывчивость. Помимо Chrome, поддерживается также Opera и Mozilla Firefox.
www.responsivewebdesigntester.com/

3. Window Resizer — этот инструмент позволяет менять размер окна браузера, чтобы тестировать макеты в разном разрешении.
https://chrome.google.com/webstore/detail/window-resi..

4. Page Ruler — линейка, которая позволит измерить пиксельные размеры и позицию любого элемента на любой веб-странице.
www.blarg.co.uk/tools/page-ruler

5. Dimensions — инструмент для дизайнеров, который поможет замерять расстояние между элементами и вообще все, что вы видите в браузере.
www.felixniklas.com/dimensions/

6. ColorZilla — продвинутый инструмент для снятия оттенка, наложения градиента и т.п. Незаменим для тех, кто любит «поиграть с цветами».
www.colorzilla.com/

7. WhatFont — самый простой способ определить шрифты, которые используются на веб-странице.
www.chengyinliu.com/whatfont.html

8. TypeWonder — позволяет тестировать веб-шрифты на любом веб-сайте в реальном времени.
www.typewonder.com/

9. CSS — Shack — это десктопное веб-приложение, которое позволяет создавать слои стилей (как в любом графическом редакторе) и экспортировать их в CSS-файл.
www.css-shack.com/

10. PerfectPixel by WellDoneCode — это расширение позволяет разработчикам накладывать изображения полупрозрачным слоем поверх HTML и делать попиксельное сравнение.
www.welldonecode.com/perfectpixel/

11. Lightshot — удобный инструментом для создания быстрых скриншотов: просто выделяете участок экрана, который нужно заскринить, редактируете изображение и загружаете на сервер.
http://app.prntscr.com/ru/index.html

12.UX Check — запускает эвристическую оценку вашего сайта (юзабилити).
www.uxcheck.co/#

13. Code Cola — позволяет редактировать наглядно CSS-стили онлайн-страниц.
http://ww25.zhouqicf.com/

14. Corporate Ipsum — генерация рандомные корпоративные тексты для тестового наполнения сайта.
www.cipsum.com/

15. Pendule — набор инструментов веб-девелопера для Chrome.
https://chrome.google.com/webstore/detail/pendule/gbk..

16. Fontface Ninja — определяйте шрифты, используемые на странице, пробуйте и покупайте.
http://fontface.ninja/

17. Prospero For Gmail — инструмент позволяет в один клик добавить шаблон фриланс-предложения в ваше письмо на Gmail. Останется лишь заполнить пробелы.
www.goprospero.com/

Share this post:

Recent Posts

Leave a Comment