Главная > Браузеры > 19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику


3 сентября 2013, 16:40. Разместил: Design FactoRy
Сегодня мы хотим поделиться с вами еще одной интересной подборкой Chrome-приложений, в которой мы сосредоточим внимание на 19 самых важных приложениях для веб-дизайнеров и разработчиков. Google Chrome – это многофункциональный веб-браузер, и многие из нас предпочитают именно его ввиду его простоты. Ранее мы уже делились с вами расширениями для Chrome, необходимыми веб-разработчикам и дизайнерам, а сегодня хотим предложить еще 19 новых Chrome-приложений в том же ключе.

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

01. Awesome Screenshot: Capture & Anno

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

02. Window Resizer

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Масштабируйте размер окна браузера для эмуляции разных разрешений экрана.

03. CSS Grady

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Еще никогда ранее не было так просто генерировать CSS-градиенты. К тому же, у вас будет возможность получить код, адаптированный под разные браузеры.

04. ColorPicker 0.9

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

05. Pixlr Express

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Pixlr express представляет собой современный фото-редактор, со всеми эффектами, наложениями и рамками из популярного pixlr-o-matic, только с большим уровнем контроля. Здесь также присутствует множество настроек, стикеров и инструмент для создания текста.

06. Pixlr Editor

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

07. CSS-Shack

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

CSS-Shack позволяет вам создавать стили слоев (как в любом знакомом вам ПО для обработки изображений), и экспортировать их в отдельный CSS-файл, либо скопировать код в буфер обмена.

08. Balsamiq Mockups

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Balsamiq Mockups для Google Drive позволяет вам создавать, редактировать и делиться качественными набросками и прототипами при помощи Drive.

09. ShiftEdit

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

ShiftEdit представляет собой онлайн IDE для разработки PHP, Ruby, HTML, CSS и javascript при помощи (S)FTP, Dropbox или Google Drive.

10. Moqups

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Лучшее HTML5-приложение для создания четких набросков, прототипов и интерактивных макетов.

11. Palette for Chrome

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Теперь вы можете создавать цветовые схемы из любого изображения. Просто нажмите правой кнопкой мыши по изображению, и выберите опцию Palette for Chrome.

12. Web Developer

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

13. BuiltWith Technology Profiler

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

14. Sight

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

15. Stylebot

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Stylebot позволяет вам быстро изменять внешний вид любого веб-сайта (при помощи кастомного CSS).

16. Google Font Previewer для Chrome

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

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

17. CSSViewer

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

CSSViewer представляет собой простой просмотрщик CSS-свойств для Google Chrome, который изначально был разработан Nicolas Huon, и был представлен в виде аддона для FireFox.

18. Speed Tracer (от Google)

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Speed Tracer – это инструмент, который поможет вам определить и исправить проблемы с производительностью ваших веб-приложений. Он визуализирует метрики из браузера и анализирует их по мере работы вашего приложения.

19. Chrome Flags

19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику

Данное расширение представляет собой портированную версию FlagFox для Chrome. Оно отображает флаг страны, который указывает на расположение сайтов, которые вы посещаете.
Вернуться назад