Tabel kompatibilitas CSS seluler dirilis

Akhir tahun 2012, ahli strategi platform seluler Peter-Paul Koch menerima sponsor untuk QuirksMode.org, yang menurutnya akan memungkinkannya menghabiskan lebih banyak waktu untuk meneliti standar web dan mengerjakan tabel kompatibilitas yang akan dibagikan dengan webplatform.org.

Selama akhir pekan, pemilih CSS untuk tabel seluler ditayangkan. Koch juga telah mempelajari lebih lanjut kolom CSS dan menemukan ada beberapa cara yang harus dilakukan terkait penerapan.

Kami berbicara dengan Koch tentang karyanya, bagaimana pengujiannya ditulis, dan mengapa pengembang harus lebih berhati-hati terkait pengujian pada basis per mesin.

.net: Anda berusaha keras untuk tabel seluler Anda. Apakah ini sesuatu yang tidak dilakukan sejauh ini di tempat lain?
PPK: Tidak, ini belum benar-benar selesai. Tabel yang paling mendekati saya adalah yang dibuat oleh Max Firtman dan mereka berfokus pada API HTML5.

Saya tidak percaya pada mengotomatiskan pengujian atau skor browser, jadi saya tidak terlalu menghitung pengujian seperti The HTML5 test. Lalu kami memiliki Can I Use…, yang berguna tetapi terkadang tidak memberikan informasi browser yang benar.

Sejauh yang saya tahu, saya masih menjadi orang yang melakukan pengujian paling mendetail - dan satu-satunya yang memublikasikan halaman pengujian serta hasil.

.net: Bagaimana Anda menulis tes?
PPK: Perlahan! Terkadang tidak mudah untuk mengetahui apa yang dimaksud dalam spesifikasi, terutama jika hanya ada dua penerapan yang sangat berbeda (atau sangat) berbeda. Untungnya, saya memiliki banyak pengalaman dalam penulisan pengujian browser, jadi saya tahu cara mencegah kesalahan umum.

Misalnya, pada awalnya tampak seolah-olah Opera Mini tidak mendukung kelas CSS, tapi itu jelas tidak masuk akal. Masalahnya ternyata saya menguji dukungan kelas dengan memberikan elemen uji font-style: italic. Banyak Opera Mini tidak mendukung gaya itu. Karena saya pernah mengalami ini sebelumnya, saya tahu saya harus mengubah gaya pengujian. Dan browser MeeGo tidak mendukung font-variant: huruf kecil. Cerita yang sama.

Kebetulan, JavaScript masih memberi miring ketika Anda meminta Opera Mini untuk file gaya tulisan nilai. Itu membuktikan bahwa Anda tidak dapat mengotomatiskan pengujian ini: Anda harus melihat halaman dan menentukan apakah halaman tersebut menggunakan font miring.

.net: Dalam artikel terbaru Anda tentang pemilih dan kolom, Anda menyatakan browser yang menggunakan versi WebKit yang sama memiliki kompatibilitas yang berbeda-beda. Apakah ini lebih jauh menyoroti bagaimana pengembang harus berhati-hati terkait teknik mutakhir dan menguji secara lebih ketat di seluruh perangkat?
PPK: Yup. Tidak ada WebKit di ponsel. Setidaknya ada dua belas browser berbeda (tidak termasuk versi yang menggunakan WebKit sebagai mesin renderingnya), tetapi keduanya tidak selalu mirip satu sama lain.

Contoh terbaik adalah Deklarasi -webkit-column-span. Ternyata WebKit menjatuhkan dukungan baru-baru ini. Ini adalah masalah kompatibilitas paling aneh yang pernah saya temui karena tidak mungkin untuk mengikat dukungan dengan versi WebKit tertentu. Jadi dukungan untuk deklarasi ini berantakan, dan fakta bahwa browser menggunakan WebKit tidak mengatakan apa-apa.