Tim Chrome merespons kekhawatiran dari komunitas.

Chrome di Android akan menjadi layar penuh mulai Chrome 135.

Mem-build pengalaman web layar penuh

Pelajari cara animasi yang dipicu scroll dan yang didorong scroll meningkatkan kualitas artikel bercerita

Sekarang Anda dapat menggunakan attr() dengan properti CSS apa pun, termasuk properti kustom, dan dapat mengurai nilai menjadi jenis data selain string.

Bergabunglah dengan tim Chrome DevRel dan Dino Chrome yang sedang bermain skateboard dalam perjalanan melalui CSS terbaru yang diluncurkan untuk Chrome dan platform web pada tahun 2024.

Chrome 131 kini diluncurkan. Gaya visual CSS lainnya untuk elemen detail, tata letak cetak yang lebih mudah dengan kotak margin halaman, dan masih banyak lagi.

Anda kini dapat menetapkan jenis tampilan dan juga menata gaya penampung untuk bagian yang diperluas dan diciutkan menggunakan elemen pseudo ::details-content baru.

Chrome 130 kini diluncurkan. Document picture in picture memberi Anda lebih banyak kontrol atas picture-in-picture jendela, Deklarasi CSS Nested memperbaiki beberapa kasus ekstrem yang rumit, dan Anda dapat menentukan bagaimana dekorasi pada elemen yang dibagi menjadi beberapa baris berperilaku. Pete LePage memiliki semua detail tentang yang baru untuk developer di Chrome 130.

Mulai dengan transisi tampilan dokumen yang sama untuk digunakan di aplikasi web satu halaman.

Menganimasikan ke dan dari kata kunci ukuran intrinsik dengan `interpolate-size` dan `calc-size()`

Memperkenalkan dua peristiwa JavaScript baru: scrollSnapChange dan scrollSnapModify.

Dengan makin banyaknya orang yang mulai mengamati View Transition API, kini saatnya untuk menyanggah beberapa kesalahpahaman.

Baca semua pengumuman CSS dan UI Web dari Google I/O 2024.

Mengumumkan transisi tampilan lintas dokumen untuk MPA, transisi tampilan selektif dengan jenis aktif, dan berbagi gaya animasi dengan kelas transisi lihat.

Temukan manfaat animasi berbasis Scroll dengan Policybazaar, redBus, dan Tokopedia.

Pelajari manfaat yang diperoleh situs e-commerce dari penerapan fitur CSS dan UI terbaru, yaitu Transisi Tampilan, animasi berbasis Scroll, Popover API, dan lainnya.

Kursus video 10 bagian untuk mempelajari semua hal tentang animasi berbasis scroll

Proposal untuk mendefinisikan masonry dan grid dalam spesifikasi yang berbeda.

Mulai menggunakan transisi tampilan lintas dokumen untuk digunakan di aplikasi multi-halaman (MPA).

View Transition API memungkinkan Anda menambahkan transisi di antara tampilan situs.

Mulai Chrome 122, elemen `::backdrop` mewarisi properti dari elemen asalnya.

Gunakan properti `scrollbar-width` dan `scrollbar-color` untuk menata gaya scrollbar.

Buat akordeon eksklusif dengan beberapa elemen `` yang memiliki `name` yang sama.

Tahun 2023 adalah tahun yang besar bagi CSS. Pelajari apa saja yang ada di Chrome dan di seluruh platform web tahun ini.

Pelajari cara menggunakan @scope untuk memilih elemen hanya dalam subhierarki terbatas dari DOM Anda.

Memperkenalkan linear(), fungsi easing di CSS yang berinterpolasi secara linear antara titik-titiknya, memungkinkan Anda menciptakan kembali efek pantulan dan pegas.

20 fitur CSS dan UI teratas yang tidak ingin Anda lewatkan di Google I/O 2023.

Pelajari cara menggunakan Linimasa Scroll dan Linimasa Tampilan untuk membuat animasi berbasis scroll secara deklaratif.

Salah satu fitur preprocessor CSS favorit kami kini sudah di-build ke dalam bahasa: aturan gaya bertingkat.

CSS Working Group terus melanjutkan perdebatan tentang cara terbaik untuk menentukan tingkatan (nesting) di CSS. Jika Anda adalah pihak yang menulis CSS, kami memerlukan bantuan Anda.

Perubahan apa saja yang akan diterapkan pada perilaku pengubahan ukuran area pandang di Chrome 108, alasan Chrome melakukan perubahan ini, dan tindakan yang dapat Anda lakukan untuk mempersiapkannya.

Chrome 106 kini diluncurkan. Ada Intl API baru untuk memberi Anda lebih banyak kontrol saat memformat angka. Tersedia uji coba origin untuk Pop Up API baru, yang memudahkan untuk menampilkan konten penting kepada pengguna. Ada beberapa peningkatan CSS. Dan masih banyak lagi.

Dengan menggunakan Angular sebagai uji coba uji coba, tim Chrome DevTools dan Angular berkolaborasi untuk menawarkan pengalaman proses debug yang lebih baik. Framework lain dapat mengirimkan perubahan serupa.

Lihat beberapa perubahan terbaru di Chrome DevTools yang meningkatkan pengalaman proses debug dan pembuatan profil saat bekerja dengan pemaket, framework, dan kode pihak ketiga.

"Lapisan Cascade adalah CSS API baru yang membantu Anda mengelola prioritas menurun kode Anda, yang akan segera hadir di semua browser modern."

Chrome 89 kini diluncurkan! WebHID, WebNFC, dan Web Serial telah lulus dari uji coba originnya dan kini tersedia dalam versi stabil. Kami menutup celah yang digunakan beberapa developer untuk mengakali pemeriksaan kemampuan penginstalan PWA. Web Share dan Web Share Target hadir di desktop. Dan masih banyak lagi!

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.