Arhiva web · 90 articole

1997–2001: Webul documentelor și al browserelor rivale

HTML, primele niveluri CSS, DOM și accesibilitatea formalizată într-un web proiectat pentru modem și ecrane mici.

Context

Ce definea această perioadă.

Paginile erau în primul rând documente, iar controlul vizual depindea de interpretări diferite ale browserelor. Designerul lucra cu puține fonturi, imagini atent comprimate și multă verificare manuală.

Interfața trebuia să rămână inteligibilă chiar dacă browserul ignora o parte din stiluri. Ierarhia, ordinea conținutului și greutatea fișierelor contau mai mult decât efectele decorative.

Păstrăm disciplina structurii, bugetul de performanță și ideea că o pagină trebuie să funcționeze înainte de a fi ornamentată.

ANUL

1997

01
HTML și structură
HTML 3.2 și trecerea spre HTML 4
02
CSS și layout
layouturi cu tabele și celule invizibile
03
Interacțiune și browser
JavaScript și primele interacțiuni în browser
04
Performanță și livrare
GIF, JPEG și bugetul unei conexiuni dial-up
05
Accesibilitate
text alternativ și navigare fără imagini
06
Limbaj vizual
culori web-safe și fonturi de sistem
07
Interacțiune și browser
ECMAScript 1 și standardizarea scriptingului în browser
08
Performanță și livrare
HTTP/1.1 și conexiuni persistente pentru pagini mai rapide
09
Interacțiune și browser
RFC 2109, cookie-uri și primele sesiuni web standardizate
10
CSS și layout
frameset și navigație în ferestre independente
11
HTML și structură
formulare CGI și răspunsuri generate pe server
12
CSS și layout
spacer GIF și controlul pixel cu pixel al grilei
13
Limbaj vizual
paleta de 216 culori și dithering pe monitoare
14
Interacțiune și browser
contoare de vizitatori și feedbackul unei pagini dinamice
15
Accesibilitate
meniuri construite din imagini cu alternative text
16
Proces și instrumente
browser sniffing pentru Netscape și Internet Explorer
17
Proces și instrumente
publicare manuală prin FTP și directoare de producție
18
Limbaj vizual
bannerul de 468×60 și ierarhia paginilor comerciale

ANUL

1998

01
HTML și structură
HTML 4 și separarea structurii de prezentare
02
CSS și layout
CSS2, poziționare și foi de stil pentru medii diferite
03
Interacțiune și browser
DOM Level 1 și documente programabile
04
Performanță și livrare
imagini optimizate pentru modemuri de 56k
05
Accesibilitate
accesibilitate înainte de WCAG 1.0
06
Limbaj vizual
DHTML și compoziții vizuale stratificate
07
HTML și structură
XML 1.0 și separarea datelor de prezentare
08
CSS și layout
CSS media types pentru ecran, print și dispozitive asistive
09
CSS și layout
poziționare absolută CSS în locul tabelelor imbricate
10
Interacțiune și browser
modelul de evenimente DOM în interfețe DHTML
11
Interacțiune și browser
straturi DHTML și compatibilitate între browsere
12
Limbaj vizual
PNG și transparență într-un web dominat de GIF
13
Performanță și livrare
imagini slice pentru interfețe cu timp mic de încărcare
14
Accesibilitate
linkuri vizibile și convenții timpurii de utilizabilitate
15
Accesibilitate
formulare HTML 4 cu label, fieldset și legend
16
Proces și instrumente
Server Side Includes pentru antete și navigație reutilizabile
17
Proces și instrumente
matrice de compatibilitate pentru browserele anului 1998
18
Limbaj vizual
fonturi instalate local și familii tipografice de rezervă

ANUL

1999

