- Chrome 57 menambahkan dukungan untuk
display: grid- spesifikasi Grid Layout CSS baru. - Anda kini dapat menyesuaikan dan merespons input pengguna di layar kunci dan notifikasi menggunakan Media Session API yang baru.
- Dan masih banyak lagi.
Saya Pete LePage. Mari kita lihat apa saja yang baru untuk developer di Chrome 57.
Tata letak petak CSS
Flexbox adalah alat tata letak yang canggih. Hal ini memungkinkan banyak tata letak yang kompleks,
tetapi hanya dapat melakukan tata letak dalam satu dimensi. Chrome 57 menambahkan dukungan untuk
display: grid -
spesifikasi Tata Letak Petak CSS yang baru,
yang menambahkan alat baru yang canggih untuk membuat sistem tata letak berbasis
petak dua dimensi, yang dioptimalkan untuk desain antarmuka pengguna yang responsif.
Elemen dalam petak dapat mencakup beberapa kolom atau baris. Wilayah dalam petak CSS juga dapat diberi nama, sehingga kode tata letak lebih mudah dipahami.
Surma memiliki postingan Update tentang hal ini, dan jika Anda siap untuk mempelajarinya lebih lanjut, lihat situs Rachel Andrew: GridByExample.com.
Media Session API
Salah satu fitur yang tidak ada di aplikasi media web adalah kemampuan untuk berintegrasi secara mendalam dengan pengalaman media inti di perangkat seluler. Di Chrome untuk Android, Anda kini dapat menyesuaikan layar kunci dan notifikasi dengan konten media menggunakan Media Session API baru.
Dengan memberikan metadata ke browser tentang konten yang sedang diputar, Anda dapat membuat pesan layar kunci yang kaya yang menyertakan informasi seperti judul, artis, nama album, dan karya seni. Anda juga dapat memproses dan merespons tindakan pengguna yang dilakukan pada notifikasi itu sendiri, seperti mencari atau melewati.
Jika Anda ingin memulai dengan cepat, Francois memiliki postingan Update yang bagus, atau lihat repo contoh sesi media Chrome resmi di GitHub.
Dan banyak lagi!
Dan masih banyak lagi.
- Ada beberapa peningkatan pada Payment Request API.
- Anda dapat menentukan warna kursor input teks dengan properti
caret-color. - Efek visual seperti warna dan gaya garis dapat ditentukan dengan properti
text-decorationbaru. - Class respons
Fetch API
kini mendukung
atribut
.redirecteduntuk membantu menghindari respons yang tidak dapat dipercaya dan mengurangi risiko pengalihan terbuka. - Semua alias global IndexedDB berawalan
-webkit-telah dihapus, setelah tidak digunakan lagi di M38. - Dan salah satu favorit saya — metode pemformatan
padStartdanpadEndbaru yang menyederhanakan padding string saat meratakan output konsol atau mencetak angka dengan jumlah digit tetap.
Ini hanyalah beberapa perubahan di Chrome 57 untuk developer.
Terima kasih kepada Igalia
Terakhir, terima kasih banyak kepada engineer dan tim di
Igalia atas pekerjaan mereka yang luar biasa di Blink. Alat ini
sangat berperan dalam meluncurkan fitur Petak CSS dan caret-color baru.
Selalu dapatkan info terbaru
Jika Anda ingin terus mendapatkan info terbaru tentang Chrome dan mengetahui apa yang akan datang, pastikan untuk berlangganan ke channel kami, atau ikuti @ChromiumDev di Twitter. Selain itu, pastikan untuk menonton video dari Chrome Dev Summit untuk mengetahui lebih lanjut beberapa hal keren yang sedang dikerjakan tim Chrome.
Saya Pete LePage, dan segera setelah Chrome 58 dirilis, saya akan langsung memberi tahu Anda -- yang baru di Chrome.