Ознакомьтесь со следующими дисциплинами, чтобы изучить области консультирования.
Основные дисциплины
Рекомендации по созданию безопасных и высококачественных веб-интерфейсов.
accessibility
Оцените, исправьте и внедрите эффективные шаблоны обеспечения доступности во всем вашем приложении.
Ознакомиться с руководством accessibility можно на GitHub.
performance
Оптимизируйте основные параметры веб-сайта , сократите время загрузки страниц и улучшите реакцию на пользовательский ввод.
Ознакомиться с руководством performance можно на GitHub.
privacy
Внедрите принципы защиты конфиденциальности на этапе проектирования, минимизации данных, проведения аудита сторонними организациями и безопасной обработки данных.
Ознакомиться с руководством privacy можно на GitHub.
security
Внедрите превентивные меры безопасности для защиты от распространенных веб-уязвимостей (XSS, CSP, файлы cookie, междоменная изоляция).
Ознакомиться с руководством security можно на GitHub.
Веб-технологии
Рекомендации по использованию основных веб-языков, технологий и сред выполнения.
html
Внедрить современную HTML-архитектуру, семантику, нативные интерактивные API (диалоги, всплывающие окна, подробные сведения), управление фокусом и приоритезацию ресурсов.
Посмотреть руководство html можно на GitHub.
css
Применяйте современные методы архитектуры CSS, компоновки и повышения производительности.
Ознакомиться с руководством css можно на GitHub.
css-layout
Создавайте адаптивные макеты, используя современные возможности CSS, такие как flexbox, grid, subgrid, container queries, anchor positioning и intrinsic sizing.
Ознакомиться с руководством css-layout можно на GitHub.
forms
Создавайте доступные, безопасные и удобные для пользователей веб-формы.
Ознакомиться с руководством по созданию forms можно на GitHub.
passkeys
Внедрите WebAuthn и Passkeys в веб-приложениях, следуя современным сквозным принципам.
Ознакомиться с руководством passkeys можно на GitHub.
webmcp
Реализовать WebMCP для предоставления клиентской функциональности браузера в качестве интерактивных инструментов для агентов искусственного интеллекта.
Ознакомиться с руководством webmcp можно на GitHub.
Возможности браузера (с возможностью выбора)
Рекомендации по работе со специализированными API и платформами браузеров. Это отдельные навыки, не связанные с modern-web-guidance , и их необходимо устанавливать отдельно.
chrome-extensions
Создавайте безопасные и соответствующие требованиям расширения Chrome с использованием Manifest V3, избегая распространенных проблем жизненного цикла сервис-воркеров и песочницы, а также упростите публикацию в Chrome Web Store , получив помощь в подготовке метаданных, политик конфиденциальности и обоснований разрешений. Чтобы включить эту функцию, выберите навык chrome-extensions при установке Modern Web Guidance:
npx modern-web-guidance@latest install --choose
Посмотреть навык chrome-extensions на GitHub
Следующие шаги
Теперь, когда вы разобрались с Modern Web Guidance, попробуйте сами! Ознакомьтесь с функциями и сценариями использования , поддерживаемыми Modern Web Guidance, и попробуйте несколько примеров запросов , чтобы начать работу.