Arhiva web · 90 articole

2002–2006: Standardizare, CSS și primele aplicații web

Trecerea de la tabele la CSS, DOM scripting, browsere concurente și apariția interfețelor asincrone au schimbat meseria.

Context

Ce definea această perioadă.

Echipele încercau să separe conținutul de prezentare, să reducă dependența de tabele și să susțină mai multe motoare de randare. Webul începea să se comporte ca o aplicație, nu doar ca o broșură.

Layoutul devenea mai flexibil, dar compatibilitatea cerea fallback-uri, comentarii condiționale și testare pe versiuni de browser foarte diferite.

Păstrăm separarea responsabilităților, îmbunătățirea progresivă și testarea pe condiții reale, nu doar pe configurația designerului.

ANUL

2002

01
HTML și structură
DOCTYPE, standards mode și quirks mode
02
CSS și layout
tranziția controlată de la tabele la CSS
03
Interacțiune și browser
progressive enhancement înainte de a primi un nume comun
04
Performanță și livrare
fonturi de sistem și randare predictibilă
05
Accesibilitate
formulare accesibile cu label și fieldset
06
Proces și instrumente
workflow editorial pentru site-uri administrabile
07
HTML și structură
XHTML Strict versus Transitional în proiecte reale
08
HTML și structură
liste semantice transformate în meniuri CSS
09
CSS și layout
layout centrat cu lățime fixă pentru rezoluția 1024×768
10
CSS și layout
CSS hacks și costul compatibilității cu browsere vechi
11
Interacțiune și browser
DOM Traversal și Range pentru editarea documentelor
12
Accesibilitate
stări link, focus și active ca feedback de navigare
13
Accesibilitate
image replacement și tensiunea dintre branding și text
14
Performanță și livrare
compresie gzip pentru HTML, CSS și JavaScript
15
Interacțiune și browser
Flash MX și formulare multimedia
16
Proces și instrumente
template-uri pentru sisteme de administrare a conținutului
17
Proces și instrumente
validare W3C ca etapă în procesul de publicare
18
Limbaj vizual
palete mai largi odată cu monitoarele true color

ANUL

2003

01
HTML și structură
marcaj semantic pentru publicații și bloguri
02
CSS și layout
CSS Zen Garden și puterea separării vizuale
03
Interacțiune și browser
DOM scripting între motoare de browser
04
Performanță și livrare
PNG alpha și compoziții cu transparență
05
Accesibilitate
skip links și navigație semantică
06
Proces și instrumente
WordPress și democratizarea publicării
07
HTML și structură
RSS 2.0 și abonarea la publicații web
08
CSS și layout
float-uri CSS pentru layouturi cu mai multe coloane
09
Accesibilitate
meniuri dropdown accesibile prin tastatură
10
Interacțiune și browser
XMLHttpRequest în afara ecosistemului Internet Explorer
11
Proces și instrumente
Web Standards Project și testarea interoperabilității
12
Limbaj vizual
sIFR și tipografie de brand înaintea fonturilor web
13
Performanță și livrare
Flash MX video și costul conținutului în mișcare
14
HTML și structură
permalink-uri și arhitectura informației pentru bloguri
15
CSS și layout
foi de stil print pentru articole și documentație
16
Accesibilitate
ordinea sursei comparată cu ordinea vizuală
17
Proces și instrumente
analiza logurilor pentru înțelegerea traficului
18
Limbaj vizual
CSS image replacement și lizibilitatea fără imagini

ANUL

2004

01
HTML și structură
WHATWG și direcția aplicațiilor HTML
02
CSS și layout
layout CSS testat în Firefox și Internet Explorer
03
Interacțiune și browser
interacțiuni fără dependență de un singur browser
04
Performanță și livrare
CSS sprites și reducerea cererilor HTTP
05
Accesibilitate
microformate și sens adăugat conținutului
06
Limbaj vizual
limbajul vizual Web 2.0
07
HTML și structură
Web Forms 2.0 și controale mai potrivite aplicațiilor
08
Interacțiune și browser
Canvas în Safari și grafica desenată prin script
09
Interacțiune și browser
Gmail și interfețe care evitau reîncărcarea completă
10
CSS și layout
colțuri rotunjite din imagini și markup suplimentar
11
Accesibilitate
progressive enhancement pentru funcții JavaScript
12
Accesibilitate
formulare cu instrucțiuni, erori și etichete explicite
13
CSS și layout
layouturi de 760 și 950 de pixeli pentru ecrane desktop
14
Interacțiune și browser
rollover navigation cu CSS în locul scripturilor
15
Performanță și livrare
video Flash și dependența de plugin
16
Proces și instrumente
denumiri semantice de clase CSS
17
Limbaj vizual
înlocuirea fonturilor prin imagini și text ascuns
18
Proces și instrumente
testarea în Firefox 1.0 ca etapă distinctă de QA

ANUL

2005

01
HTML și structură
HTML semantic în era microformatelor
02
CSS și layout
colțuri rotunjite construite din imagini
03
Interacțiune și browser
Ajax și feedbackul interfețelor asincrone
04
Performanță și livrare
hărți, video și greutatea conținutului bogat
05
Accesibilitate
validarea formularelor fără blocarea utilizatorului
06
Limbaj vizual
landing pages și ierarhie orientată spre conversie
07
HTML și structură
JSON ca alternativă compactă la XML pentru date
08
Interacțiune și browser
Google Maps și interacțiuni spațiale fără refresh
09
Interacțiune și browser
stări loading, success și error în cereri asincrone
10
Accesibilitate
JavaScript unobtrusive și separarea comportamentului
11
Proces și instrumente
Ruby on Rails și convenții pentru aplicații web
12
HTML și structură
RSS și butoane de abonare în interfețe editoriale
13
Limbaj vizual
tag clouds și navigarea prin popularitatea termenilor
14
Limbaj vizual
gradienți, reflexii și badge-uri în estetica Web 2.0
15
CSS și layout
layouturi optimizate pentru monitoare de 1024 pixeli
16
Accesibilitate
alternative accesibile pentru CAPTCHA
17
Performanță și livrare
video încorporat și costul pluginurilor media
18
Proces și instrumente
Google Analytics și măsurarea comportamentului pe site

