Зміст
- 01. Спростіть Gmail
- 02. Спектр
- 03. CSS Scan 2.0
- 04. Аміно
- 05. Сізі
- 06. Палітра сайтів
- 07. Чекбот
- 08. Тобі
- 09. DomFlags
- 10. Highly Highlighter
Інструменти для розробників Chrome чудові, але можна додати ще більше захоплюючих функцій до свого Інтернет-браузера, щоб полегшити веб-дизайн і розробку.
Звичайно, є маса інших інструментів, щоб пришвидшити процес, див. Наш улюблений допис про інструменти веб-дизайну. На даний момент ось 30 найулюбленіших розширень Chrome для веб-дизайнерів та розробників.
01. Спростіть Gmail
Якщо ви вважаєте, що Gmail стає занадто брудним для свого власного блага, привітайтеся зі спрощеним Gmail, який змітає сміття та погані рішення щодо інтерфейсу, які потрапили до нього за останні кілька років. Створений колишнім провідним дизайнером Gmail Майклом Леггеттом, він позбавляється від усього, що відволікає метушню, і надає вам більш позбавлену та функціональну версію.
02. Спектр
Якась дальтонізм зачіпає близько 200 мільйонів людей у всьому світі, але харчування для них часто не входить до списку доступності дизайнерів. Однак за допомогою Spectrum ви можете швидко перевірити свій сайт на наявність різних типів дефіциту кольорового зору та переконатися, що все зрозуміло.
03. CSS Scan 2.0
Chrome Dev Tools - це зручний спосіб перевірити під капотом, як працює сайт, але CSS Scan 2.0 ще простіший, якщо це CSS, який ви хочете переглянути. Наведіть курсор на будь-який елемент, і його CSS з’явиться у спливаючому вікні, що дозволить скопіювати його правила одним клацанням миші. Ви можете використовувати його для копіювання певних елементів з тем або шаблонів, щоб адаптувати для власного використання, і це чудово підходить для налагодження власного коду.
04. Аміно
Ось ще один чудовий інструмент CSS. Amino - це живий редактор CSS, який дозволяє створювати таблиці стилів у браузері та застосовувати їх у реальному часі до веб-сайтів. Це фактично дозволяє вносити постійні зміни в дизайн будь-якого веб-сайту, який ви відвідуєте, і якщо ви ввійшли в Chrome за допомогою свого облікового запису Google, таблиці стилів будуть синхронізовані, щоб вони були доступні з Chrome на всіх ваших настільних пристроях.
05. Сізі
Сприйнятливий веб-дизайн сьогодні заданий, і ви хочете мати простий спосіб перевірити свої дизайни в кількох вікнах перегляду, на що варто подивитися Sizzy. Він покаже вам інтерактивний вигляд вашої сторінки, що відображається на різних екранах пристрою, а також ви можете показати та приховати імітаційну клавіатуру пристрою та перемикатися між портретним та альбомним режимами.
06. Палітра сайтів
Наступного разу, коли ви побачите сайт, який чудово використовує кольори, ось простий спосіб скористатися ним. Палітра сайтів витягує основні кольори з веб-сайту та створює спільну палітру, яку ви можете легко показати співавторам. Ви також можете завантажити шаблон "Ескіз", і також є підтримка Adobe Swatch.
07. Чекбот
Переконавшись, що всі посилання на вашому сайті насправді працюють, це миттєвий виграш у зручності користування, і це також хороший спосіб покращити ваш SEO. Checkbot - це розширення Chrome, яке перевіряє непрацюючі посилання, повторювані заголовки, ланцюжки перенаправлення, недійсні HTML / JS / CSS та багато іншого, тому ви можете швидко перевірити свій сайт на наявність помилкових посилань та виправити їх.
08. Тобі
Це правда, загальновизнана, що коли ви відкриєте Chrome протягом декількох годин, це буде заплутане гніздо вкладок шириною вашого мізинця. Тобі - чудовий спосіб їх приручити; за допомогою нього ви можете впорядковувати всі ці вкладки у колекції посилань як альтернативу навантаженню окремих закладок, полегшуючи управління ними.
09. DomFlags
Радикально прискорити процеси стилізації елементів за допомогою DomFlags - справді чудового розширення, яке дозволяє створювати комбінації клавіш для елементів DOM. Це все одно, що мати закладки для навігації DOM; це змінить спосіб роботи з DevTools.
10. Highly Highlighter
Ось цікавий спосіб залучити людей до обговорення: надзвичайно дозволяє ділитися основними моментами зі статей в Інтернеті, щоб ви могли привернути увагу до найбільш значущих частин письма.
Далі: ще 10 розширень Chrome
