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

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

 

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

 

01. Awesome Screenshot: Capture & Anno

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

 

02. Window Resizer

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

 

03. CSS Grady

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

 

04. ColorPicker 0.9

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

 

05. Pixlr Express

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

 

06. Pixlr Editor

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

 

07. CSS-Shack

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

 

08. Balsamiq Mockups

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

 

09. ShiftEdit

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

 

10. Moqups

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

 

11. Palette for Chrome

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

 

12. Web Developer

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

 

13. BuiltWith Technology Profiler

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

 

14. Sight

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

 

15. Stylebot

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

 

16. Google Font Previewer для Chrome

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

 

17. CSSViewer

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

 

18. Speed Tracer (от Google)

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

 

19. Chrome Flags

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