ANUL

2006

01
HTML și structură
JSON și date structurate pentru interfețe
02
CSS și layout
grile fixe pentru ecrane de 1024px
03
Interacțiune și browser
jQuery și abstractizarea incompatibilităților
04
Performanță și livrare
optimizarea scripturilor și a cererilor multiple
05
Accesibilitate
scripting accesibil și degradare grațioasă
06
Proces și instrumente
Sass și începutul stilurilor organizate ca sistem
07
CSS și layout
Internet Explorer 7 și repararea incompatibilităților CSS
08
CSS și layout
CSS reset și un punct de pornire comun între browsere
09
Interacțiune și browser
YUI și biblioteci pentru componente de interfață
10
Proces și instrumente
Firebug și depanarea directă în browser
11
HTML și structură
microformate hCard și hCalendar în conținut semantic
12
Interacțiune și browser
istoricul browserului în aplicații Ajax
13
Performanță și livrare
sprite-uri CSS pentru reducerea cererilor HTTP
14
Limbaj vizual
transparență PNG odată cu Internet Explorer 7
15
Accesibilitate
WAI-ARIA draft și widgeturi dinamice accesibile
16
CSS și layout
grile CSS reutilizabile înaintea frameworkurilor responsive
17
HTML și structură
Atom și RSS în distribuția conținutului
18
Performanță și livrare
minificarea JavaScript în pipeline-ul de publicare

Ce definea această perioadă.

DOCTYPE, standards mode și quirks mode

tranziția controlată de la tabele la CSS

progressive enhancement înainte de a primi un nume comun

fonturi de sistem și randare predictibilă

formulare accesibile cu label și fieldset

workflow editorial pentru site-uri administrabile

XHTML Strict versus Transitional în proiecte reale

liste semantice transformate în meniuri CSS

layout centrat cu lățime fixă pentru rezoluția 1024×768

CSS hacks și costul compatibilității cu browsere vechi

DOM Traversal și Range pentru editarea documentelor

stări link, focus și active ca feedback de navigare

image replacement și tensiunea dintre branding și text

compresie gzip pentru HTML, CSS și JavaScript

Flash MX și formulare multimedia

template-uri pentru sisteme de administrare a conținutului

validare W3C ca etapă în procesul de publicare

palete mai largi odată cu monitoarele true color

marcaj semantic pentru publicații și bloguri

CSS Zen Garden și puterea separării vizuale

DOM scripting între motoare de browser

PNG alpha și compoziții cu transparență

skip links și navigație semantică

WordPress și democratizarea publicării

RSS 2.0 și abonarea la publicații web

float-uri CSS pentru layouturi cu mai multe coloane

meniuri dropdown accesibile prin tastatură

XMLHttpRequest în afara ecosistemului Internet Explorer

Web Standards Project și testarea interoperabilității

sIFR și tipografie de brand înaintea fonturilor web

Flash MX video și costul conținutului în mișcare

permalink-uri și arhitectura informației pentru bloguri

foi de stil print pentru articole și documentație

ordinea sursei comparată cu ordinea vizuală

analiza logurilor pentru înțelegerea traficului

CSS image replacement și lizibilitatea fără imagini

WHATWG și direcția aplicațiilor HTML

layout CSS testat în Firefox și Internet Explorer

interacțiuni fără dependență de un singur browser

CSS sprites și reducerea cererilor HTTP

microformate și sens adăugat conținutului

limbajul vizual Web 2.0

Web Forms 2.0 și controale mai potrivite aplicațiilor

Canvas în Safari și grafica desenată prin script

Gmail și interfețe care evitau reîncărcarea completă

colțuri rotunjite din imagini și markup suplimentar

progressive enhancement pentru funcții JavaScript

formulare cu instrucțiuni, erori și etichete explicite

layouturi de 760 și 950 de pixeli pentru ecrane desktop

rollover navigation cu CSS în locul scripturilor

video Flash și dependența de plugin

denumiri semantice de clase CSS

înlocuirea fonturilor prin imagini și text ascuns

testarea în Firefox 1.0 ca etapă distinctă de QA

HTML semantic în era microformatelor

colțuri rotunjite construite din imagini

Ajax și feedbackul interfețelor asincrone

hărți, video și greutatea conținutului bogat

validarea formularelor fără blocarea utilizatorului

landing pages și ierarhie orientată spre conversie

JSON ca alternativă compactă la XML pentru date

Google Maps și interacțiuni spațiale fără refresh

stări loading, success și error în cereri asincrone

JavaScript unobtrusive și separarea comportamentului

Ruby on Rails și convenții pentru aplicații web

RSS și butoane de abonare în interfețe editoriale

tag clouds și navigarea prin popularitatea termenilor

gradienți, reflexii și badge-uri în estetica Web 2.0

layouturi optimizate pentru monitoare de 1024 pixeli

alternative accesibile pentru CAPTCHA

video încorporat și costul pluginurilor media

Google Analytics și măsurarea comportamentului pe site

JSON și date structurate pentru interfețe

grile fixe pentru ecrane de 1024px

jQuery și abstractizarea incompatibilităților

optimizarea scripturilor și a cererilor multiple

scripting accesibil și degradare grațioasă

Sass și începutul stilurilor organizate ca sistem

Internet Explorer 7 și repararea incompatibilităților CSS