- Chrome 57 menambahkan dukungan untuk
display: grid- spesifikasi Tata Letak Petak CSS yang baru. - Kini Anda 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 pelajari lebih dalam dan lihat hal-hal baru untuk developer di Chrome 57.
Tata letak petak CSS
Flexbox adalah alat tata letak yang ampuh. Ini membuat banyak tata letak yang kompleks,
tetapi hanya bisa membuat tata letak dalam satu dimensi. Chrome 57 menambahkan dukungan untuk
display: grid -
spesifikasi Tata Letak Petak CSS baru,
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 Pembaruan tentang hal itu, dan ketika Anda siap untuk mempelajari lebih dalam, lihat situs Rachel Andrew: GridByExample.com.
API Sesi Media
Salah satu fitur yang hilang dari aplikasi media web adalah kemampuan untuk berintegrasi secara mendalam dengan pengalaman media inti di perangkat seluler. Di Chrome untuk Android, kini Anda 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 kaya yang mencakup 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 Info terbaru yang menarik, 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 pengalih terbuka. - Semua alias global IndexedDB dengan awalan
-webkit-telah dihapus, setelah tidak digunakan lagi di M38. - Dan salah satu favorit saya — metode pemformatan
padStartdanpadEndbaru yang menyederhanakan padding string saat menyelaraskan output konsol atau mencetak angka dengan jumlah digit tetap.
Ini hanyalah beberapa perubahan di Chrome 57 untuk developer.
Berteriak kepada Igalia
Terakhir, terima kasih kepada engineer dan tim di
Igalia atas karya luar biasa mereka di Blink. Mereka
berperan penting dalam menempatkan fitur Petak CSS dan fitur caret-color yang baru.
Selalu dapatkan info terbaru
Jika Anda ingin terus mengikuti info terbaru terkait Chrome dan mengetahui fitur-fitur yang akan hadir, pastikan untuk subscribe ke channel kami, atau ikuti @ChromiumDev di Twitter. Dan pastikan untuk menonton video dari Chrome Dev Summit untuk mempelajari lebih dalam beberapa hal menakjubkan yang sedang dikerjakan tim Chrome.
Saya Pete LePage, dan segera setelah Chrome 58 dirilis, saya akan ada di sini untuk memberi tahu Anda -- apa yang baru di Chrome!