El Jardí Zen del CSS

Separant el contingut de la presentació

Des de fa uns anys es troben disponibles certes tecnologies que permeten la separació del contingut i el disseny de les pàgines web. No obstant aquestes tecnologies no han estat àmpliament aprofitades com seria d’esperar quan es coneixen els seus avantatges. Això és degut, principalment, a la falta de difusió tant entre els creadors de pàgines web com entre les empreses, persones i institucions que les utilitzen.

Parlem de CSS i XHTML. Aquestes tecnologies o llenguatges representen un gran pas cap al futur de les comunicacions en línia, ja que els experts en contingut i programació s’oblidin dels aspectes estètics.

El CSS proporcionarà llibertat als experts del disseny -artistes, dissenyadors gràfics i tipògrafs- per determinar els aspectes estètics d’un lloc, independentment del contingut.

Dan Shafer

El projecte

Inspiració

El projecte El jardí del CSS ha estat inspirat per la idea i concepte originals del CSS Zen Garden, creat per Dave Shea, un dissenyador web de Vancouver, Canadà.

Objectiu

L’objectiu d’aquest projecte és demostrar que un mateix document es pot visualitzar de moltes maneres diferents en base a l’aplicació de fulls d’estils. En efecte, tots els dissenys que es poden veure des d’aquesta pàgina fan servir el mateix document XHTML com a base, l’únic que canvia és el full d’estil que s’aplica.

Participa!

Aporta el teu disseny

L’èxit d’aquest projecte dependrà, en definitiva, de la quantitat i qualitat dels dissenys mostrats, per això esteu convidats a participar en aquest projecte amb dissenys creatius i de qualitat.

Si ets un dissenyador, però no coneixes la tècnica dels fulls d’estils, no et preocupis, aquí trobaràs un curs que t’ajudarà a aprendre.

Per enviar el disseny, entra a la pàgina dels requisits i les instruccions d’enviament.

Difon i usa

Ajuda a promoure aquest projecte entre les comunitats de dissenyadors, webmasters, artistes gràfics i similars. Aquest projecte depén de la participació de tots i, quants més dissenys, més complet i enriquidor resultarà. Agrairé qualsevol enllaç des del teu bloc, pàgina web, fòrum, etc. en aquesta pàgina trobaràs com fer-ho.

Agraïments

Gràcies a tots els que han fet possible aquest projecte, i als que participaran per fer-lo crèixer.

Selecciona un disseny!

  1. Proporcioneu alternatives equivalents al contingut visual i auditiu
  2. No us baseu sols en el color
  3. Utilitzeu etiquetes de marcatge i fulls d'estil i feu-ho de manera adient
  4. Identifiqueu el llenguatge natural usat
  5. Creeu taules que es transformin correctament
  6. Assegureu-vos que les pàgines que incorporen noves tecnologies es transformen correctament
  7. Assegureu-vos que l'usuari pugui controlar els canvis dels continguts amb seqüència temporal
  8. Proporcioneu l'accessibilitat directa de les interfícies d'usuari incrustades
  9. Dissenyeu tenint en compte la independència del dispositiu
  10. Utilitzeu solucions provisionals
  11. Utilitzeu les tecnologies i directrius W3C
  12. Proporcioneu informació de context i orientació
  13. Proporcioneu mecanismes clars de navegació
  14. Assegureu-vos que els documents siguin clars i simples
HTML

(Acrònim de Hyper Text Markup Language, en català, "llenguatge de marcat d'hipertext"), és un llenguatge de marcat que deriva de l'SGML dissenyat per estructurar textos i relacionar-los en forma d'hipertext.Gràcies a Internet i als navegadors web, s'ha convertit en un dels formats més populars que existeixen per a la construcció de documents.

CSS

Els fulls d'estil en cascada (Cascading Style Sheets, CSS) són un llenguatge formal usat per a definir la presentació d'un document estructurat escrit en HTML o XML (i per extensió en XHTML). El W3C (World Wide Web Consortium) és l'encarregat de formular l'especificació dels fulls d'estil que servirà d'estàndard per als agents d'usuari o navegadors.

W3C

El World Wide Web Consortium (W3C) és un consorci internacional que treballa per a desenvolupar i promocionar estàndards per al Web. El dirigeix Tim Berners-Lee, creador del WWW i autor de les especificacions de l'URL, l'HTTP i l'HTML, que són les seves principals tecnologies d'aquesta xarxa.

Recursos

Logos