DevTools — Design Mode, Media Queries, эмуляция геолокации Sensors, Vision Deficiencies Mode

✏️ Смотрим редкие фишки DevTools: режим редактирования (Design Mode), панель медиазапросов (Media Queries Panel), эмуляция геопозиции (Sensors), сохранение в глобальную переменную (Store as global variable).

🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:09​ | Режим редактирования (Design Mode)
▶ 01:38​ | Панель медиазапросов (Media Queries Panel)
▶ 03:11​ | Эмуляция геопозиции (Sensors)
▶ 04:53​ | Сохранение в глобальную переменную (Store as global variable)
▶ 06:03​ | Эмуляция проблемного зрения (Emulate Vision Deficiencies)
▶ 07:59​ | Выводы

📚 Полезные ссылки:
➖ Design Mode: https://developer.mozilla.org/en-US/d...
➖ Media Queries Panel: https://developer.chrome.com/docs/dev...
➖ Sensors: https://developer.chrome.com/docs/dev...
➖ Emulate Vision Deficiencies: https://developer.chrome.com/docs/dev...

💬 Чат в телеграмме (помощь новичкам):
https://t.me/friendlyFrontendChat

🔸 Boosty (поддержать канал):
https://boosty.to/friendly-frontend

🗂️ Бесплатные курсы на канале:
🟠 HTML:    • HTML курс 2025  
🔵 CSS:    • CSS курс 2025  
🟡 JS:    • JavaScript курс 2025  
🟢 A11y:    • Accessibility курс 2025  
⚪️ Мастер-класс по верстке для новичков:    • Адаптивная верстка сайта с нуля для н...  
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Вёрстка сайта с 0 до результата | HTM...  
🗺 Frontend Roadmap 2024    • Frontend Roadmap 2024 | Что должен уч...  

📌 Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/friendlyFrontend
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Solvery: https://solvery.io/mentor/aleksanderl...

#frontend #фронтенд #devtools