RelikCSS – Beragampengetahuan

Kita semua memiliki beberapa kerangka di lemari CSS kita. Mungkin hanya ada satu kali saja !important Sekarang Anda dapat mengelolanya dengan lebih efisien melalui lapisan berjenjang. Atau mungkin peretasan kotak centang yang sudah ketinggalan zaman :has() Sudah terpecahkan. Mungkin sudah lama sejak terakhir kali desain ulang website, dan penuh dengan atribut dengan awalan vendor dari tahun 2012. Itu iblis!

Alat ReliCSS (dinamakan dengan cerdik!) Stu Robson menambang CSS yang sudah ketinggalan zaman dalam basis kode yang memiliki solusi CSS modern.

Setiap relik diberi tingkat keparahan. Seperti yang dijelaskan Stu:

• Tingkat keparahan tinggi: Sebuah “fosil” yang sebenarnya. Peretasan menargetkan (sekarang) browser yang tidak didukung (IE6/7) atau teknologi “berbahaya”. Yang berisiko tinggi dan ketinggalan jaman harus menjadi target pertama yang harus dihilangkan.
• Tingkat keparahan sedang: jalan tengah. Serangan terhadap browser lama yang tidak didukung (IE8-10). Mereka berfungsi, tetapi rapuh. Periksa untuk melihat apakah mereka masih relevan dengan pengguna Anda yang sebenarnya.
• Tingkat keparahan rendah: Artefak masa kini. Biasanya awalan vendor (-webkit-, -moz-). Umumnya hal ini aman, namun dapat ditangani dengan lebih baik menggunakan alat otomatis seperti Autoprefixer. Ini adalah peluang untuk meningkatkan proses pembangunan.

Sudah lama sejak saya merombak situs pribadi saya. Bukan untuk menyombongkan diri, tapi hei hei hei!

Tapi serius. Aku tahu ada sesuatu di dalam sana yang membuatku malu untuk mengakuinya.

Namun bagaimana jika kita melakukan penggalian arkeologis pada beragampengetahuan? Maksudku, itu sudah terjadi Setidaknya Selama lima tahun tempat ini mendapatkan cinta yang pantas diterimanya. Saya hampir tidak berani melihat. Ini……

Untungnya, ini tidak seburuk yang saya kira. Ini sebagian besar adalah awalan vendor, yang saya yakin disediakan oleh konfigurasi Autoprefixer yang lebih lama.

ReliCSS awalnya diterbitkan di beragampengetahuan, bagian dari keluarga DigitalOcean. Anda harus menerima buletin.