Головна » Інструментарій » 40 Корисні розширення Google Chrome для веб-дизайнерів

    40 Корисні розширення Google Chrome для веб-дизайнерів

    Я люблю Google Chrome. Його простота, швидкість і продуктивність - це найвищий рівень, безсумнівно. Але іноді, занадто проста проблема також є проблемою, особливо для нас веб-дизайнерів, які в значній мірі покладаються на аддони Firefox, як веб-розробник. Я пішов далеко з Chrome, так, тільки тому, що це не мало addon назад у 2008.

    Але тепер все змінюється знову. Це не дивно, що інші вундеркіндці мають таку ж любов до Chrome, і вони вирішили створити Chrome Extension, який має подібну функцію з Firefox Addon. Я викопав ці розширення і був дуже задоволений ними, тому вирішив підібрати 40 розширень, що надзвичайно корисно для веб-дизайнерів і діліться з вами, хлопці.

    Так що тут вони для вас, передачі вашого Chrome і підвищити продуктивність вгору.

    Колір

    ColorPicker

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

    Палітра Chrome

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

    Колірний Tweaker

    Color Tweaker може змінювати колір веб-сайту як Color Picker, але з більш конкретним методом. Просто введіть CSS-селектор на цьому розширенні, а потім налаштуйте колір тексту, фону та кольору кордону за вашою волею.

    Друкарня

    Редактор шрифтів

    Більше не вгадувати та втомлюватись перемикання програм, редактор шрифтів дозволяє змінювати та спостерігати за налаштуваннями шрифту, як розмір, висота рядка та варіант.

    Google Previewer шрифту

    Як зазначено в його назві, це розширення дозволяє вам переглядати шрифт з каталогу Google Font з параметрами тексту, які є розміром, стилем, вагою і тінями. Якщо ви задоволені певним шрифтом, можна скопіювати та вставити посилання та код CSS, наданий у розширенні, коду вашого веб-сайту, щоб використовувати шрифт.

    Розвиток

    Веб-розробник

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

    Розклад

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

    Firebug Lite

    На відміну від Firefox, Firebug Lite пропонує візуальне представлення Firefox, коли мова йде про елементи HTML, елементи DOM і обмін моделлю Box. Він також поставляється з можливістю перевірки елементів HTML за допомогою миші, і ви можете редагувати властивості CSS за допомогою цього розширення.

    Stylebot

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

    CSSViewer

    Втомилися від натискання кнопки "Inspect Element" кожного разу, коли ви хочете знати, який стиль CSS застосовується до певного елемента? CSS Viewer допоможе вам відобразити важливу інформацію, таку як шрифт, колір і позиціонування елемента.

    Перезавантаження стилів

    Перезавантажує таблицю стилів CSS, не оновлюючи весь сайт, що значно заощаджує час очікування, особливо для дизайнера з повільним підключенням до Інтернету.

    Вбудований технологій Profiler

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

    IE Tab Multi

    Доведено, що найбільш схожий на оригінальний Internet Explorer, IE Tab Multi - це ваш Internet Explorer в Chrome, який підтримує функціональні можливості IE за умовчанням, такі як багаторазові вкладки.

    Вікно Resizer

    За допомогою Window Resizer можна перевірити сумісність екрану з роздільною здатністю вашого веб-сайту зі стандартними або визначеними користувачами роздільними здатностями екрану.

    HTML Validator

    Один з кращих розширень валідатора, який може перевіряти HTML-код веб-сторінки в Інтернеті або локального хоста в автоматичному або ручному режимі. Ви також можете показати результат перевірки на веб-сторінці або переглянути її на абсолютно новій вкладці.

    Погляд

    З різними параметрами теми та шрифтів, Sight підкреслює вихідний код сайту в більш візуально зручну форму.

    Консоль PHP

    Прослуховуються PHP erros, але не знають, що і де це? Консоль PHP допомагає відображати помилки, виключення та налагоджувальні повідомлення в формі сповіщень.

    Пошук API JavaScript

    Пошук API API додає підтримку в універсальне вікно пошуку Chrome або так званий адресний рядок для пошуку функцій JavaScript в Інтернеті за допомогою функції автозаповнення. Якщо розширення не може знайти функцію, яку ви шукаєте, вона також запропонує вам пов’язані пошуки зі служб Google Codesearch, розробки та пошуку кодування та пошуку мережі Mozilla Developer.

    jQuery API Search

    Хоча jQuery зарекомендувала себе як провідна бібліотека Javascript, яка покращує роботу користувачів, jQuery API Search надає вам змогу здійснювати пошук через API JQuery з Chrome Omnibox. Просто введіть "jq", за яким слід пробіл у універсальному вікні пошуку, після чого ви перебуваєте в дорозі.

    Пошук PHP

    Подібно до пошуку JQuery API, це розширення додає підтримку в універсальне вікно пошуку Chrome для пошуку PHP-коду для використання в якості посилання.

    Продуктивність

    Бути зосередженим

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

    PopChrom

    За допомогою PopChrom можна визначити власні ярлики для текстових фраз, наприклад "ty" для "thank you". Ключ активації необхідний для перетворення абревіатури у визначені текстові фрази, тому виберіть комбінацію клавіш, яка не згортається з іншою клавішею швидкого доступу.

    Quickrr Комплект продуктивності

    Quickrr Productivity Kit надає вам набір основних, але корисних інструментів, таких як перекладач, калькулятор, завдання завдання, конвертер одиниць тощо..

    Тодоїст

    За допомогою легко налаштованого облікового запису можна отримати доступ до цього менеджера завдань, щоб записати та редагувати кожне завдання, яке потрібно виконати. Найкраща частина цього розширення полягає в тому, що ваші завдання зберігаються в Інтернеті, тому ви можете отримати доступ до запису завдань на кожному Chrome із встановленим розширенням.

    Ananke Timer

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

    Панель інструментів Chrome

    Створений Google, Toolbox Chrome надає вам спеціальні функції, такі як модифікація поведінки вкладки, відновлення даних форми та створення ярликів, запускаючи попередньо визначені посилання з папки закладок.

    Розширена сторінка Chrome

    Ніхто не любить натискати більше, щоб отримати доступ до певної сторінки. Сторінка Chrome розширена - це найшвидший ярлик для доступу до всіх необхідних сторінок Chrome, таких як розширення.

    AppJump

    За допомогою AppJump можна організувати та швидко запустити програму Chrome з панелі інструментів веб-переглядача.

    Закладка бар Switcher

    Занадто багато закладок і не вдалося їх ефективно організувати? Boorkmark Bar Switcher дозволяє створювати нові панелі закладок і легко перемикатися між ними.

    TabCloud

    Збережіть вікна та відновіть їх пізніше на будь-якому комп'ютері за допомогою TabCloud, що заощадить вам багато часу від повторного відкриття іншого сайту з іншої частини папки закладок.

    Ресурсне забезпечення

    Схожі сторінки

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

    Універсальний пошук

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

    Високий Скріншот

    Повністю дивовижне розширення скріншоту, що фіксує будь-яку частину веб-сайту та коментує його прямокутниками, колами, стрілками, лініями та текстом. Потім можна експортувати знімок у форматі файлу PNG на комп'ютер або веб-сторінку.

    Кліп до Evernote

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

    Diigo

    Використовуйте Diigo, щоб висвітлювати, коментувати або публікувати приватні або публічні записи на веб-сторінці, щоб ви могли переглянути її в будь-який час, коли ви доберетесь до веб-сторінки.

    Мислення

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

    myNotes

    Процес створення заміток має бути простим, і це можливо за допомогою myNotes, за допомогою якого можна вибрати закладку вибраного тексту одним кліком у контекстному меню.

    Пошук енергії для фотографій Microstock

    Напевно, єдиним розширенням пошуку для вас є пошук високоякісної фотографії зі знаменитих агентств, таких як Fotolia, Dreamstime та Shutterstock.

    Відображення

    Оскільки розширення та додатки Chrome продовжують рости та розвиватися дико, можливо, що все більше любителя Firefox буде використовувати Google Chrome як веб-переглядач за промовчанням. Якщо це буде сказано, ви перетворите своє обличчя на Google Chrome з його поточною кількістю розширень і програм? Яке розширення, додаток або функція спонукають вас перейти до Google Chrome?

    Також поділіться з нами, якщо у вашому Chrome є гарне розширення, завжди є простір для чудового інструменту!