01
HTML și structură
HTML 4.01 și pagini mai predictibile
02
CSS și layout
CSS1 și CSS2 în proiecte comerciale
03
Interacțiune și browser
XMLHttpRequest în IE5 și interfețe asincrone
04
Performanță și livrare
viteza percepută prin imagini și cache
05
Accesibilitate
WCAG 1.0 și designul accesibil
06
Limbaj vizual
SVG și promisiunea graficii scalabile
07
Interacțiune și browser
ECMAScript 3 și un limbaj mai coerent pentru interfețe
08
Performanță și livrare
HTTP/1.1 în RFC 2616 și cache control pentru site-uri
09
HTML și structură
XSLT 1.0 și transformarea documentelor XML
10
HTML și structură
XPath și selectarea structurată a conținutului
11
Limbaj vizual
favicon în Internet Explorer 5 și identitatea site-ului
12
Proces și instrumente
RSS 0.90 și distribuirea automată a conținutului
13
CSS și layout
foi de stil pentru print și pagini utile pe hârtie
14
Accesibilitate
tabindex, accesskey și navigarea fără mouse
15
Accesibilitate
longdesc pentru imagini cu informație complexă
16
Interacțiune și browser
meniuri CSS cu stări hover și feedback vizibil
17
Limbaj vizual
Flash 4 și interfețe animate cu plugin
18
Proces și instrumente
CSS specificity în proiecte cu foi de stil tot mai mari

ANUL

2000

01
HTML și structură
XHTML 1.0 și disciplina marcajului
02
CSS și layout
primele layouturi CSS fără tabele
03
Interacțiune și browser
DOM Level 2 și evenimente standardizate
04
Performanță și livrare
Flash 5 și costul experiențelor bogate
05
Accesibilitate
tehnici HTML pentru WCAG 1.0
06
Limbaj vizual
layouturi lichide pentru rezoluții diferite
07
Interacțiune și browser
capturing, bubbling și propagarea controlată a evenimentelor
08
Interacțiune și browser
DOM Level 2 Style și modificarea regulilor CSS din script
09
HTML și structură
XML Namespaces și combinarea vocabularelor web
10
HTML și structură
RSS 1.0 și metadate pentru publicații
11
CSS și layout
CSS pentru print și versiuni fără navigație inutilă
12
CSS și layout
specificitate și cascadă în layouturi fără tabele
13
Accesibilitate
meniuri skip navigation pentru pagini lungi
14
Accesibilitate
antete de tabel și relații clare între date
15
Performanță și livrare
preloadere Flash și percepția timpului de așteptare
16
Limbaj vizual
slicing de imagini și reconstruirea designului în HTML
17
Proces și instrumente
formulare cu validare pe client și verificare pe server
18
Proces și instrumente
CVS și controlul versiunilor pentru echipe web

ANUL

2001

01
HTML și structură
XHTML 1.1 și semantica strictă
02
CSS și layout
CSS2.1 și realitatea browser quirks
03
Interacțiune și browser
navigație DOM într-un web dominat de IE6
04
Performanță și livrare
PNG, transparență și compromisuri de compatibilitate
05
Accesibilitate
arhitectura informației pentru portaluri mari
06
Limbaj vizual
SVG 1.0 și grafică independentă de rezoluție
07
Interacțiune și browser
SMIL 2.0 și sincronizarea conținutului multimedia
08
CSS și layout
CSS3 împărțit în module și evoluția incrementală a stilurilor
09
Interacțiune și browser
SOAP 1.1 și interfețe conectate la servicii web
10
HTML și structură
MathML 2.0 și formule accesibile în documente web
11
Proces și instrumente
XSLT în pipeline-uri editoriale bazate pe XML
12
CSS și layout
standards mode în Internet Explorer 6
13
Performanță și livrare
fallback pentru transparența PNG în Internet Explorer
14
Accesibilitate
scope și headers în tabele de date accesibile
15
Accesibilitate
redimensionarea textului fără ruperea layoutului
16
Proces și instrumente
template-uri CMS și separarea conținutului de pagină
17
Interacțiune și browser
bookmark-uri și URL-uri stabile pentru interfețe dinamice
18
Limbaj vizual
iconografie SVG comparată cu imaginile raster

Ce definea această perioadă.

HTML 3.2 și trecerea spre HTML 4

