Beberapa perkara yang saya ambil dari acara selain 2022 di Denver

Acara selain 2022 di Denver menyimpulkan semalam, dan walaupun hilang beberapa hari, saya menghadiri sesi hari terakhir - pengalaman yang benar -benar menggembirakan! Ia adalah persidangan pertama saya selama bertahun-tahun, dan interaksi dalam orang sangat menyegarkan.

Nota saya dari acara berikut, yang dianjurkan oleh Speaker. Sila ambil perhatian: Nota tulisan tangan saya kurang berstruktur daripada kebanyakan, memberi tumpuan kepada sorotan dan bukannya ringkasan yang komprehensif.

Chris Coyier: Web moden sebenarnya cukup baik

Chris's Talk, versi yang diperluaskan dari persembahan terdahulu, diselidiki ke dalam

Unit Relatif Container . Menggabungkan ini dengan memberikan respons yang lebih tepat, kerana nilai adalah relatif kepada bekas, bukan viewport. Ini menawarkan peningkatan menggunakan unit Viewport Width (VH) untuk tipografi cecair. clamp()

contohnya, bukannya:

<code>font-size: clamp(1rem, 1rem + 2vw, 2rem);</code>

Pertimbangkan menggunakan unit

container inline saiz (cqi) unit:

<code>font-size: clamp(1rem, 1rem + 1cqi, 2rem);</code>

di mana

sama dengan 1% daripada saiz inline bekas. (Lihat draf spesifikasi untuk butiran). 1cqi

Chris juga menyerlahkan kelebihan prestasi

pengkomputeran tepi . Walaupun telah membaca artikel terdahulu mengenai subjek ini, saya mendapat pemahaman yang lebih mendalam tentang konsep ini. CDN yang diedarkan secara global berkhidmat dengan aset kerana kedekatan geografi mereka dengan pengguna. Ini melampaui imej ke fail HTML, CSS, dan JavaScript statik -inti pendekatan jamStack. Walau bagaimanapun, walaupun pengambilan data dinamik boleh diintegrasikan, dibina sebelum ini, disajikan secara statik atas permintaan, dan disampaikan dengan kelajuan yang luar biasa dari tepi.

Tolu Adegbite: Menguasai ARIA untuk Kebolehcapaian Web

persembahan Tolu Adegbite adalah luar biasa! Liputannya yang komprehensif mengenai Wai-Aria-Roles, Negeri, Pelabelan, Deskripsi-tidak ternilai. Satu takeaway utama adalah meningkatkan kebolehcapaian SVG sebaris. Kerana SVG adalah markup, ia tidak selalu diiktiraf sebagai imej. Untuk memastikan teknologi bantuan dengan betul menafsirkannya, gunakan peranan dan label yang sesuai:

tidak betul:

<img src="/static/imghw/default1.png" data-src="https://img.php.cn/" class="lazy" alt="Some Things I Took Away From An Event Apart 2022 in Denver "><svg viewbox="0 0 100 100"></svg>

Betul:

<svg aria-label="An illustrated brown and white tabby kitten looking lovingly into the camera." role="image" viewbox="0 0 100 100"></svg>

Miriam Suzanne: Taming Specificity CSS dengan Lapisan Cascade

ceramah Miriam Suzanne memberi tumpuan kepada spesifikasi lapisan Cascade (dan panduan trik CSS yang disertakan). Peralihan utama adalah menguruskan kekhususan. Walaupun konsep -pengurangan

, memerintahkan lapisan, dan menulis gaya di dalamnya -adalah mudah, ia memerlukan menyesuaikan diri dengan bagaimana lapisan dapat mengubah keutamaan pemilih. Pemilih kelas yang mudah kini mungkin menimpa pemilih ID, bergantung pada urutan lapisan. @layer

lapisan cascade, bersama pemilih seperti :is(), :where(), dan :has(), menawarkan kawalan kekhususan yang kuat. Miriam juga menekankan bagaimana lapisan lata menangani penggunaan terlalu banyak !important, yang membolehkan keutamaan lapisan dan perlindungan warisan.

Dave Rupert: Menonjolkan Backlog Kebolehcapaian Anda

Dave Rupert berkongsi pengalamannya menangani backlog audit aksesibiliti besar -besaran. Dengan menganjurkan isu -isu dalam tanggapan, beliau mengenal pasti masalah berulang di beberapa halaman, dengan ketara mengurangkan beban kerja. Pendekatannya menekankan mengutamakan isu -isu individu dan memahami konteksnya, dan bukan hanya bergantung pada alat automatik. Penyusunan semula ini juga meningkatkan pemahamannya tentang kesan kepada pengguna dengan gangguan yang berbeza, memupuk empati dan keutamaan yang lebih baik.

malangnya saya terlepas sebahagian daripada sesi akhir Hui Jing Chen kerana perbualan lorong, tetapi saya merancang untuk menonton rakaman apabila tersedia.

Atas ialah kandungan terperinci Beberapa perkara yang saya ambil dari acara selain 2022 di Denver. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!