Jelajahi disiplin ilmu berikut untuk mempelajari area panduan.
Disiplin inti
Praktik terbaik untuk membangun pengalaman yang aman dan berkualitas tinggi di web.
accessibility
Menilai, memperbaiki, dan menerapkan pola aksesibilitas yang efektif di seluruh aplikasi Anda.
Lihat panduan accessibility di GitHub
performance
Optimalkan Core Web Vitals, kurangi waktu muat halaman, dan tingkatkan responsivitas terhadap input pengguna.
Lihat panduan performance di GitHub
privacy
Menerapkan privasi sejak desain, minimisasi data, audit pihak ketiga, dan penanganan data yang aman.
Lihat panduan privacy di GitHub
security
Terapkan panduan keamanan preventif untuk melindungi dari kerentanan web umum (XSS, CSP, Cookie, Isolasi Lintas Asal).
Lihat panduan security di GitHub
Teknologi web
Praktik terbaik untuk menggunakan bahasa, teknologi, dan lingkungan runtime web inti.
html
Terapkan arsitektur HTML modern, semantik, API interaktif bawaan (Dialog, Popover, Detail), pengelolaan fokus, dan prioritas resource.
css
Terapkan praktik terbaik arsitektur, tata letak, dan performa CSS modern.
css-layout
Buat tata letak responsif menggunakan fitur CSS modern seperti flexbox, petak, subpetak, kueri penampung, penentuan posisi anchor, dan penskalaan intrinsik.
Lihat panduan css-layout di GitHub
forms
Buat formulir web yang mudah diakses, aman, dan mudah digunakan.
passkeys
Menerapkan WebAuthn dan Kunci Sandi di aplikasi web dengan mengikuti prinsip modern yang komprehensif.
Lihat panduan passkeys di GitHub
webmcp
Menerapkan WebMCP untuk mengekspos fungsi browser sisi klien sebagai alat interaktif untuk agen AI.
Lihat panduan webmcp di GitHub
Kemampuan browser (keikutsertaan)
Praktik terbaik untuk menggunakan API dan platform browser khusus. Keterampilan ini terpisah dari modern-web-guidance dan harus diinstal satu per satu.
chrome-extensions
Bangun ekstensi Chrome yang aman dan sesuai berdasarkan Manifes V3 yang menghindari potensi masalah umum siklus proses service worker dan sandbox, serta menyederhanakan publikasi ke Chrome Web Store dengan bantuan dalam menyiapkan metadata, kebijakan privasi, dan justifikasi izin. Untuk mengaktifkan, pilih skill chrome-extensions saat menginstal Panduan Web Modern:
npx modern-web-guidance@latest install --choose
Lihat skill chrome-extensions di GitHub
Langkah berikutnya
Setelah memahami Panduan Web Modern, coba sendiri! Temukan fitur dan kasus penggunaan yang didukung dalam Panduan Web Modern, dan coba beberapa perintah contoh untuk memulai.