Rangkuman semua pengumuman penting dari Chrome Dev Summit 2021, dengan link yang Anda perlukan untuk mencari tahu lebih lanjut.
Postingan ini merangkum semua pengumuman penting dari Chrome Dev Summit 2021, dengan link yang Anda perlukan untuk mengetahui lebih lanjut.
Membuat web lebih memiliki interoperabilitas
Kompatibilitas web merupakan salah satu tantangan terbesar bagi developer web. Oleh karena itu, Google telah bekerja sama dengan vendor browser lain untuk mengatasi lima titik masalah kompatibilitas teratas: flexbox, grid, position: sticky, aspect-ratio, dan transforms.
Pekerjaan ini telah menghasilkan peningkatan di area-area utama ini. Anda dapat membaca hal tersebut di update pertengahan tahun Compat 2021.
Mengizinkan kelas aplikasi baru berjalan di web
Project Fugu adalah upaya yang bertujuan mengizinkan class aplikasi baru ke web. Anda dapat terus memantau progres terkait Fugu API di fugu-tracker.web.app.
Adobe baru-baru ini mengumumkan bahwa mereka menghadirkan Photoshop ke web, sebuah prestasi yang diwujudkan berkat 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 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 menghapus cookie pihak ketiga serta mengurangi pelacakan tersembunyi dan pelacakan sidik jari browser.
Cari tahu tugas ini di situs Privacy Sandbox. Kami juga memiliki informasi dan panduan untuk proposal untuk developer, pembaruan atau perubahan dan progres bulanan, serta informasi tentang rentang waktu dan detail pengujian untuk perubahan pada string agen pengguna.
Meningkatkan Data Web Inti
Kami telah bekerja sama dengan developer framework JavaScript populer untuk meningkatkan Core Web Vitals, dan sebagai bagian dari upaya tersebut, kami telah mengidentifikasi dua metrik baru yang memerlukan masukan dari Anda. Baca tentang responsivitas keseluruhan dan kehalusan, lalu beri tahu kami pendapat Anda.
Versi terbaru PageSpeed Insights juga diumumkan, Panel Perekam untuk Chrome DevTools baru, 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, serta membuka fitur baru. Ini mencakup satu fitur yang menjadi permintaan teratas dari developer web selama bertahun-tahun, yaitu kueri penampung.
Kueri penampung terlihat familier bagi siapa saja yang pernah menggunakan kueri media untuk membuat desain responsif.
Namun, dalam melakukan kueri ukuran area pandang, Anda dapat mengkueri ukuran penampung 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 pekerjaan ini membuka implementasi fitur yang sebelumnya dianggap tidak mungkin dilakukan.
Membantu Anda membuat situs yang menarik dan responsif
Desain responsif baru itu jauh lebih dari sekadar ukuran layar—atau container. Anda dapat mempelajari cara membuat situs responsif modern dalam kursus Belajar Desain kami. Lima modul pertama diluncurkan hari ini, sisanya akan diposting dalam beberapa minggu mendatang.
Properti CSS baru telah hadir di Chrome dan browser lain tahun ini untuk mempermudah menciptakan pengalaman yang indah.
Cari tahu selengkapnya tentang accent-color dan size-adjust.
Untuk membantu Anda memanfaatkan CSS baru dengan cepat, kami telah meluncurkan sekumpulan pola tata letak. Praktik ini akan memberi Anda titik awal yang andal untuk berbagai pola antarmuka umum.
Menyediakan kursus untuk membantu Anda mempelajari teknologi web
Selain Mempelajari 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. Selain kursus ini, Anda dapat menemukan beberapa modul pertama Mempelajari PWA.