Stephanie Eckles - Shadow DOM vs Modern CSS
How css styles cascade in the shadow dom:
color-scheme and light-dark() inherit in the shadow dom
Container queries are shadow dom aware.
Container queries and subgrid do not play nice!!!!
Top layer. Just add more layers, easy
Harrison Broadbent - Native html elements you should already be using
Relying on js for everything has been the norm for a while. Maybe not anymore though
Having a lot of dependencies is a risk and cost in the community. Projects die or stop being maintained
The best code is no code wooo lets go native
Check out Open UI
Accordions, modals/dialogs (using popover), tooltips and positioning using anchor positions, rich select
New proposals in open ui: combo box, switch, range v2
Check out Alex Argyle react hater
David Bell - Instrumenting with OpenTelemetry
O11y - observability
Unknown unknowns are the interesting stuff
Metrics + logs + traces
Metrics are hard to correlate or refine. Single data points.
Logs very unstructured, verbose, no schema or index. Structured logging good if you can pull it off
Log everything, find nothing, die unfulfilled
Tracing - separate tool painful, often limited info
Let’s talk about OpenTelemetry
Covers heaps of stuff and languages and instrumentation and is distributed
Otel is basically a fancy structured log. With spans representing chunks of work
Otel is non blocking and gets out of the way. Sending stuff isn’t guaranteed.
Side note: the sides in this presentation look amazing (just text and colours and formatting)
Honeycomb core web vitals in Otel
Okay fine, time to check out Honeycomb for TGH
Janna Malikova - Secure by design
CVE = Common Vulnerabilities and Exposures
Security is a core business requirement. It can’t be treated as an afterthought
Check out the Catalog of Product Security Bad Practices
OWASP vuln risks
Store secrets properly very important
Learn about content security policy
Check out security.txt
Subscribe to security advisories
Erin - A11y
VPAT - voluntary ? accessibility template
Accessibility is hard
Btw: beautiful star trek enterprise UI themed slides holy shit
testing-library allows you to test accessible roles and names, use them!!!
“Multiple elements with the role” error is actually a good accessibility thing
Axe linter
Jest axe and code mode that adds this to test suites????
Accessibility Insights browser extension
Accessibility begins with design!!!!
Reminder about the accessibility tree, some good shit there
David Johnston - The behaviour of browsers and their loading of resources
6 requests per server, chromium limit
Style sheets are render blocking.
JavaScript is parse blocking
script modulepreload