Build with Modern Web Guidance
Modern Web Guidance is a new resource aimed at helping developers build accessible, performant, and secure web experiences. It provides expert-vetted skills and can be integrated with various AI coding agents. The initiative encourages contributions and feedback from users to enhance its content.
- ▪Modern Web Guidance offers a set of skills for building modern web experiences.
- ▪It can be installed using the modern-web-guidance CLI and works with various AI coding agents.
- ▪The project is open for contributions and feedback on GitHub.
Opening excerpt (first ~120 words) tap to expand
/* Styles inlined from /docs/modern-web-guidance/landing.css */ .hero-section { padding-top: 60px; } .hero-section, .video-section { padding-bottom: 60px; border-image-slice: 1; border-image-source: linear-gradient(90deg, red, red 25%, #fbbc04, #34a853, #1967d2 75%); border-bottom: 3px solid; } .hero-section h3 { font-size: 57px !important; } .hero-section .hero-section-content { position: relative; align-items: flex-start !important; } .hero-section-content .devsite-landing-row-item-media img { border-radius: 25px; } .hero-section figure, .codelab-section figure { margin-top: 0 !important; } .hero-section figure img, .codelab-section figure img { border-radius: 0; } .hero-section .github-button { text-decoration: underline; font-weight: 500; position: absolute; top: -40px; right: 0; } /*…
Excerpt limited to ~120 words for fair-use compliance. The full article is at Chrome for Developers.