Artikel tentang CSS yang mengejutkan saya dalam 4

Membentangkan tentang 3 tiang seni bina CSS di Front in Sampa 2024 memberi saya peluang untuk membaca banyak tentang CSS dari sudut teori, yang saya rasa memberi saya pandangan yang lebih matang, holistik dan strategik Pembangunan CSS pada skala.

Dalam lawatan ini, saya menemui sudut pandangan tentang CSS yang, selain membangkitkan semula rasa ingin tahu saya, membuatkan saya teruja untuk membuat keputusan baharu dengan pandangan baharu dunia ini.

Kerumitan Siklomatik: Logik dalam CSS oleh Harry Roberts

Kerumitan siklomatik ialah metrik kerumitan program - setiap kawalan aliran dan setiap output meningkatkan kerumitan kaedah, kelas atau aplikasi.

Dalam CSS, kerumitan boleh bermakna pemilih yang perlahan, kurang boleh digunakan semula dan terlalu khusus.

div.sidebar .login-box a.btn span {}

/*
Pode ser lido como

IF (inside .btn)
AND IF (on a)
AND IF (inside .login-box)
AND IF (inside .sidebar)
AND IF (on div)

*/

"Fikirkan pemilih anda sebagai program mini"

Pautan ke artikel di blog CSSWizardry, dalam bahasa Inggeris

CSS bersyarat oleh Ahmad Shadeed

Masih mengenai nilai melihat CSS sebagai bahasa dengan operasi logik, bukan hanya bercakap tentang pertanyaan media yang membuat penilaian logik untuk menyediakan kod mengikut keadaan konteks, tetapi setiap keadaan interaktif, kehadiran atau tidak pemilih seterusnya, daripada indeks pemilih, atau daripada kehadiran kanak-kanak tertentu (dengan :has).

Ia adalah artikel yang sangat terkini dengan sifat baharu dan anjakan paradigma yang disebabkan oleh :has, pertanyaan kontena dan pertanyaan sokongan yang sudah sedia ada tetapi tidak begitu diterokai.

Pautan ke artikel di blog Ahmad Shadeed, dalam bahasa Inggeris

The CSS Cascade oleh Amelia Wattenberger

Cascade Stylesheets, namun adalah perkara biasa untuk melihat ralat CSS yang melibatkan cara dan susunan CSS ditulis. Dalam catatan blog yang indah ini oleh Amelia Wattenberger, dengan cara yang mudah dan visual, dia menunjukkan cara air terjun berfungsi dan memberikan cerapan tentang cara memikirkan CSS anda dengan mengingatinya.

Pautan ke artikel di blog Amelia Wattenberger, dalam bahasa Inggeris

Sejarah Ringkas CSS-in-JS: Bagaimana Kami Sampai di Sini dan Ke Mana Kami Akan Pergi oleh Dan Ward

Semakin saya perlu menggunakan CSS-in-JS, semakin banyak mata negatifnya mengganggu saya, seperti saiz berkas, perubahan masa jalan dan penggunaan semula yang mengelirukan berbanding seni bina lokasi bersama. Dengan pembolehubah CSS, ia menjadi lebih usang untuk memilih fungsi anak panah berbanding menyuntik pembolehubah melalui gaya - ia lebih mudah dan CSS mengendalikan skop jenis ini dengan baik.

Dalam artikel ini kami memahami sebab dan bagaimana ia wujud, dengan pautan yang luar biasa disebut di seluruh.

Pautan ke artikel di medium, dalam bahasa Inggeris

CSS dan laluan kritikal oleh Stoyan Stefanov

CSS ialah pesalah terbesar dalam pemuatan web yang perlahan, CSS yang tidak digunakan dan berlebihan, pemilih dan operasi yang dalam interaksi mempengaruhi lebih banyak nod daripada yang sepatutnya, malah pemilih yang kompleks dan perlahan yang memerlukan lebih sedikit overhed dan lebih banyak seni bina.

Dalam artikel ini, anda akan memahami cara penyemak imbas berfungsi dalam memuatkan, menyusun dan mengutamakan aset kritikal ini dan cara untuk menjadikan laluan kepadanya kurang menyakitkan bagi pengguna akhir.

Pautan ke artikel di blog Stoyan Stefanov, dalam bahasa Inggeris

Selepas membaca, tonton video ini oleh Harry Roberts tentang prestasi CSS di Frontend United

Reka Bentuk Web Responsif

Ethan Marcotte mencipta istilah "responsif" berdasarkan perhimpunan seni bina yang dengan cara tertentu bertindak balas terhadap pendudukan ruang mereka, pandangan ini diilhamkan oleh teks John Alsopp pada tahun 200 yang meminta Web yang lebih bebas yang menentukan peraturan yang lebih sedikit untuk pengguna di dunia dengan bilangan peranti yang semakin meningkat telah mengubah cara kami menulis antara muka dan akan mengubah cara anda melihatnya juga.

Pautan ke artikel di blog A List Apart, dalam bahasa Inggeris

Selepas membaca, tonton video ini oleh Jen Simmons dengan pandangan moden pada responsif - reka letak intrinsik

Untuk menutup

Masa depan memuatkan CSS oleh Jake Archibald

Saya bertemu Jake menonton HTTP 203 di saluran Google dan telah mengikuti blognya sejak itu. Dalam artikel ini dia meneroka kemungkinan memasukkan pautan dalam lipatan untuk memuatkan gaya yang berada di bawah "lipatan" secara progresif.

Tidak tahu ia mungkin? Ya, TIL juga!

Pautan ke artikel di blog Jake, dalam bahasa Inggeris

Selepas membaca, tonton rancangan HTTP 203 di saluran Chrome untuk Pembangun, saya belajar banyak daripada Jake dan tetamunya

Atas ialah kandungan terperinci Artikel tentang CSS yang mengejutkan saya dalam 4. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!