~/talk

Your website does not need JavaScript

Talkat NDC Oslo 2024 · 2024-06-10..06-14· [web-platform, javascript]
slides:none on file

Builds a completely static site from plain HTML and CSS — no JS, no npm, no build step — and demonstrates concrete techniques that actually work: details + summary for accordions, native form validation and input types, input type=range with datalist for labeled sliders, radio-controlled testimonial and image carousels, CSS nesting and the new :has selector to count children. Notes real browser support limits (has is newer, Firefox landed it recently) and accessibility caveats; the static site functions without JavaScript but some UX polish and persisted state still benefit from JS.

AI-written summary · about

  1. 0:00Introduction
  2. 2:07The problem with JavaScript
  3. 3:03Content Targeting
  4. 6:54Accordion
  5. 8:58Form validation
  6. 12:21Nesting
  7. 14:13Range sliders
  8. 19:45Testimonials
  9. 26:03Switches
  10. 32:08Image Carousel
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.