ТОП 14 Chrome расширений для веб-разработчика
Вставка
- Опубліковано 1 чер 2024
- #YauhenK #webDev #frontend #chrome
Всем привет.
Тему различных расширений для Google Chrome я обходил стороной довольно долго.
Полагая что стандартных встроенных инструментов разработчика, вполне достаточно для разработки сайтов и веб-приложений.
Но последний год доказал обратное.
В результате я могу со стопроцентной уверенностью сказать что правильно подобранный набор расширений существенно упрощает и ускоряет разработку.
Поэтому в данном видео я бы хотел поделиться с вами подборкой полезных расширений для веб-разработчика.
✒ Timeline:
✔ 0:00 - Введение
✔ 0:46 - JSON Viewer: chrome.google.com/webstore/de...
✔ 1:52 - Fonts Ninja: chrome.google.com/webstore/de...
✔ 2:49 - ColorZilla: chrome.google.com/webstore/de...
✔ 3:45 - Check My Links: chrome.google.com/webstore/de...
✔ 4:35 - Web Developer Checklist: chrome.google.com/webstore/de...
✔ 5:30 - Wappalyzer: chrome.google.com/webstore/de...
✔ 6:17 - Fake Filler: chrome.google.com/webstore/de...
✔ 7:00 - WAVE: chrome.google.com/webstore/de...
✔ 7:54 - Talend API Tester: chrome.google.com/webstore/de...
✔ 8:50 - Clear Cache: chrome.google.com/webstore/de...
✔ 9:37 - Web Developer: chrome.google.com/webstore/de...
✔ 10:28 - PerfectPixel: chrome.google.com/webstore/de...
✔ 11:26 - Octotree: chrome.google.com/webstore/de...
✔ 12:26 - Githunt: chrome.google.com/webstore/de...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ UA-cam: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Когда самостоятельно при обучении наткнулся на расширения pixel perfect и color picker, то сразу смекнул, что определенно есть много другой полезной годноты, о которой я понятия не имею. И тут такой приятный видосик выходит, спасибо)
Пожалуйста
вместо ColorZilla стоит использовать программу PowerToys от Microsoft, чтобы получить цвет из любого приложения с зумом для более точного прицела
О, хороший аналог
Вместо octotree можно использовать клавишу >(она находится где то справа внизу). Тогда в гитхабе проект откроется в виде vs code., со всей структурой. Очень удобно.
Спасибо за подсказку
Скачал Джейсон Viewer, теперь мне выскакивают пацанские цитаты
😁👍
Евгений, спасибо за видео с расширениями) Годно! Уже установил некоторые)
Пожалуйста
Спасибо за предоставленную информацию!
Пожалуйста
Спасибо! Очень полезные расширения. 👍
Пожалуйста
6-08 одно из самых удачных !
👍
всегда с удовольствием ставлю лайк) спасибо
Спасибо за поддержку
Спасибо за ролик, очень полезно. Топовый канал по веб-разработке на ютубе, красавчик!
Спасибо за отзыв
Octotree можно считать устаревшим, так как в Feature Preview гитхаба уже появилась подобная фича, называется New Code Search and Code View.
Githunt тоже не очень актуален, по сути это копия с Advanced Search в гитхабе. Там тоже можно выбрать технологию, тип сортировки и множество других параметров.
Спасибо за инфу
огромное спасибо за расширения, узнал много нового и полезного)))
Пожалуйста
Благодарю за полезный видос!
пожалуйста
Евгений, спасибо! Вы бы могли поднять тему об API документации, использование при запросах, ее структуру, как правильно ее читать? Работа с Insomnia...
Возможно в будущих выпусках
Евгений, спасибо огромное. Вроде и знал про часть инструментов, но оказалось, что их гораздо больше
Wappalyzer - почему то не захотел из десятка сайтов ни на одном определить стек технологий
Пожалуйста)
Спасибо огромное!
Пожалуйста
Спасибо!
Пожалуйста
Благодарен) 👍
пожалуйста
Мое почтение!
👍
Могу добавить ещё Measure Everything или Measuremate
Показывают расстояние между элементами
👍
к wave я бы добавил еше axeDevtools, отлавливает то что wave пропустил потому использую их в связке
Отлично, спасибо за подсказку
Подскажите, пожалуйста, браузер safary пишет: сервер не найден. Что надо сделать, чтобы он заработал???????
Это расширения для Google Chrome
Как называется расширение, которое обновляет страницу?
F5
Пиксель перфект бесполезный подход
Почему?
@@elkazmakaz5870 макеты редко бывают идеальными, и гораздо важнее сохранять систему стилей в консистентном виде чем следовать «идеальной» картинке
Я бы сказал - не актуальный в рамках responsive design)
@@elkazmakaz5870 потому что дизайнер человек и может косячить
@@YauhenKavalchuk согласен. сколько смотрел видео различных по верстке, везде где есть responsive, все отказываются от этого подхода, просто жестко ломает структуру сайта
лайкоподпись
👍
годнота
Благодарю