Apa! Penting #5: Lambat memuat iframe, mengulang latar belakang bersudut, dan banyak lagi – Beragampengetahuan

Edisi What’s !important kali ini didedikasikan untuk teman-teman kita (alias saya) di Inggris yang saat ini mengalami hujan deras selama 43 hari. Presentasi: Lima hal paling menarik tentang CSS dalam beberapa minggu terakhir. menambahkanfitur terbaru di Chrome 145, dan hal lain yang mungkin Anda lewatkan. TL;DR: Banyak konten, tapi juga banyak hujan.

Mengapa Anda hanya bisa membuat kode 4 jam sehari

Jangan khawatir, Anda hanya akan melakukan coding selama 52 menit sehari.

Milan Milanović berbicara tentang dampak buruk dari rapat, email, Slack, dan interupsi, serta apa yang dapat Anda/manajer Anda lakukan untuk mengatasinya. Artikel ini benar-benar membuka mata, memberikan banyak sekali statistik yang mengejutkan (tetapi tidak mengejutkan) tentang kondisi aliran rata-rata pengembang.

Mengapa Anda tidak harus beralih ke breakpoint yang lebih kecil terlalu dini

Ahmad Shadeed menjelaskan mengapa Anda tidak harus beralih ke breakpoint responsif yang lebih kecil sebelum waktunya, dan memberikan contoh situs web yang melakukan hal ini dan skenario di mana pengguna mungkin mengalami breakpoint ini.

Bagaimana cara menunda pemuatan iframe layar pertama

loading=lazy Hanya berfungsi pada elemen di luar layar, jadi Stefan Bauer mendemonstrasikan trik cerdas untuk memuat elemen paruh atas dengan lambat <iframe>menggunakan <details>.

Cara membuat pengulangan corner-shape latar belakang

Preethi Sam menunjukkan kepada kita cara menggunakannya corner-shape ada <svg>s, lalu digunakan untuk mengulang backgroundS. Saya melakukan percobaan sendiri corner-shapetapi itu luar biasa dan jelas merupakan sesuatu yang tidak saya pertimbangkan.

Pilihan CSS (Edisi 2026)

Untuk apa sebenarnya pengembang web menggunakan CSS? Penelitian lain melihat pada fungsionalitas, sedangkan Seleksi CSS (Edisi 2026) berfokus pada pola dan teknik CSS. Ini adalah bacaan yang sangat lucu dan Anda pasti akan tertawa satu atau dua kali, terutama ketika Anda melihat berbagai kesalahan ejaan !important.

Berikut ini beberapa favorit saya:

• !IMPORTANT: Berisik
• !impotant: Terlalu banyak informasi
• !i: Hanya malas
• !imPORTANT: Pengumuman yang bagus
• !importantl: Ah, dekat sekali…

Fitur Chrome dan klik cepat yang mungkin Anda lewatkan

Chrome 145 dirilis beberapa hari yang lalu, dan seperti biasa kami telah membagikan beberapa hasil cepat sepanjang minggu. Anda dapat menemukannya di beragampengetahuan halaman beranda Anda, jadi silakan mampir jika Anda mengalami kebuntuan.

Secara kebetulan, sebagian besar quick hit terkait dengan pembaruan Chrome, jadi saya akan meninjau semuanya bersama-sama:

• text-justifyAnda dapat menggabungkannya dengan text-align: justify Menentukan apakah spasi kata diperlukan (text-justify: inter-word) atau spasi huruf (text-justify: inter-character) untuk menyelaraskan teks. Geoff menulis tentang hal ini pada tahun 2017, dan pada saat itu hanya Firefox yang mendukungnya (semacam…), jadi menurut perhitungan saya Safari akan mendukungnya pada tahun 2035. Jadi bukan dekade ini, tapi sebelum GTA 6. Cuma bercanda… (menurut saya).
• Berbicara tentang spasi kata dan huruf, word-spacing Dan letter-spacing Terima sekarang % Unit, seperti di Safari dan Firefox.
• Demikian pula, overscroll-behavior Sekarang berfungsi di wadah gulir non-root seperti Safari dan Firefox. Peringatan untuk WebDev RedFox overscroll-behavior Datang tepat pada waktunya.
• column-wrap Dan column-height Tata letak multi-kolom yang lebih baik kini juga hadir, tetapi sayangnya hanya di Chrome.
• Ini juga berfungsi untuk dapat disesuaikan <select>bisa dibilang fitur paling menarik dalam daftar ini. Seperti yang saya sampaikan awal minggu ini, Adam Argyle melakukan pekerjaan yang hebat dalam meringkas fitur yang sangat rumit ini menjadi kerangka sederhana yang sangat mudah dipahami.
• Melihat ke masa depan, sepertinya kita akhirnya bisa memiliki banyak batas dan garis tepi pada satu elemen border-shapeseperti yang ditunjukkan oleh Dr. Lea Verou dan Dr. Una Kravets.

Sampai jumpa lagi!