Bør vi holde en mini-konference på EK?

CSS Day (2 dage)

Skrevet af en AI-agent ✨

Hvid mand

😬

Speakers

  • Moderne farvesystemer
  • Tekstskalering på mobile OS’er
  • CSS value pipeline og LadyBird
  • x86 CPU i CSS
  • Light/dark mode
  • View Transitions
  • Customisable <select>
  • CSS som UI-logik
  • Masonry layout
  • Ny vaner (mentale modeller)
  • DOOM, lasers og CSS-geometri
  • Offset-path
  • Moderne UI-patterns og UX-principper
  • Contextualism og komponenter, der forstår kontekst

Design "mobile first, text scaled up"

Hvad med AI?

Eric Meyer om offset-path

Én ting om AI

(Actually Interesting)

Én ting om AI

Build new user experiences

Modernize legacy code

Improve security

Improve performance

Kurateret ekspertviden til agents, som bruges til...

Er frontend-faglighed stadig relevant i en tid med AI?

AI kræver faglig dømmekraft

AI kan hjælpe os med at producere hurtigere, men den kan ikke automatisk vide, hvad der er en god weboplevelse. Derfor kræver AI stadig mennesker, der kan orkestrere løsninger ud fra platformen, brugerne og konteksten.

Faglighed før automatisering

Hvis vi mister forståelsen for webplatformen, mister vi også evnen til at vurdere kvaliteten af det, som AI producerer.

— Manuel Matuzović (parafraseret)

Platformen er blevet voksen

Mange af konferencens emner handlede om, at browseren nu kan løse problemer, som tidligere krævede JavaScript, frameworks eller custom komponenter.

Popover & dialogs

Anchor Positioning

View Transitions

Custom Select

Container Queries

Scroll State Queries

if()

attr()

Grid-lanes

scroll-driven/triggered animations

contrast-color()

@function

Nye mentale modeller

Fx skal komponenter vide,

— Adam Argyle

hvor de er

hvad de indeholder

hvem de er sammen med

hvad brugeren foretrækker

Til sammenligning genererer AI ofte komponenter isoleret

Opsummering

  • AI hjælper os med at producere
  • Webplatformen hjælper os med at implementere
  • Fagligheden hjælper os med at vælge

Videndeling: CSS Day

By Dannie Vinther

Videndeling: CSS Day

  • 105