15 Корисних розширень google chrome для дизайнерів і веб-розробників

Google Chrome - чудовий браузер, який постійно розвивається. З`являються нові розширення і плагіни, в тому числі і професійні. FreelanceToday пропонує вашій увазі 15 корисних розширень для Google Chrome. Ці розширення допоможуть підвищити продуктивність і істотно спростити виконання деяких завдань.

CHECK MY LINKS

1 

На багатьох сайтах нерідко з`являються биті посилання. Якщо сайт великий, то перевірити всі посилання вручну буде дуже непросто. За допомогою розширення Check My Links цей процес спрощується до межі. Один клік мишкою і Check My Links відразу ж покаже вам недійсні посилання, які будуть виділені червоним кольором.

DEVTOOLS AUTOSAVE

2 

Дане розширення автоматично зберігає всі зроблені зміни в CSS і JS сторінках у вихідному файлі. Справжня знахідка для веб-розробників. Інструмент легко налаштовується, він простий у використанні і дозволить істотно заощадити час.

CHROME SNIFFER

3 

Розширення Chrome Sniffer дозволяє розробнику перевірити і виявити наявність запущених на сайті веб-додатків. Коли інструмент працює, в адресному рядку з`являється значок, який показує запущені в системі програми і поточну версію CMS.

CODE COLA

4 

Це розширення не тільки дозволить побачити вихідний код веб-сторінки, з якої ви працюєте, а й дасть можливість змінювати її в редакторі CSS. Внесені зміни відображаються миттєво.

FLICKR TAB

5 



Розширення Flickr Tab навряд чи допоможе веб-дизайнеру в роботі. Інструмент змінює нову вкладку в браузері, поміщаючи на фон найбільш популярні фото з Flickr. Хоча певна користь, можливо, є - за допомогою даного розширення можна зібрати велику колекцію зображень, які розповсюджуються за ліцензією Creative Commons і потім використовувати їх в своїх проектах.

IE TAB

6 

Розширення IE tab дозволяє переглядати в браузері Chrome веб-сторінки, які коректно відображаються виключно в Internet Explorer. На таких сторінках можуть бути присутніми елементи ActiveX або дані в стандарті HTML від Microsoft. Тепер не потрібно постійно перемикатися між браузерами - скачайте розширення IE tab і працюйте тільки в Google Chrome!

IMACROS FOR CHROME

7 

Веб-розробникам деколи потрібно перевірити створені ними веб сторінки. При цьому доводиться раз по раз повторювати одні й ті ж дії, що досить утомливо і забирає час. За допомогою розширення iMacros for Chrome можна записати всі свої дії і потім перевіряти сторінки, використовуючи потрібний макрос. Дуже корисний інструмент, який дозволить вам забути про цю проблему і повністю зосередитися на роботі.

INSTANT WIREFRAME

8 

Instant Wireframe - дуже корисне розширення, яке дозволяє мгновеноо переглядати каркас будь-який веб-сторінки.


RAGE RULER

9 

Розширення Rage Ruler дозволяє додати лінійку на будь-яку веб-сторінку.

PICMONKEY

10 

Розширення PicMonkey дозволяє працювати з зображеннями і редагувати їх безпосередньо в браузері. Розширення володіє широким функціоналом - його можливостей цілком достатньо для виконання більшості завдань. PicMonkey - це хмарний онлайн-редактор з зрозумілим і зручним інтерфейсом, який допоможе значно прискорити роботу над проектами.



PERFECTPIXEL

11 

Дане розширення дозволяє веб-розробникам і верстальщикам створювати розмітку сайту, яка повністю відповідає затвердженому дизайну. Щоб почати роботу, потрібно відкрити розробляється веб-сторінку, запустити розширення PerfectPixel і додати новий шар, який повинен містити ілюстрацію-завдання. Робота ведеться в режимі реального часу - можна накладати картинку на результат, порівнювати і швидко виправляти недоліки.

RIPPLE EMULATOR

12 

Дане розширення є мультиплатформенним емулятором мобільного середовища. За допомогою Ripple Emulator веб-розробник може перевірити, як працює додаток на різних мобільних пристроях. Також можна протестувати роботу програми на дисплеях з різним розширенням.

STREAK

13 

Розширення Streak - це основний інструмент CRM і підтримки електронної пошти. Streak дозволяє об`єднати всі постові ящики і потім відстежувати обмін листами в одному тикеті. Також за допомогою розширення можна працювати з контрагентами, призначати і вирішувати різні завдання як особисто, так і надавши доступ до пошти іншим людям.

USER AGENT SWITCHER

14 

Це розширення дозволяє визначати веб-додаток і бібліотеки javascript, які працюють на сайті. User Agent Switcher - дуже корисний інструмент, за допомогою якого можна швидко перевірити, як сайт відображається на різних видах пристроїв.

WEB DEVELOPER CHECKLIST

15 

За допомогою інструменту Web developer Checklist можна перевірити, чи відповідає веб-сторінка вимогам пошукової оптимізації, яка швидкість завантаження сторінки і наскільки вдало вирішені проблеми з юзабіліті. Розширення повідомляє розробника про різні помилки, таких як, наприклад, відсутність тега H1, відсутність мета-опису або мета-заголовка і так далі.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 96