Bersama-sama membuat web yang lebih baik
Kami ingin membantu Anda membuat situs yang menarik, mudah diakses, cepat, dan aman yang berfungsi di berbagai browser, dan untuk semua pengguna Anda. Situs ini adalah tempat kami menyediakan konten untuk membantu Anda dalam perjalanan tersebut, yang ditulis oleh anggota tim Chrome, dan pakar eksternal yang berspesialisasi dalam topik pengembangan web seperti aksesibilitas, performa, desain, dan lainnya.
AI dan web
Temukan referensi yang dibuat untuk membantu Anda memahami dan membuat pengalaman web-first yang berperforma tinggi dengan AI.
Mengoptimalkan INP
Interaction to Next Paint (INP) kini menjadi metrik Core Web Vitals. Mulai ukur dan optimalkan INP situs Anda.
Pembayaran & Identitas
Baca fitur terbaru dan praktik terbaik terkait identitas dan pemrosesan pembayaran.
Mempelajari platform web
Platform web adalah ekosistem fitur dan API browser yang terus berkembang bagi developer untuk membuat situs yang mudah dan menyenangkan untuk digunakan. Halaman ini adalah jalur bagi Anda untuk mempelajari setiap bagian platform web di web.dev—sesuai kecepatan Anda.
HTML
HTML adalah lapisan dokumen web yang menyediakan struktur dan semantik untuk halaman.
CSS
CSS adalah lapisan presentasi web, dan memungkinkan Anda membuat halaman web Anda terlihat persis seperti yang Anda bayangkan.
JavaScript
JavaScript menambahkan interaktivitas yang kaya ke halaman web, sehingga Anda dapat membangun situs yang membantu pengguna melakukan tugas dan mencapai sasaran.
Mempelajari platform web
Baru menggunakan platform web? Kami siap membantu. Pelajari setiap lapisan, dengan kursus yang dikurasi khusus untuk pemula HTML, CSS, dan JavaScript.
Kursus
Mempelajari HTML
Ikhtisar HTML yang solid untuk pengembang, mulai dari HTML tingkat pemula hingga ahli.
Kursus
Mempelajari CSS
Panduan CSS dengan modul yang mencakup segala hal mulai dari aksesibilitas hingga indeks z.
Ikuti berita pengembangan web
Baca blog kami untuk mempelajari berita terbaru dalam pengembangan web, termasuk fitur platform web baru, update pada Baseline, AI, Core Web Vitals, dan lainnya.
Dasar pengukuran
Dapatkan info terbaru dan berita terkini tentang Baseline.
Ringkasan bulanan Dasar pengukuran Maret 2026
Baca berbagai peristiwa yang terjadi dengan Baseline selama Maret 2026.
Ringkasan bulanan Baseline Februari 2026
Baca berbagai peristiwa yang terjadi dengan Baseline selama Februari 2026.
Ringkasan bulanan Dasar pengukuran Januari 2026
Baca berbagai peristiwa yang terjadi dengan Baseline selama Januari 2026.
Ringkasan bulanan Dasar pengukuran Desember 2025
Baca berbagai peristiwa yang terjadi dengan Baseline selama Desember 2025.
Desain UI dan CSS
Pelajari kiat dan teknik terbaru untuk digunakan dalam pekerjaan Anda, sekarang juga.
Menyesuaikan tipografi dengan preferensi pengguna menggunakan CSS
Sesuaikan {i>font
Ruang warna dan fungsi CSS baru di semua mesin utama
Semua mesin utama kini mendukung ruang dan fungsi warna CSS yang baru. Cari tahu bagaimana mereka bisa membuat desain Anda lebih hidup.
Apa itu peta sumber?
Meningkatkan pengalaman proses debug web dengan peta sumber.
Subgrid CSS
Subgrid sekarang dapat dioperasikan di ketiga mesin utama. Cari tahu cara menggunakannya.
Core Web Vitals
Buat situs dan aplikasi yang lebih cepat dengan memahami Data Web Inti dan metrik lainnya.
Cara paling efektif untuk meningkatkan Core Web Vitals
Kumpulan praktik terbaik untuk mengoptimalkan performa Core Web Vitals situs berdasarkan kondisi web.
Cara mengoptimalkan INP
Pelajari cara mengoptimalkan metrik Interaction to Next Paint.
Kesalahpahaman umum tentang cara mengoptimalkan LCP
Pelajari kesalahpahaman umum tentang pengoptimalan Largest Contentful Paint dengan melihat di luar pengoptimalan gambar dan mempertimbangkan faktor-faktor seperti Time to First Byte dan penundaan pemuatan resource.
Praktik terbaik untuk mengukur Data Web di lapangan
Panduan untuk mengumpulkan dan melaporkan Web Vitals dengan cepat dan andal.
Progressive Web App
Ciptakan pengalaman web yang andal.
Mempelajari PWA
Sebuah kursus yang menguraikan setiap aspek pengembangan progressive web app modern.
TransformStream kini didukung lintas browser.
Setelah streaming transformasi didukung di Safari, Firefox, dan Chrome, semuanya siap digunakan.
Pola baru untuk aplikasi keren
Jelajahi koleksi pola baru yang fantastis untuk aplikasi yang luar biasa, termasuk pola papan klip, pola file, dan pola aplikasi tingkat lanjut.
Katalog Project Fugu API
Di situs Chrome Developers, pelajari API kemampuan.
Dapat diakses oleh semua
Pelajari cara membuat situs Anda lebih mudah diakses oleh difabel, baik permanen, sementara, maupun situasional.
Pelajari Aksesibilitas
Kursus baru kami adalah titik masuk yang bagus dan referensi untuk topik aksesibilitas.
Menguji kontras warna desain web
Ikhtisar tentang tiga alat dan teknik untuk menguji dan memverifikasi kontras warna desain Anda yang mudah diakses.
Membangun navigasi utama untuk {i>website
Tutorial ini menjelaskan cara membuat navigasi utama yang dapat diakses dari sebuah {i>website
Sorotan komunitas: Melanie Sumner
Baca wawancara kami dengan Melanie, seorang software engineer yang berspesialisasi dalam aksesibilitas digital.
Pembayaran dan identitas
Temukan teknik dan praktik terbaik terbaru untuk pembayaran serta membantu pengguna login dengan aman ke situs dan aplikasi Anda.
Buat kunci sandi untuk login tanpa sandi
Kunci sandi membuat akun pengguna lebih aman, sederhana, dan lebih mudah digunakan.
Login dengan kunci sandi
Membuat pengalaman login yang menggunakan kunci sandi sekaligus tetap mengakomodasi pengguna sandi yang sudah ada.
Ringkasan pembayaran web
Pelajari lebih lanjut Pembayaran Web dan cara kerjanya.
Praktik terbaik formulir pembayaran dan alamat
Maksimalkan konversi dengan membantu pengguna melengkapi alamat dan formulir pembayaran secepat dan semudah mungkin.
Newsletter Developer
Dapatkan berita, teknik, dan info terbaru langsung ke kotak masuk Anda.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],[],[],[]]