Sebuah Acara Selain 2022 Denver dibungkus kemarin. Dan sementara saya tidak dapat melakukannya selama tiga hari kali ini, saya menangkap aksi kemarin — dan itu mengagumkan. Saya tidak terlalu sosial atau ramah, tetapi ini adalah konferensi pertama yang saya kunjungi setidaknya dalam beberapa tahun, dan melihat orang-orang secara langsung sangat menyegarkan.
Saya mencatat, tentu saja! Saya pikir saya akan mempostingnya di sini karena berbagi itu peduli. Setidaknya, itulah yang dikatakan anak saya yang berusia enam tahun tempo hari ketika meminta gigitan makanan penutup saya tadi malam.
Saya akan memecah ini dengan pembicara. Peringatan yang adil: Saya menyukai catatan tulisan tangan dan teman visual yang cantik, jadi catatan saya cenderung kurang… terstruktur daripada kebanyakan. Dan catatan-catatan ini hanyalah hal-hal yang menonjol bagi saya. Mereka bahkan mungkin bukan ide utama presenter, tetapi mereka menarik perhatian saya!
Chris Coyier: Situs Web Sekarang Bagus
Chris telah memberikan ceramah ini sebelumnya (kami menghubungkannya baru minggu lalu), tapi kali ini memperluasnya secara substansial, terutama dengan detail tentang unit relatif kontainer yang jika digabungkan dengan clamp(), buat responsivitas yang lebih akurat karena nilainya relatif terhadap penampung daripada area pandang. Jadi, Anda tahu seberapa sering kita menggunakan lebar viewport (vh) satuan untuk jenis fluida?
font-size: clamp(1rem, 1rem + 2vw, 2rem);Yah, kita bisa menggunakan unit relatif kontainer seperti ukuran sebaris kueri kontainer (cqi) sebagai gantinya, di mana 1cqi sama dengan 1% dari ukuran sebaris penampung (ini spek drafnya):
font-size: clamp(1rem, 1rem + 1cqi, 2rem);Chris juga berbicara sedikit tentang manfaat kinerja dari hosting di tepi. Mungkin tidak mengejutkan karena dia tertulis tentang itu di sini lebih dari beberapa kali. Bahkan sebagai seseorang yang sudah membaca artikel-artikel itu, sejujurnya saya tidak menyadari konsep lengkap komputasi di tepi.
Idenya tampak sederhana: CDN global dapat melayani aktiva cepat karena mereka meng-host mereka secara geografis dekat dengan pengguna. Itu praktik yang cukup standar untuk menyajikan gambar raster. Tapi itu telah diperluas ke file statis, seperti file HTML, CSS, dan JavaScript yang sama yang memberi daya pada situs — buat mereka terlebih dahulu dan sajikan file yang sudah dikompilasi dan dioptimalkan dari CDN global yang cepat. Itulah keseluruhan konsep Jamstack!
Tetapi bagaimana jika Anda masih memerlukan respons server darinya? Itu tidak terlalu mencolok, bukan? Nah, sekarang kami memiliki penangan yang mampu berjalan pada satu URL yang mengambil data terlebih dahulu, dan menginjeksinya sebelum render — langsung dari CDN. Tentu, ada pekerjaan tambahan yang terjadi di latar belakang. Namun, fakta bahwa kita dapat mengambil data secara dinamis, menyuntikkannya, membangunnya terlebih dahulu, menyajikannya secara statis on demand, dan menjalankannya secara geografis lebih dekat ke pengguna membuat ini sangat cepat.
Tolu Adegbite: Cara Menang di ARIA dan Mempengaruhi Aksesibilitas Web
Astaga, apakah ini presentasi yang luar biasa! Tolu Adegbite mengajari saya begitu keras tentang WAI-ARIA sehingga saya kesulitan menuliskan semua permata yang dia bagikan — Peran! Serikat! Pelabelan! Deskripsi! Semuanya sangat tertutup dengan baik, dan hal-hal yang saya tahu saya akan kembali lagi dan lagi.
Tetapi satu hal khusus yang menarik perhatian saya adalah aksesibilitas SVG sebaris. Meskipun SVG terkait dengan jenis aset desain lainnya, fakta bahwa itu adalah markup pada akhirnya membedakannya karena itu tidak selalu diidentifikasi sebagai gambar.
Teknologi bantu lebih cenderung membaca SVG sebaris sebagai gambar dengan memberinya peran dan label yang dapat diakses dengan tepat:
Miriam Suzanne: Lapisan Cascading dari !pentingnya
Hei, alumni CSS-Tricks lainnya! Miriam telah menghabiskan banyak waktu dan usaha untuk Spesifikasi Cascade Layers. Dia juga menulis panduan besar tentang mereka di sini di CSS-Tricks dan membicarakannya di An Event Apart.
Apa yang paling melekat pada saya adalah seberapa besar perubahan mental ini. Konsepnya tidak rumit, per se. Menyatakan @layer di bagian atas dokumen CSS, buat daftar lapisan dalam urutan kekhususan, lalu tulis gaya di lapisan tersebut. Tetapi untuk dinosaurus tua seperti saya yang telah menulis CSS untuk sementara waktu, saya harus membiasakan diri dengan fakta bahwa Cascade Layers memungkinkan pemilih kelas sederhana untuk mengalahkan sesuatu yang biasanya memiliki spesifisitas yang lebih tinggi, seperti identitas.
🤯
Miriam juga mengingatkan ruangan bahwa Cascade Layers hanyalah salah satu alat yang kami miliki di sabuk alat pengelolaan spesifisitas kami, selain selektor yang memengaruhi spesifisitas (mis. :is(), :where(), dan :has()).
Oh, dan ini berita menarik yang menarik. Saat Miriam menelusuri sejarah kekhususan dalam CSS, dia mengingatnya !important awalnya dirancang sebagai alat bagi pengguna untuk mengganti gaya agen pengguna dan penulis. Tetapi di suatu tempat, kami telah mengadopsinya untuk memaksa gaya penulis ke atas. Lapisan Cascade membantu menghilangkan alasan perlu digunakan !important karena mereka memberi kita kekuatan untuk “memprioritaskan lapisan dan melindungi warisan. "
Itu dikatakan dengan indah, Miriam!
Dave Rupert: Membuka Blokir Backlog Aksesibilitas Anda
Bayangkan suatu hari bangun dengan ratusan pemberitahuan GitHub tentang masalah yang dilaporkan di situs Anda. Di mana Anda bahkan mulai? Mungkin tutup laptop Anda dan dapatkan saluran root saja? Itu terjadi pada Dave! Audit aksesibilitas otomatis mengembalikan tumpukan besar kesalahan dan menetapkannya sebagai tiket untuk diperbaiki Dave.
Tapi dia melihat sebuah pola setelah mengambil spreadsheet Excel dari masalah tersebut, memindahkannya ke Notion untuk tampilan yang lebih baik, menyembunyikan kolom yang tidak perlu, mengkategorikan semuanya, dan menampilkan hasilnya dalam grup logis. Banyak dari masalah yang dilaporkan adalah masalah yang sama yang berulang di beberapa halaman. Hanya karena pengujian otomatis mengembalikan beberapa kesalahan tidak berarti semuanya unik. Itu mengurangi sebagian besar tiket.
Dia melanjutkan untuk menunjukkan bagaimana — dengan usaha yang relatif sedikit — tumpukan masalah berkurang hampir 50%.
Ada banyak hal yang bisa dipetik di sana, terutama tentang bagaimana kami memproses dan mengatur pekerjaan kami. Takeaway terbesar bagi saya adalah ketika Dave mengatakan kita harus menekankan individu dan interaksi atas proses dan alat. Alat seperti yang memindai kesalahan aksesibilitas sangat membantu, tetapi mungkin tidak menceritakan keseluruhan cerita. Daripada mengambil kata-kata mereka, ada baiknya mengajukan pertanyaan dan mendapatkan lebih banyak konteks sebelum menyelam ke dalam kekacauan.
Sebagai bonus, mengatur ulang masalah di Notion memungkinkan Dave mengelompokkan masalah dengan cara yang dengan jelas menunjukkan kelemahan mana yang secara aktif didiskriminasikan oleh produknya, memberinya empati yang lebih besar untuk kesalahan tersebut dan bagaimana memprioritaskannya.
Satu lagi sesi virtual oleh Hui Jing Chen mengakhiri hari itu, tetapi harus diakui, saya melewatkan sekitar setengahnya karena saya sedang mengobrol di lorong. Percakapan itu sepadan, meskipun saya kecewa saya melewatkan presentasi. Saya akan menonton video itu ketika itu diterbitkan!
