Heim > Web-Frontend > CSS-Tutorial > Einige Dinge, die ich von einem Ereignis 2022 in Denver abgebaut habe

Einige Dinge, die ich von einem Ereignis 2022 in Denver abgebaut habe

Jennifer Aniston
Freigeben: 2025-03-10 09:52:10
Original
639 Leute haben es durchsucht

Some Things I Took Away From An Event Apart 2022 in Denver

Ein Ereignis von 2022 in Denver endete gestern, und obwohl ich einige Tage fehlte, nahm ich an den Sitzungen des letzten Tages teil - eine wirklich lohnende Erfahrung! Es war meine erste Konferenz seit Jahren und die persönliche Interaktion war unglaublich erfrischend.

Meine Notizen aus der Veranstaltung folgen, organisiert von Sprecher. Bitte beachten Sie: Meine handgeschriebenen Notizen sind weniger strukturiert als die meisten anderen und konzentrieren sich eher auf Highlights als auf umfassende Zusammenfassungen.

Chris Coyier: Das moderne Web ist eigentlich ziemlich gut

Chris 'Vortrag, eine erweiterte Version einer früheren Präsentation, die in Container Relative Units eingewiesen wurde. Die Kombination mit clamp() bietet eine genauere Reaktionsfähigkeit, da die Werte relativ zum Container und nicht zum Ansichtsfenster sind. Dies bietet eine Verbesserung gegenüber der VH -Einheiten (Ansichtsfensterbreite) für die Fluid -Typografie.

Zum Beispiel statt:

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

Überlegen Sie die Inline-Größe Containerabfrage (CQI) Einheit:

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

wobei 1cqi 1% der Inline -Größe des Behälters entspricht. (Weitere Einzelheiten finden Sie in der Entwurfsspezifikation).

chris hob auch die Leistungsvorteile von Edge Computing hervor. Selbst nachdem ich seine früheren Artikel zu diesem Thema gelesen hatte, erlangte ich ein tieferes Verständnis des Konzepts. Global verteilte CDNs dienen aufgrund ihrer geografischen Nähe zu Benutzern effizient Vermögenswerte. Dies erstreckt sich über die Bilder über statische HTML-, CSS- und JavaScript -Dateien hinaus - dem Kern des Jamstack -Ansatzes. Selbst dynamische Daten abrufen können jedoch integriert, vorgefertigt, statisch auf Demand serviert und mit unglaublicher Geschwindigkeit von der Kante geliefert werden.

tolu adegbite: Mastering Aria für Web -Barrierefreiheit

Tolu Adegbite's Präsentation war außergewöhnlich! Ihre umfassende Berichterstattung über Wai-Aria-Rollen, Staaten, Kennzeichnung, Beschreibungen-war von unschätzbarem Wert. Ein wesentlicher Erfolg bestand darin, die Zugänglichkeit von Inline SVG zu verbessern. Da SVG Markup ist, wird es nicht immer als Bild erkannt. Um die Hilfstechnologie korrekt zu gewährleisten, interpretiert sie die entsprechenden Rollen und Etiketten:

Falsch:

<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>
Nach dem Login kopieren

richtig:

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

Miriam Suzanne: Zähmung der CSS -Spezifität mit Kaskadenschichten

Miriam Suzannes Vortrag konzentrierte sich auf die Kaskadenschichtenspezifikation (und ihren begleitenden CSS-Tricks-Leitfaden). Die Schlüsselverschiebung ist die Verwaltung der Spezifität. Während das Konzept - die Deklaration von @layer, die Bestellung von Ebenen und Schreibstilen in ihnen - unkompliziert ist, muss sich an die Anpassung an die Anpassung an die Vorrang des Selektors erfordern. Ein einfacher Klassenwählers kann jetzt je nach Schichtreihenfolge einen ID -Selektor überschreiben.

Kaskadenschichten sowie Selektoren wie :is(), :where() und :has() bieten eine leistungsstarke Spezifitätskontrolle. Miriam betonte auch, wie Kaskadenschichten den Überbeanspruchung von !important ansprechen, was die Priorisierung von Schichten und den Schutz der Erbschaft ermöglicht.

Dave Rupert: Eroberung Ihres Backlogs

Dave Rupert teilte seine Erfahrung mit einem massiven Backlog der Barrierefreiheitsprüfung. Durch die Organisation der Probleme im Begriff identifizierte er wiederkehrende Probleme auf mehreren Seiten und verringerte die Arbeitsbelastung erheblich. Sein Ansatz betonte die Priorisierung individueller Probleme und das Verständnis des Kontexts, anstatt sich ausschließlich auf automatisierte Tools zu verlassen. Diese Umstrukturierung verbesserte auch sein Verständnis der Auswirkungen auf Benutzer mit unterschiedlichen Beeinträchtigungen, Förderung von Empathie und besserer Priorisierung.

Ich habe leider einen Teil von Hui Jing Chens letzter Sitzung aufgrund eines Flurgesprächs verpasst, aber ich habe vor, die Aufnahme zu sehen, sofern verfügbar.

Das obige ist der detaillierte Inhalt vonEinige Dinge, die ich von einem Ereignis 2022 in Denver abgebaut habe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage