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.
Dasar pengukuran
Dasar Pengukuran Platform Web memberikan informasi yang jelas tentang dukungan browser untuk fitur platform web, sehingga memberikan informasi yang jelas tentang fitur platform web yang siap digunakan dalam project Anda saat ini. Saat membaca artikel di web.dev, jika fitur yang digunakan semuanya merupakan bagian dari Dasar Pengukuran, Anda dapat memercayai tingkat kompatibilitas browser.
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 browser dan API yang terus berkembang yang dapat digunakan 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 terlihat seperti yang Anda inginkan.
JavaScript
JavaScript memberikan interaktivitas yang kaya ke halaman web, sehingga developer dapat membuat situs yang sangat interaktif yang membantu pengguna melakukan tugas dan mencapai sasaran.
Mempelajari platform web
Baru menggunakan platform web? Kami siap membantu Anda. Pelajari setiap bagian platform web dengan kursus ini yang diseleksi khusus untuk pemula HTML, CSS, dan JavaScript.
Kursus
Pelajari HTML
Ikhtisar HTML yang solid untuk pengembang, mulai dari HTML tingkat pemula hingga ahli.
Kursus
Pelajari CSS
Panduan CSS dengan modul yang mencakup segala hal mulai dari aksesibilitas hingga indeks z.
Ikuti berita pengembangan web
Blog kami berisi berita terbaru tentang pengembangan web, termasuk fitur platform web baru, update pada Dasar Pengukuran, AI, Data Web Inti, dan lainnya. Ikuti perkembangan blog terbaru dengan membaca blog kami.
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.
Interaction to Next Paint menjadi Core Web Vital pada 12 Maret
Interaction to Next Paint akan resmi menjadi Core Web Vital dan akan menggantikan Penundaan Input Pertama pada 12 Maret.
Cara mengoptimalkan INP
Pelajari cara mengoptimalkan metrik Interaction to Next Paint.
Rekomendasi Core Web Vitals terbaik kami
Kumpulan praktik terbaik untuk mengoptimalkan performa Data Web Inti situs berdasarkan status web
Kesalahpahaman umum tentang cara mengoptimalkan LCP
Pelajari kesalahpahaman umum tentang pengoptimalan Largest Contentful Paint (LCP) dengan melihat lebih dari sekadar pengoptimalan gambar dan mempertimbangkan faktor-faktor seperti Time to First Byte (TTFB) dan penundaan pemuatan resource.
Progressive Web App
Ciptakan pengalaman web yang andal.
Pelajari 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.
[null,null,[],[],[]]