Ringkasan semua pengumuman penting dari Chrome Dev Summit 2021, beserta link yang Anda perlukan untuk mengetahui lebih lanjut.
Postingan ini merangkum semua pengumuman penting dari Chrome Dev Summit 2021, beserta link yang Anda perlukan untuk mengetahui informasi selengkapnya.
Membuat web lebih dapat beroperasi
Kompatibilitas web adalah salah satu tantangan terbesar bagi developer web,
sehingga Google telah bekerja sama dengan vendor browser lain untuk memperbaiki lima masalah utama kompatibilitas:
flexbox,
grid,
position: sticky,
aspect-ratio,
dan transformasi.
Upaya ini telah menghasilkan peningkatan di area utama tersebut. Anda dapat membacanya di Update pertengahan tahun Compat 2021.
Mengizinkan class aplikasi baru berjalan di web
Project Fugu adalah upaya yang bertujuan untuk memungkinkan kelas aplikasi baru di web. Anda dapat terus mengetahui progres API Fugu di fugu-tracker.web.app.
Baru-baru ini Adobe mengumumkan bahwa mereka akan menghadirkan Photoshop ke web, sebuah pencapaian yang dimungkinkan oleh kolaborasi antara Adobe, Google, dan organisasi standar web. Cari tahu selengkapnya di postingan Perjalanan Photoshop ke web.
Memastikan privasi
Banyak fungsi web umum mengandalkan cookie pihak ketiga dan mekanisme pelacakan lintas situs lainnya yang tidak didesain dengan mempertimbangkan privasi, sehingga menyulitkan developer untuk memenuhi kebutuhan privasi yang terus meningkat.
Kami bekerja sama dengan komunitas web dan pemangku kepentingan industri untuk mengembangkan teknologi baru yang menjaga privasi guna mendukung ekosistem, dengan tujuan untuk menghentikan penggunaan cookie pihak ketiga dan mengurangi pelacakan terselubung serta pembuatan sidik jari browser.
Cari tahu tentang pekerjaan ini di situs Privacy Sandbox. Kami juga memiliki informasi dan panduan terkait proposal untuk developer, info terbaru bulanan atau perubahan dan progres, serta informasi tentang linimasa dan detail pengujian untuk perubahan pada string agen pengguna.
Meningkatkan Core Web Vitals
Kami telah bekerja sama dengan developer framework JavaScript populer untuk meningkatkan Data Web Inti, dan sebagai bagian dari upaya tersebut, kami telah mengidentifikasi dua metrik baru yang ingin kami ketahui masukan Anda. Baca tentang responsivitas keseluruhan dan kelancaran, lalu beri tahu kami pendapat Anda.
Selain itu, diumumkan juga versi terbaru PageSpeed Insights, Panel Perekam baru untuk Chrome DevTools, yang saat ini tersedia di Canary, dan API alur pengguna baru untuk Lighthouse.
Mengaktifkan fitur platform web baru
RenderingNG adalah refaktorisasi ambisius pada mesin rendering Chromium, sebuah proyek yang memperbaiki bug lama di Chrome, dan juga membuka fitur baru. Hal ini mencakup satu fitur yang telah menjadi permintaan teratas dari developer web selama bertahun-tahun—kueri penampung.
Kueri penampung terlihat familiar bagi siapa pun yang pernah menggunakan kueri media untuk membuat desain responsif.
Namun, selain mengkueri ukuran area tampilan, Anda dapat mengkueri ukuran penampung tempat komponen berada.
Google telah mengerjakan penerapan uji coba spesifikasi yang baru muncul, di balik tanda #enable-container-queries di Chrome.
Baca postingan blog yang membahas RenderingNG secara mendetail, atau tonton video ini untuk mendapatkan semua detail utama tentang cara kerja ini memungkinkan penerapan fitur yang sebelumnya dianggap mustahil untuk diwujudkan.
Membantu Anda membuat situs yang indah dan responsif
Desain responsif baru jauh lebih dari sekadar ukuran layar—atau penampung. Anda dapat mempelajari cara membuat situs responsif modern di kursus kami, Learn Design. Lima modul pertama diluncurkan hari ini, dan modul lainnya akan diposting dalam beberapa minggu ke depan.
Properti CSS baru telah hadir di Chrome dan browser lainnya tahun ini untuk mempermudah pembuatan pengalaman yang menarik.
Cari tahu selengkapnya tentang accent-color dan size-adjust.
Untuk membantu Anda memanfaatkan CSS baru dengan cepat, kami telah meluncurkan serangkaian pola tata letak. Hal ini akan memberi Anda titik awal yang kuat untuk banyak pola antarmuka umum.
Menyediakan kursus untuk membantu Anda mempelajari teknologi web
Selain Learn Design, kami meluncurkan modul baru untuk Learn CSS, kursus CSS komprehensif kami yang diluncurkan awal tahun ini.
Kami juga telah mengembangkan kursus lengkap yang membantu Anda mendesain formulir yang fungsional dan mudah diakses—Learn Forms. Selain kursus ini, Anda dapat menemukan beberapa modul pertama Learn PWA.