—»     —»   19 расширений для Chrome, которые следует иметь каждому дизайнеру и разработчику
  Раздел: Браузеры   Комментариев: 4  

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



Сегодня мы хотим поделиться с вами еще одной интересной подборкой 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. Оно отображает флаг страны, который указывает на расположение сайтов, которые вы посещаете.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Google Chrome
Опубликовал Design FactoRy   Прочитано (раз): 12529   |   Оставлено комментариев: 4
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 3 сентября 2013 @ 17:04
Написал: BLAME — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Отлично, спс!

Парочка от меня:
https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhc
bnbpn

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

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnm
homnp?hl=ru

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
ColorZilla, one of the most popular Firefox developer extensions with over 5 million downloads is finally available for Chrome!
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. And it can do so much more...
Комментарий #2: 3 сентября 2013 @ 18:04
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3300   |   Комментариев: 500
ICQ: --- не указано ---
BLAME, зачет! Спасибо!
Комментарий #3: 26 ноября 2013 @ 20:14
Написал: Марк — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Либо я проморгал, либо тут реально не рассмотрели расширения для закладок, т.е. для удобства сихнронизации закладок с различ. устройств. А это очень серьезный промах, т.к. этот момент очень важен для многих. Рекомендую рассмотреть их и вписать 20-м расширением. От себя могу пока порекомендовать расширение закладок Top-page, как наиболее удобное расширение закладок, которой я когда-либо пользовался - https://chrome.google.com/webstore/detail/%D0%B7%D

0%B0%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B8-top-page/

pgabmkcldlelbhcookaealohoeknnapn?hl=ru
Комментарий #4: 15 января 2014 @ 18:25
Написал: Артем — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Сейчас активно рассматриваю варианты расширений для своего Хрома, облагораживаю его. Статья очень интересная, хотя реально знаю только парочку из вышепредставленных :) А что за Top-page?
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2017    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031