Rangkuman semua pengumuman penting dari Chrome Dev Summit 2021, dengan link yang Anda butuhkan untuk mengetahui info selengkapnya.
Postingan ini merangkum semua pengumuman penting dari Chrome Dev Summit 2021, dengan link yang Anda perlukan untuk mengetahui info selengkapnya.
Membuat web lebih dapat dioperasikan
Kompatibilitas web adalah salah satu tantangan terbesar bagi developer web. Oleh karena itu, Google telah bekerja sama dengan vendor browser lain untuk memperbaiki lima titik masalah kompatibilitas:
flexbox,
grid,
position: sticky
,
aspect-ratio
,
dan transforms.
Upaya ini telah menghasilkan perbaikan di bidang-bidang utama ini. Anda dapat membaca tentang hal tersebut di Update pertengahan tahun 2021 Compat 2021.
Mengizinkan kelas aplikasi baru untuk dijalankan di web
Project Fugu adalah upaya yang bertujuan untuk mengizinkan class aplikasi baru ke web. Anda dapat terus mengikuti perkembangan terbaru terkait Fugu API di fugu-tracker.web.app.
Baru-baru ini Adobe mengumumkan bahwa mereka menghadirkan Photoshop ke web, sebuah prestasi yang dimungkinkan oleh kolaborasi antara Adobe, Google, dan organisasi standar web. Cari tahu lebih lanjut di postingan Perjalanan Photoshop ke web.
Memastikan privasi
Banyak fungsi web umum yang mengandalkan cookie pihak ketiga dan mekanisme pelacakan lintas situs lainnya yang tidak dirancang dengan mempertimbangkan privasi, sehingga menyulitkan developer untuk memenuhi kebutuhan privasi yang semakin 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 tersembunyi dan pelacakan sidik jari browser.
Cari tahu upaya ini di situs Privacy Sandbox. Kami juga memiliki informasi dan panduan proposal untuk developer, update atau perubahan dan progres bulanan, serta informasi tentang linimasa dan detail pengujian untuk perubahan pada string agen pengguna.
Tingkatkan Core Web Vitals
Kami telah bekerja sama dengan developer framework JavaScript populer untuk meningkatkan Core Web Vitals, dan sebagai bagian dari pekerjaan tersebut telah mengidentifikasi dua metrik baru yang kami mengharapkan masukan dari Anda. Baca tentang responsivitas secara keseluruhan dan kelancaran, lalu beri tahu kami pendapat Anda.
Selain itu, diumumkan versi terbaru PageSpeed Insights, Panel Perekam Suara baru untuk Chrome DevTools, yang saat ini tersedia di Canary, dan API alur penggunaan baru untuk Lighthouse.
Aktifkan fitur platform web baru
RenderingNG adalah pemfaktoran ulang mesin rendering Chromium yang ambisius, sebuah project yang memperbaiki bug yang sudah lama ada di Chrome, dan juga membuka fitur baru. Ini mencakup satu fitur yang telah menjadi permintaan terbanyak dari developer web selama bertahun-tahun, yaitu kueri penampung.
Kueri container terlihat familier bagi siapa saja yang pernah menggunakan kueri media untuk membuat desain responsif.
Namun, dalam kueri ukuran area pandang, Anda dapat mengkueri ukuran container tempat komponen Anda berada.
Google telah mengerjakan implementasi uji coba spesifikasi yang baru muncul, di balik flag #enable-container-queries
di Chrome.
Baca postingan blog yang membahas RenderingNG secara mendetail, atau tonton video ini untuk mendapatkan semua detail penting tentang bagaimana karya ini membuka penerapan fitur yang pernah dianggap mustahil untuk diterapkan.
Membantu Anda membuat situs yang menarik dan responsif
Desain responsif baru jauh lebih dari sekadar ukuran layar—atau ukuran container. Anda dapat mempelajari cara membuat situs responsif modern dalam kursus Pelajari Desain kami. Lima modul pertama diluncurkan hari ini, sedangkan modul lainnya akan diposting dalam beberapa minggu mendatang.
Properti CSS baru telah hadir di Chrome dan browser lain tahun ini untuk mempermudah penciptaan pengalaman yang indah.
Cari tahu lebih lanjut tentang accent-color
dan size-adjust
.
Untuk membantu Anda memanfaatkan CSS baru dengan cepat, kami telah meluncurkan serangkaian pola tata letak. Ini akan memberi Anda titik awal yang tangguh untuk berbagai pola antarmuka umum.
Menyediakan kursus untuk membantu Anda mempelajari teknologi web
Selain Pelajari Desain, kami meluncurkan modul baru untuk Mempelajari 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—Pelajari Formulir. Bersamaan dengan kursus ini, Anda dapat menemukan beberapa modul pertama Pelajari PWA.