Discover articles written, edited, or reviewed by Bramus.
Updated March 6, 2025 Tim Chrome merespons kekhawatiran dari komunitas. Updated February 28, 2025 Chrome di Android akan menjadi layar penuh mulai Chrome 135. Updated February 28, 2025 Mem-build pengalaman web layar penuh Updated February 26, 2025 Pelajari cara animasi yang dipicu scroll dan yang didorong scroll meningkatkan kualitas artikel bercerita Updated January 15, 2025 Sekarang Anda dapat menggunakan attr() dengan properti CSS apa pun, termasuk properti kustom, dan dapat mengurai nilai menjadi jenis data selain string. Updated December 5, 2024 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. Updated November 12, 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. Updated November 6, 2024 Anda kini dapat menetapkan jenis tampilan dan juga menata gaya penampung untuk bagian yang diperluas dan diciutkan menggunakan elemen pseudo ::details-content baru. Updated October 15, 2024 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. Updated September 25, 2024 Mulai dengan transisi tampilan dokumen yang sama untuk digunakan di aplikasi web satu halaman. Updated September 17, 2024 Menganimasikan ke dan dari kata kunci ukuran intrinsik dengan `interpolate-size` dan `calc-size()` Updated August 14, 2024 Memperkenalkan dua peristiwa JavaScript baru: scrollSnapChange dan scrollSnapModify. Updated July 11, 2024 Dengan makin banyaknya orang yang mulai mengamati View Transition API, kini saatnya untuk menyanggah beberapa kesalahpahaman. Updated June 11, 2024 Baca semua pengumuman CSS dan UI Web dari Google I/O 2024. Updated May 16, 2024 Mengumumkan transisi tampilan lintas dokumen untuk MPA, transisi tampilan selektif dengan jenis aktif, dan berbagi gaya animasi dengan kelas transisi lihat. Updated May 7, 2024 Temukan manfaat animasi berbasis Scroll dengan Policybazaar, redBus, dan Tokopedia. Updated May 7, 2024 Pelajari manfaat yang diperoleh situs e-commerce dari penerapan fitur CSS dan UI terbaru, yaitu Transisi Tampilan, animasi berbasis Scroll, Popover API, dan lainnya. Updated May 6, 2024 Kursus video 10 bagian untuk mempelajari semua hal tentang animasi berbasis scroll Updated April 30, 2024 Proposal untuk mendefinisikan masonry dan grid dalam spesifikasi yang berbeda. Updated April 14, 2024 Mulai menggunakan transisi tampilan lintas dokumen untuk digunakan di aplikasi multi-halaman (MPA). Updated April 14, 2024 View Transition API memungkinkan Anda menambahkan transisi di antara tampilan situs. Updated February 18, 2024 Mulai Chrome 122, elemen `::backdrop` mewarisi properti dari elemen asalnya. Updated January 17, 2024 Gunakan properti `scrollbar-width` dan `scrollbar-color` untuk menata gaya scrollbar. Updated December 11, 2023 Buat akordeon eksklusif dengan beberapa elemen `` yang memiliki `name` yang sama. Updated December 7, 2023 Tahun 2023 adalah tahun yang besar bagi CSS. Pelajari apa saja yang ada di Chrome dan di seluruh platform web tahun ini. Updated October 4, 2023 Pelajari cara menggunakan @scope untuk memilih elemen hanya dalam subhierarki terbatas dari DOM Anda. Updated May 25, 2023 Memperkenalkan linear(), fungsi easing di CSS yang berinterpolasi secara linear antara titik-titiknya, memungkinkan Anda menciptakan kembali efek pantulan dan pegas. Updated May 11, 2023 20 fitur CSS dan UI teratas yang tidak ingin Anda lewatkan di Google I/O 2023. Updated May 5, 2023 Pelajari cara menggunakan Linimasa Scroll dan Linimasa Tampilan untuk membuat animasi berbasis scroll secara deklaratif. Updated March 8, 2023 Salah satu fitur preprocessor CSS favorit kami kini sudah di-build ke dalam bahasa: aturan gaya bertingkat. Updated December 16, 2022 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. Updated October 28, 2022 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. Updated September 27, 2022 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. Updated August 31, 2022 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. Updated August 31, 2022 Lihat beberapa perubahan terbaru di Chrome DevTools yang meningkatkan pengalaman proses debug dan pembuatan profil saat bekerja dengan pemaket, framework, dan kode pihak ketiga. Updated February 1, 2022 "Lapisan Cascade adalah CSS API baru yang membantu Anda mengelola prioritas menurun kode Anda, yang akan segera hadir di semua browser modern." Updated March 2, 2021 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! Updated March 29, 2023 When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate? Updated February 9, 2023 Pre-filter a set of child elements before applying An+B logic on it.Menunda pengiriman @function CSS dari Chrome 136 ke 139
Bersiap menghadapi Chrome di Android yang menjadi layar penuh
Panduan migrasi dari tepi ke tepi Chrome di Android
Cara NRK menggunakan animasi berbasis scroll untuk menghidupkan cerita
attr() CSS mendapatkan upgrade
CSS Wrapped 2024
Yang baru di Chrome 131
Opsi lainnya untuk menata gaya <details>
Baru di Chrome 130
Transisi tampilan dokumen yang sama untuk aplikasi web satu halaman
Animasikan ke tinggi: otomatis; (dan kata kunci ukuran intrinsik lainnya) di CSS
Peristiwa Snap Scroll
Kesalahpahaman tentang transisi tampilan
Yang terbaru dalam CSS dan UI web: Recap I/O 2024
Apa yang baru dalam transisi tampilan? (Pembaruan Google I/O 2024)
Studi kasus animasi berbasis scroll
Mengapa kemampuan CSS dan UI penting untuk situs e-commerce Anda?
Memperkenalkan "Lepaskan kekuatan Animasi Berbasis Scroll"
Proposal alternatif untuk pemasangan batu CSS
Transisi tampilan lintas dokumen untuk aplikasi multi-halaman
Transisi yang lancar dengan View Transition API
Perubahan pada CSS ::pewarisan backdrop
Gaya scroll bar
Akordeon Eksklusif
CSS Digabung: 2023
Batasi jangkauan pemilih Anda dengan @scope CSS sesuai aturan
Membuat kurva animasi yang kompleks di CSS dengan fungsi easing linear()
Yang baru di CSS dan UI: Edisi I/O 2023
Menganimasikan elemen saat men-scroll dengan animasi berbasis Scroll
Penyebaran CSS
Membantu memilih sintaksis untuk Penyebaran CSS
Bersiap menghadapi perubahan perilaku pengubahan ukuran area pandang yang akan hadir di Chrome di Android
Baru di Chrome 106
Studi Kasus: Proses Debug Angular yang Lebih Baik dengan DevTools
Proses debug web modern di Chrome DevTools
Lapisan bertingkat akan tersedia di browser Anda
Baru di Chrome 89
Specify how multiple animation effects should composite with animation-composition
More control over :nth-child() selections with the of S syntax
