Rangkuman semua pengumuman utama dari Chrome Dev Summit 2021, dengan link yang diperlukan untuk mengetahui informasi selengkapnya.
Postingan ini merangkum semua pengumuman utama dari Chrome Dev Summit 2021, dengan link yang diperlukan untuk mengetahui informasi selengkapnya.
Membuat web lebih interoperabilitas
Kompatibilitas web adalah salah satu tantangan terbesar bagi developer web,
sehingga Google telah bekerja sama dengan vendor browser lain untuk memperbaiki lima poin masalah kompatibilitas teratas:
flexbox,
grid,
position: sticky,
aspect-ratio,
dan transformasi.
Upaya ini telah menghasilkan peningkatan di area-area utama ini. Anda dapat membacanya di Pembaruan pertengahan tahun Compat 2021.
Mengizinkan class aplikasi baru berjalan di web
Project Fugu adalah upaya yang bertujuan untuk mengizinkan class aplikasi baru ke web. Anda dapat terus mengikuti progres Fugu API di fugu-tracker.web.app.
Adobe baru-baru ini mengumumkan bahwa mereka menghadirkan Photoshop ke web, 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 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 menghentikan penggunaan cookie pihak ketiga secara bertahap dan mengurangi pelacakan tersembunyi serta pelacakan sidik jari browser.
Cari tahu tentang pekerjaan ini di situs Privacy Sandbox. Kami juga memiliki informasi dan panduan 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 Core Web Vitals, dan sebagai bagian dari pekerjaan tersebut, kami telah mengidentifikasi dua metrik baru yang kami harap dapat Anda beri masukan. Baca tentang responsivitas secara keseluruhan dan kehalusan, lalu beri tahu kami pendapat Anda.
Yang juga diumumkan adalah versi terbaru PageSpeed Insights, Panel Perekam baru untuk Chrome DevTools, yang saat ini tersedia di Canary, dan API alur penggunaan baru untuk Lighthouse.
Mengaktifkan fitur platform web baru
RenderingNG adalah pemfaktoran ulang yang ambisius dari mesin rendering Chromium, project 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 familier bagi siapa saja yang pernah menggunakan kueri media untuk membuat desain responsif.
Namun, di dalam kueri ukuran area pandang, Anda dapat membuat kueri ukuran penampung komponen Anda.
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 membuka penerapan fitur yang sebelumnya dianggap tidak mungkin diluncurkan.
Membantu Anda membuat situs yang menarik dan responsif
Desain responsif baru jauh lebih dari sekadar ukuran layar—atau penampung. Anda dapat mempelajari cara membuat situs responsif modern di kursus Pelajari Desain kami. Lima modul pertama diluncurkan hari ini, sedangkan sisanya 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 info 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 andal untuk banyak pola antarmuka umum.
Menyediakan kursus untuk membantu Anda mempelajari teknologi web
Selain Pelajari Desain, kami meluncurkan modul baru untuk Pelajari 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. Bersama dengan kursus ini, Anda dapat menemukan beberapa modul pertama Pelajari PWA.