Arhiva web · 35 articole
2017–2021: Platformă web matură, sisteme și Web Vitals
CSS Grid, WebAssembly, WebAuthn, design systems și Core Web Vitals au mutat accentul spre experiențe robuste și măsurabile.
Context
Ce definea această perioadă.
Browserele moderne ofereau primitive de layout și platformă tot mai interoperabile. În paralel, complexitatea aplicațiilor cerea sisteme de design și monitorizare continuă.
Calitatea nu mai însemna doar aspect coerent; includea stabilitate vizuală, timp de răspuns, accesibilitate, autentificare și comportament pe dispozitive modeste.
Păstrăm layoutul nativ, tokenurile de design, auditarea performanței și deciziile bazate pe date de utilizare reale.
ANUL
2017
- 01↗
HTML și structură
HTML semantic ca schelet al aplicațiilor
- 02↗
CSS și layout
CSS Grid și layout bidimensional nativ
- 03↗
Interacțiune și browser
animație coordonată fără blocarea interacțiunii
- 04↗
Performanță și livrare
Lighthouse și auditul repetabil
- 05↗
Accesibilitate
componente cu focus și stări accesibile
- 06↗
Limbaj vizual
fonturi variabile în identități responsive
- 07↗
Proces și instrumente
WebAssembly 1.0 și noi tipuri de aplicații
ANUL
2018
- 01↗
HTML și structură
semantica paginilor în aplicații client-side
- 02↗
CSS și layout
CSS Scroll Snap pentru secvențe controlate
- 03↗
Interacțiune și browser
WebAuthn și autentificare fără parole tradiționale
- 04↗
Performanță și livrare
audituri de performanță în CI
- 05↗
Accesibilitate
WCAG 2.1 pentru mobil și low vision
- 06↗
Limbaj vizual
design tokens între design și cod
- 07↗
Proces și instrumente
JAMstack și separarea buildului de runtime
ANUL
2019
- 01↗
HTML și structură
Web Components și markup reutilizabil
- 02↗
CSS și layout
Subgrid și alinierea componentelor complexe
- 03↗
Interacțiune și browser
prefers-color-scheme și preferințe de interfață
- 04↗
Performanță și livrare
lazy loading nativ pentru imagini
- 05↗
Accesibilitate
privacy by design în formulare și tracking
- 06↗
Limbaj vizual
dark mode ca sistem, nu inversare de culori
- 07↗
Proces și instrumente
headless CMS și conținut independent de prezentare
ANUL
2020
- 01↗
HTML și structură
HTML rezilient pentru servicii esențiale online
- 02↗
CSS și layout
aspect-ratio și stabilitatea layoutului
- 03↗
Interacțiune și browser
interfețe pentru servicii și colaborare la distanță
- 04↗
Performanță și livrare
Core Web Vitals: LCP, FID și CLS
- 05↗
Accesibilitate
accesibilitate pentru fluxuri mutate integral online
- 06↗
Limbaj vizual
WebP și AVIF în strategia de imagine
- 07↗
Proces și instrumente
site-uri statice moderne și deploy atomic
ANUL
2021
- 01↗
HTML și structură
HTML server-rendered într-un ecosistem JavaScript
- 02↗
CSS și layout
container queries în primele implementări
- 03↗
Interacțiune și browser
instalare PWA și continuitatea experienței
- 04↗
Performanță și livrare
Core Web Vitals măsurate în teren
- 05↗
Accesibilitate
consimțământ și control real pentru utilizator
- 06↗
Limbaj vizual
sisteme cromatice pentru light și dark mode
- 07↗
Proces și instrumente
design systems guvernate, nu doar documentate