Arhiva web · 90 articole

2012–2016: Componente, performanță și aplicații moderne

Flexbox, componentele, HTTP/2, ES2015, Service Workers și WebAssembly au apropiat webul de o platformă completă.

Ce definea această perioadă.

Produsele digitale deveneau sisteme cu stări, componente și fluxuri complexe. Designul nu mai putea fi predat doar ca un set de ecrane statice.

Bibliotecile de componente, iconografia SVG, grilele fluide și bugetele de performanță au intrat în procesul obișnuit de proiectare și dezvoltare.

Păstrăm gândirea sistemică, componentele reutilizabile și măsurarea costului tehnic al fiecărei decizii vizuale.

2012

2013

2014

2015

2016

Ce definea această perioadă.

structuri HTML5 pentru aplicații și conținut

Flexbox pentru aliniere pe o singură axă

gesturi touch și stări de interacțiune

imagini pentru ecrane Retina

dimensiunea țintelor tactile

SVG ca sistem de iconuri

preprocesoare CSS în fluxul de dezvoltare

polyfill-uri pentru imagini responsive

propunerea picture pentru art direction

calc în layouturi fluide și componente mixte

CSS animations pentru stări fără JavaScript

WebRTC și comunicare media direct în browser

Page Visibility API și oprirea lucrului inutil

ierarhie mobile-first pentru conținut comercial

icon fonts și sisteme de pictograme scalabile

BEM și denumirea predictibilă a componentelor CSS

Grunt și automatizarea sarcinilor frontend

workflow Retina pentru asseturi raster la densitate dublă

Custom Elements și ideea de componentă nativă

Flexbox în layouturi de producție

CSS filters și feedback vizual în browser

performance budget ca decizie de proiect

focus vizibil în aplicații complexe

flat design și eliminarea ornamentului inutil

task runners și builduri frontend repetabile

srcset în primele implementări pentru imagini responsive

CSS Grid în drafturile pentru layout bidimensional

Shadow DOM și izolarea stilurilor componentelor

Promises pentru fluxuri asincrone mai lizibile

WebRTC în interfețe de comunicare reale

gesturi touch și evitarea conflictelor cu scrollul

SVG sprites pentru iconografie reutilizabilă

critical CSS și primul ecran randat mai repede

tipografie responsive dincolo de breakpoint-uri fixe

Bower și ecosistemul de dependențe frontend

source maps și depanarea codului procesat

HTML5 Recommendation și elemente semantice

layout responsive dincolo de breakpoint-uri standard

Service Workers și experiențe rezistente la rețea

picture și srcset pentru imagini potrivite contextului

componente web cu nume și roluri clare

Material Design și mișcare cu rol explicativ

design systems și inventarul componentelor

srcset și sizes pentru alegerea imaginii potrivite

Fetch API în primele etape ale unui model modern de rețea

Web App Manifest și identitatea aplicației instalabile

Flexbox pentru componente responsive de producție

CSS Custom Properties în primele implementări

navigație mobilă cu ținte tactile și focus vizibil

Shadow DOM și limite vizuale între componente

video responsive și raport de aspect stabil

Navigation Timing pentru măsurarea încărcării reale

HTTPS ca bază pentru noile capabilități web

style guides vii și biblioteci de componente

elemente HTML native înaintea widgeturilor custom

Flexbox ca alegere pragmatică de layout

Progressive Web Apps și stări offline

HTTP/2 și schimbarea strategiilor de livrare

formulare mobile și tastaturi potrivite

responsive images ca parte din art direction

ES2015 și module de cod mai ușor de întreținut

CSS Grid în implementări experimentale de browser

Service Worker și arhitectură offline-first

Fetch API și cereri bazate pe Promise

Web App Manifest pentru instalarea PWA

CSS Containment și izolarea costului de randare

picture element în producție pentru art direction

Promise și module ES2015 în arhitectura frontend

focus management în aplicații cu rutare client-side

critical rendering path și resurse prioritare

SVG symbol ca sistem de iconuri reutilizabil

design tokens între brand și componente

HTML semantic într-un ecosistem de frameworkuri

CSS Custom Properties pentru tokenuri de design

Service Workers și feedback pentru conectivitate

HTTPS și performanța percepută a aplicațiilor

reduced motion ca preferință de utilizator

fonturi variabile și tipografie flexibilă

WebAssembly și granița dintre web și cod nativ