layouturi cu tabele și celule invizibile

JavaScript și primele interacțiuni în browser

GIF, JPEG și bugetul unei conexiuni dial-up

text alternativ și navigare fără imagini

culori web-safe și fonturi de sistem

ECMAScript 1 și standardizarea scriptingului în browser

HTTP/1.1 și conexiuni persistente pentru pagini mai rapide

RFC 2109, cookie-uri și primele sesiuni web standardizate

frameset și navigație în ferestre independente

formulare CGI și răspunsuri generate pe server

spacer GIF și controlul pixel cu pixel al grilei

paleta de 216 culori și dithering pe monitoare

contoare de vizitatori și feedbackul unei pagini dinamice

meniuri construite din imagini cu alternative text

browser sniffing pentru Netscape și Internet Explorer

publicare manuală prin FTP și directoare de producție

bannerul de 468×60 și ierarhia paginilor comerciale

HTML 4 și separarea structurii de prezentare

CSS2, poziționare și foi de stil pentru medii diferite

DOM Level 1 și documente programabile

imagini optimizate pentru modemuri de 56k

accesibilitate înainte de WCAG 1.0

DHTML și compoziții vizuale stratificate

XML 1.0 și separarea datelor de prezentare

CSS media types pentru ecran, print și dispozitive asistive

poziționare absolută CSS în locul tabelelor imbricate

modelul de evenimente DOM în interfețe DHTML

straturi DHTML și compatibilitate între browsere

PNG și transparență într-un web dominat de GIF

imagini slice pentru interfețe cu timp mic de încărcare

linkuri vizibile și convenții timpurii de utilizabilitate

formulare HTML 4 cu label, fieldset și legend

Server Side Includes pentru antete și navigație reutilizabile

matrice de compatibilitate pentru browserele anului 1998

fonturi instalate local și familii tipografice de rezervă

HTML 4.01 și pagini mai predictibile

CSS1 și CSS2 în proiecte comerciale

XMLHttpRequest în IE5 și interfețe asincrone

viteza percepută prin imagini și cache

WCAG 1.0 și designul accesibil

SVG și promisiunea graficii scalabile

ECMAScript 3 și un limbaj mai coerent pentru interfețe

HTTP/1.1 în RFC 2616 și cache control pentru site-uri

XSLT 1.0 și transformarea documentelor XML

XPath și selectarea structurată a conținutului

favicon în Internet Explorer 5 și identitatea site-ului

RSS 0.90 și distribuirea automată a conținutului

foi de stil pentru print și pagini utile pe hârtie

tabindex, accesskey și navigarea fără mouse

longdesc pentru imagini cu informație complexă

meniuri CSS cu stări hover și feedback vizibil

Flash 4 și interfețe animate cu plugin

CSS specificity în proiecte cu foi de stil tot mai mari

XHTML 1.0 și disciplina marcajului

primele layouturi CSS fără tabele

DOM Level 2 și evenimente standardizate

Flash 5 și costul experiențelor bogate

tehnici HTML pentru WCAG 1.0

layouturi lichide pentru rezoluții diferite

capturing, bubbling și propagarea controlată a evenimentelor

DOM Level 2 Style și modificarea regulilor CSS din script

XML Namespaces și combinarea vocabularelor web

RSS 1.0 și metadate pentru publicații

CSS pentru print și versiuni fără navigație inutilă

specificitate și cascadă în layouturi fără tabele

meniuri skip navigation pentru pagini lungi

antete de tabel și relații clare între date

preloadere Flash și percepția timpului de așteptare

slicing de imagini și reconstruirea designului în HTML

formulare cu validare pe client și verificare pe server

CVS și controlul versiunilor pentru echipe web

XHTML 1.1 și semantica strictă

CSS2.1 și realitatea browser quirks

navigație DOM într-un web dominat de IE6

PNG, transparență și compromisuri de compatibilitate

arhitectura informației pentru portaluri mari

SVG 1.0 și grafică independentă de rezoluție

SMIL 2.0 și sincronizarea conținutului multimedia