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 є гарне розширення, завжди є простір для чудового інструменту!