- Chrome 57 menambahkan dukungan untuk
display: grid- Spesifikasi Tata Letak Petak CSS. - Anda sekarang 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 berbagai fitur baru untuk developer di Chrome 57.
Tata letak petak CSS
Flexbox adalah alat tata letak yang canggih. Cloud SQL 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,
menambahkan alat baru yang efektif untuk membuat tata letak berbasis petak dua dimensi
sistem, dioptimalkan untuk
desain antarmuka pengguna responsif.
Elemen dalam petak dapat mencakup beberapa kolom atau baris. Region di Petak CSS juga dapat diberi nama, sehingga kode tata letak lebih mudah dipahami.
Surma memiliki postingan Pembaruan tentang hal itu, dan jika Anda sudah siap untuk mempelajari lebih lanjut, 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, Anda kini dapat menyesuaikan layar kunci dan notifikasi dengan konten media menggunakan Media Session API yang baru.
Dengan memberikan metadata ke browser tentang konten yang sedang diputar, Anda dapat membuat tampilan layar kunci pesan yang menyertakan informasi seperti judul, artis, nama album, dan karya seni. Anda juga dapat mendengarkan dan merespons tindakan pengguna pada notifikasi itu sendiri, seperti mencari atau melewati.
Jika Anda ingin langsung memulai, Francois punya Postingan update, atau lihat sesi resmi Repositori contoh sesi media Chrome di GitHub.
Dan banyak lagi!
Dan masih banyak lagi!
- Ada beberapa peningkatan ke Payment Request API.
- Anda dapat menetapkan warna kursor input teks dengan atribut
caret-colorsaat ini. - Efek visual seperti warna dan gaya garis dapat ditentukan dengan
text-decorationproperti baru. - Fetch API
Class respons
kini mendukung
.redirecteduntuk membantu menghindari respons yang tidak dapat dipercaya dan mengurangi risiko dan {i>redirector<i}. - Semua berawalan
-webkit-dengan IndexedDB alias global telah dihapus, setelah dan tidak digunakan lagi di M38. - Dan salah satu favorit saya — baru
padStartdanpadEndmetode pemformatan yang menyederhanakan padding string saat menyelaraskan output konsol atau mencetak angka dengan jumlah digit yang tetap.
Ini hanyalah beberapa perubahan di Chrome 57 untuk developer.
Seru ke Igalia
Terakhir, ucapkan banyak terima kasih kepada para insinyur dan tim di
Igalia atas karya luar biasa mereka di Blink. Mereka
berperan penting dalam mendaratkan fitur caret-color dan Petak CSS yang baru.
Selalu dapatkan info terbaru
Jika Anda ingin terus mendapatkan info terbaru tentang Chrome dan mengetahui fitur-fitur mendatang, pastikan untuk subscribe ke channel kami, atau ikuti @ChromiumDev di Twitter. Pastikan juga untuk melihat video dari Chrome Dev Summit untuk menyelami lebih dalam beberapa hal menakjubkan yang sedang dikerjakan oleh tim Chrome.
Saya Pete LePage, dan segera setelah Chrome 58 dirilis, saya akan ada di sini memberi tahu Anda -- yang baru di Chrome!