An Event Apart 2022 Denver eile kokku keeratud. Ja kuigi ma ei suutnud seekord kõigile kolmele päevale jõuda, tabasin eilset tegevust – ja nii see oli awesome. Ma ei ole väga seltskondlik ega suhtlemisaldis, kuid see oli esimene konverents, kus olen vähemalt paari aasta jooksul käinud, ja inimeste isiklikult nägemine oli uskumatult värskendav.
Märkmeid tegin muidugi! Mõtlesin, et postitan need siia, sest jagamine on hooliv. Vähemalt nii ütles mulle eile õhtul mu kuueaastane, kui ta mu magustoitu näksis.
Jagan selle kõneleja järgi. Õiglane hoiatus: Mulle meeldib käsitsi kirjutatud märkmed ja ilus visuaalne mees, nii et mu märkmed kipuvad olema vähem… struktureeritud kui enamik. Ja need märkmed on lihtsalt asjad, mis mulle silma jäid. Need ei pruugi isegi olla saatejuhi põhiideed, aga minu tähelepanu köitsid!
Chris Coyier: veebisaidid on praegu head
Chris on seda kõnet varem pidanud (me ühendasime selle just eelmisel nädalal), kuid seekord laiendas seda oluliselt, eriti üksikasjalikult konteineri suhtelised ühikud mis kombineerituna clamp(), tagab täpsema reageerimise, sest väärtused on pigem konteineri kui vaateava suhtes. Nii et teate, kuidas me sageli kasutame vaateava laiust (vh) ühikut vedeliku tüübi jaoks?
font-size: clamp(1rem, 1rem + 2vw, 2rem);Noh, me saame kasutada konteineri suhtelist ühikut nagu konteineri päring reasiseses suuruses (cqi) asemel, kus 1cqi on võrdne 1% konteineri reasisesest suurusest (siin on selle spetsifikatsiooni mustand):
font-size: clamp(1rem, 1rem + 1cqi, 2rem);Chris rääkis üsna palju ka jõudluse eelistest võõrustamine äärel. Tõenäoliselt pole see üllatav, sest ta on kirjalik sellest siin rohkem kui paar korda. Isegi kui keegi, kes oli neid artikleid juba lugenud, ei mõistnud ma ausalt öeldes täielikku arvutikontseptsiooni äärealadel.
Idee on petlikult lihtne: globaalsed CDN-id võivad teenida vara kiiresti, sest nad majutavad neid geograafiliselt kasutajale lähedal. See on üsna tavaline rasterpiltide esitamise tava. Kuid see on laienenud staatilistele failidele, nagu samad HTML-, CSS- ja JavaScript-failid, mis kasutavad saiti – looge need ette ja teenindage juba koostatud ja optimeeritud faile kiirest globaalsest CDN-ist. See on kogu Jamstacki kontseptsioon!
Aga mis siis, kui vajate sellelt ikkagi serveri vastust? See pole väga äge, eks? Nüüd on meil töötlejad, mis on võimelised töötama ühel URL-il, hankides andmeid eelnevalt ja sisestades need enne renderdamist – otse CDN-ist. Muidugi, taustal tehakse lisatööd. Siiski on tõsiasi, et saame andmeid dünaamiliselt tuua, neid sisestada, eelkoostada, staatiliselt teenindada nõudmisel, ja selle käitamine geograafiliselt kasutajale lähemal muudab selle ülikiireks.
Tolu Adegbite: kuidas ARIAs võita ja veebi juurdepääsetavust mõjutada
Jumal küll, see oli suurepärane esitlus! Tolu Adegbite õpetas mind WAI-ARIA teemal nii kõvasti, et mul oli raske üles märkida kõiki tema jagatud kalliskive – rolle! osariigid! Märgistus! Kirjeldused! Kõik oli erakordselt hästi kaetud ja asjad, mille juurde ma tean, et tulen ikka ja jälle tagasi.
Kuid üks konkreetne asi, mis minu tähelepanu köitis, on sisseehitatud SVG juurdepääsetavus. Kuigi SVG on seotud muud tüüpi kujundusvaradega, eristab seda asjaolu, et see on päeva lõpus märgistus, kuna seda ei tuvastata alati kujutisena.
Abitehnoloogia loeb tõenäolisemalt tekstisisese SVG-d pildina, andes sellele õige juurdepääsetava rolli ja sildi:
Miriam Suzanne: Tähtsamad kihid
Hei, veel üks CSS-Tricksi alum! Miriam on kulutanud palju aega ja vaeva Kaskaadikihtide spetsifikatsioon. Ta kirjutas ka a suur juhend nende kohta siin CSS-Tricksis ja rääkisin neist An Event Apartis.
Mulle on kõige rohkem külge jäänud see, kui suur vaimne nihe see on. Mõiste ei ole iseenesest keeruline. Kuulutama @layer Loetlege CSS-dokumendi ülaosas kihid spetsiifilisuse järjekorras ja seejärel kirjutage nendesse kihtidesse stiilid. Kuid minusuguse vana dinosauruse jaoks, kes on mõnda aega CSS-i kirjutanud, pean ma harjuma tõsiasjaga, et Cascade Layers võimaldab lihtsal klassivalijal välja lüüa midagi, millel on tavaliselt suurem spetsiifilisus. nagu ID.
🤯
Miriam tuletas ruumile ka meelde, et Cascade Layers on vaid üks tööriist, mis meil on spetsiifilisust haldavas tööriistaribas, lisaks spetsiifilisust mõjutavatele valijatele (nt :is(), :where()ja :has()).
Oh, ja see on huvitav näpunäide. Kui Miriam CSS-i spetsiifilisuse ajaloost läbi käis, meenutas ta seda !important oli algselt loodud vahendina kasutajatele kasutajaagendi ja autori stiilide alistamiseks. Kuid kusagil allpool oleme selle kasutusele võtnud, et sundida autoristiile tippu. Kaskaadkihid aitavad eemaldada vabandus vaja kasutada !important sest nad annavad meile jõu "seada prioriteediks kihid ja kaitsta pärandit. "
See on ilusti öeldud, Mirjam!
Dave Rupert: teie juurdepääsetavuse mahajäämuse vabastamine
Kujutage ette, et ärkate ühel päeval sadade GitHubi märguannete peale teie saidil teatatud probleemide kohta. Kust sa üldse alustad? Äkki pange sülearvuti kinni ja hankige hoopis juureravi? See juhtus Dave'iga! Automaatne juurdepääsetavuse audit tõi tagasi tohutu hulga vigu ja määras need Dave'i parandamiseks piletiteks.
Kuid ta märkas mustrit pärast seda, kui võttis nende probleemide kohta Exceli tabeli, teisaldas need parema ülevaate saamiseks rakendusse Notion, peitis mittevajalikud veerud, kategoriseeris kõik ja kuvas tulemused loogilistes rühmades. Paljud teatatud probleemid olid samad, mida korrati mitmel lehel. See, et automatiseeritud test tagastab käputäie vigu, ei tähenda, et need kõik on ainulaadsed. See vähendas kena osa piletitest.
Ta näitas, kuidas suhteliselt vähese vaevaga probleemide mahajäämus vähenes peaaegu 50%.
Sealt on palju uurida, eriti seoses sellega, kuidas me oma tööd töötleme ja korraldame. Minu jaoks on kõige olulisem see, kui Dave ütles, et peame protsesside ja tööriistade asemel rõhutama üksikisikuid ja koostoimeid. Sellised tööriistad nagu juurdepääsetavuse vigade otsimine on abiks, kuid need ei pruugi kogu lugu rääkida. Selle asemel, et suhtuda nende sõnadesse, tasub enne segadusse sukeldumist küsida küsimusi ja hankida rohkem konteksti.
Boonusena võimaldas probleemide ümberkorraldamine Notionis Dave'il rühmitada probleemid viisil, mis näitab selgelt, milliseid kahjustusi tema toode aktiivselt diskrimineeris, andes talle suurema empaatia nende möödalaskmiste suhtes ja nende tähtsuse järjekorda seadmise.
Veel üks Hui Jing Cheni virtuaalne seanss lõpetas päeva, kuid tõsi, jäi mul umbes pool sellest vahele, kuna pidasin koridoris vestlust. Vestlus oli seda väärt, kuigi olen hämmingus, et jäin esitlusest ilma. Ma vaatan selle videot, kui see avaldatakse!
