An Event Apart 2022 Denver avsluttet i går. Og selv om jeg ikke klarte å komme meg til alle tre dagene denne gangen, fikk jeg med meg gårsdagens handling - og det var det kjempeflott. Jeg er ikke veldig sosial eller utadvendt, men dette var den første konferansen jeg har vært på på minst et par år, og det å se folk personlig var utrolig forfriskende.
Jeg noterte selvfølgelig! Jeg tenkte jeg skulle legge dem ut her fordi deling er omsorg. Det var i hvert fall det seksåringen min fortalte meg her om dagen da han ba om en matbit av desserten min i går kveld.
Jeg deler dette opp etter høyttaler. Rettferdig advarsel: Jeg handler om håndskrevne notater og en pen visuell fyr, så notatene mine har en tendens til å være mindre... strukturerte enn de fleste. Og disse notatene er bare ting som skilte seg ut for meg. De er kanskje ikke engang programlederens hovedidé, men de fanget oppmerksomheten min!
Chris Coyier: Nettsteder er gode nå
Chris har holdt denne foredraget før (vi koblet det sammen bare forrige uke), men denne gangen utvidet den betraktelig, spesielt med detaljer om beholder relative enheter som, når det kombineres med clamp(), sørge for mer nøyaktig respons fordi verdiene er i forhold til beholderen i stedet for visningsporten. Så du vet hvordan vi ofte bruker viewport-bredde (vh) enheter for væsketype?
font-size: clamp(1rem, 1rem + 2vw, 2rem);Vel, vi kan bruke en beholder relativ enhet som beholderspørring innebygd størrelse (cqi) i stedet hvor 1cqi er lik 1 % av beholderens innebygde størrelse (her er utkastet til spesifikasjonen på det):
font-size: clamp(1rem, 1rem + 1cqi, 2rem);Chris snakket også en del om ytelsesfordelene ved vertskap på kanten. Sannsynligvis ingen overraskelse fordi han er det skrevet om det her. mer enn noen få ganger. Selv som en som allerede hadde lest disse artiklene, skjønte jeg ærlig talt ikke det komplette konseptet med databehandling ved kanten.
Ideen er villedende enkel: globale CDN-er kan tjene eiendeler raskt fordi de er vert for dem geografisk nær brukeren. Det er ganske vanlig praksis for visning av rasterbilder. Men det har utvidet seg til statiske filer, for eksempel de samme HTML-, CSS- og JavaScript-filene som driver et nettsted – bygg dem på forhånd og server de allerede kompilerte og optimaliserte filene fra det raske globale CDN. Det er hele Jamstack-konseptet!
Men hva om du fortsatt trenger et serversvar fra den? Det er vel ikke så veldig edge-y? Vel, nå har vi behandlere som er i stand til å kjøre på en enkelt URL som henter data på forhånd, og injiserer dem før gjengivelse - direkte fra CDN. Jada, det skjer ekstra arbeid i bakgrunnen. Likevel, det faktum at vi dynamisk kan hente data, injisere dem, forhåndsbygge dem, servere dem statisk on demand, og få den kjørt geografisk nærmere brukeren gjør dette lynraskt.
Tolu Adegbite: Hvordan vinne i ARIA og påvirke netttilgjengelighet
Herregud var dette en utmerket presentasjon! Tolu Adegbite lærte meg så hardt på WAI-ARIA at jeg hadde vanskelig for å skrive ned alle edelstenene hun delte – roller! stater! Merking! Beskrivelser! Alt var usedvanlig godt dekket, og ting som jeg vet jeg vil komme tilbake til gang på gang.
Men en spesifikk ting som fanget min oppmerksomhet er tilgjengeligheten til inline SVG. Selv om SVG er relatert til andre typer designelementer, skiller det faktum at det er markup på slutten av dagen det fordi det er ikke alltid identifisert som et bilde.
Det er mer sannsynlig at hjelpeteknologi leser inline SVG som et bilde ved å gi det en riktig tilgjengelig rolle og merkelapp:
Miriam Suzanne: Cascading Layers of Importance
Hei, nok en alun fra CSS-Tricks! Miriam har brukt mye tid og krefter på Cascade Layers spesifikasjon. Hun skrev også en stor gammel guide om dem her på CSS-Tricks og snakket om dem på An Event Apart.
Det som har festet meg mest er hvor stort et mentalt skifte dette er. Konseptet er ikke komplisert i seg selv. Erklære @layer øverst i CSS-dokumentet, lister lagene i spesifisitetsrekkefølge, og skriv deretter stiler i disse lagene. Men for en gammel dinosaur som meg som har skrevet CSS en stund, må jeg venne meg til det faktum at Cascade Layers gjør det mulig for en enkel klassevelger å slå ut noe som vanligvis har en høyere spesifisitet, som en ID.
🤯
Miriam minnet også rommet om at Cascade Layers bare er ett verktøy vi har i vårt spesifisitetsadministrerende verktøybelte, i tillegg til velgere som påvirker spesifisitet (f.eks. :is(), :where()og :has()).
Oh, og dette er en interessant godbit. Da Miriam gikk gjennom historien om spesifisitet i CSS, husket hun det !important ble opprinnelig designet som et verktøy for brukere for å overstyre brukeragent- og forfatterstiler. Men et eller annet sted nedover linjen har vi tatt det i bruk for å tvinge forfatterstiler til toppen. Cascade Layers hjelper til med å fjerne unnskyldning trenger å bruke !important fordi de gir oss kraften til å "prioritere lag og beskytte arv».
Det er vakkert sagt, Miriam!
Dave Rupert: Unblocking Your Accessibility Backlog
Tenk deg å våkne opp en dag til hundrevis av GitHub-varsler om rapporterte problemer på nettstedet ditt. Hvor begynner du i det hele tatt? Kanskje lukke den bærbare datamaskinen og få en rotfylling i stedet? Det skjedde med Dave! En automatisert tilgjengelighetsrevisjon returnerte en enorm haug med feil og tildelte dem som billetter for Dave å fikse.
Men han la merke til et mønster etter å ha tatt et Excel-regneark med disse problemene, flyttet dem til Notion for en bedre oversikt, skjult unødvendige kolonner, kategorisert alt og vist resultatene i logiske grupper. Mange av de rapporterte problemene var det samme problemet som ble gjentatt på flere sider. Bare fordi en automatisert test returnerer en håndfull feil, betyr det ikke at de alle er unike. Det reduserte en god del av billettene.
Han fortsatte med å vise hvordan - med relativt liten innsats - etterslepet av saker avtok med nesten 50 %.
Det er mye å hente der, spesielt når det gjelder hvordan vi behandler og organiserer arbeidet vårt. Den største takeawayen for meg er da Dave sa at vi må legge vekt på individer og interaksjoner fremfor prosesser og verktøy. Verktøy som det som skanner etter tilgjengelighetsfeil er nyttige, men de forteller kanskje ikke hele historien. I stedet for å ta dem på ordene, er det verdt å stille spørsmål og få mer kontekst før du kaster deg ut i rotet.
Som en bonus, omorganiserte problemene i Notion gjorde det mulig for Dave å gruppere problemer på en måte som tydelig viser hvilke svekkelser produktet hans aktivt diskriminerte mot, noe som ga ham større empati for disse savnene og hvordan han skulle prioritere dem.
En virtuell økt til av Hui Jing Chen avsluttet dagen, men riktignok gikk jeg glipp av omtrent halvparten av den fordi jeg hadde en samtale i gangen. Samtalen var verdt det, selv om jeg er lei meg over at jeg gikk glipp av presentasjonen. Jeg kommer til å se videoen av den når den er publisert!
