Sergio Álvarez (xergio)

Escrito 280

Los Jardines Zen del CSS

xoan, cómo has podido!! :_(

CSS Zen Garden

Menuda desilusión me he llevado la ver que xoan quitó su web. ¿Por qué? Porque cada 2x3 ibaa su web a por un artículo en el que hablaba de CSS Zen Garden y ponía unos cuantos diseños a destacar. Muchas veces tengo "charlas" (por no decir discusiones) con la gente de porqué es bueno hacer los diseños de las webs sin tablas, de separar el código HTML (la estructura de la web) del diseño (CSS), y ese es el mejor ejemplo.

Esa web es un proyecto en el que tienen un código HTML, el de la web que se ve, y la gente envía sus diseños, un solo archivo CSS, con el que "rediseñan" la web. Resumiendo, con una sola estructura (HTML) hay cientos de diseños (estilos, CSS).

Y ahora si que si, para que no caigan en el olvido los que destacó xoan en su día en su web, los pongo aquí (gracias a la caché de google... :P). Cito textual de cómo lo puso él:

Las cosas que se pueden hacer con un pedazo de cesped en bruto:

Ya sé que hay más, pero por lo menos estos merecen una mención especial.

← Sobre la universidad | Trolls →

19 comentarios

Páginas de comentarios archivados: 1

Jabber status AzZiD comentó:

[Avatar]
  • #1
  • 22-1/04:36
Es una lástima :(

nils comentó:

  • #2
  • 22-1/11:29
Wow, el Revealed se sale. Aún así tengo que reconocer que el diseño de una página 100% CSS sin tablas es muy puñetero, es muy dificil cuadrar las cosas como quieres a menos que uses posiciones relativas, pero esto tampoco es la mejor solución. En todo caso, es increible ver las capacidades que tiene CSS :)

Jabber status almogaver comentó:

[Avatar]
  • #3
  • 22-1/16:32
Vaia! El Revealed es impresionante! Es la primera vez que veo un efecto como ese en una web en css!! :D

Jabber status xergio comentó:

[Avatar]
  • #4
  • 22-1/17:51
na nils, si sabes manejar CSS puedes hacer lo que quieras, pero cuesta entender el concepto del posicionamiento de capas. Solo tienes que verlo ahí :D

nils comentó:

  • #5
  • 22-1/19:03
Prefiero no usar capas, muchas veces se descontrolan y quedan elementos fuera de ella y fijar una posicion para una capa es muy puñetero cuando se usan navegadores y resoluciones diferentes. No digo que no se pueda, sólo digo que no es muy práctico para ciertas cosas, en mi blog por ejemplo sólo uso una tabla para separar el contenido del menu, si lo hago con CSS se me descontrola todo... Y luego también hay que decir que los que hacen los estilos para Zen Garden son unos magos de la creatividad... cosa que a mi se me da de pena :)

Jabber status Aldack comentó:

[Avatar]
  • #6
  • 23-1/19:32
Yo siempre he diseñado mis webs con tablas, he oido que hacerlas en CSS es muy bueno pero no ando convencido siempre hay inconvenientes pecaminosos :( aunque por otro lado hay bastantes ventajas por mencionar :P...

Jabber status xergio comentó:

[Avatar]
  • #7
  • 23-1/22:47
CSS se hizo para dar diseño a las webs, el que usa tablas para formatear el contenido de una webs es porque no sabe usar CSS, sin más.

No conozco ni una sola persona que sepa CSS bastante bien y diga que es mejor usar tablas...

nils comentó:

  • #8
  • 24-1/22:42
Nada, me he propuesto que tienes razón y voy a rediseñarlo para no usar tablas... ¡me has picado! :P

Jabber status xergio comentó:

[Avatar]
  • #9
  • 24-1/22:57
jijiji :D

Jabber status omali comentó:

[Avatar]
  • #10
  • 25-6/01:15
hola me encantan los jardines zen y me gustaria encontrar mas informacion sobre ellos. Como construir uno en tu casa y como encontrar los utensilios que hacen falta.

Jabber status Polly comentó:

[Avatar]
  • #11
  • 27-2/18:34
Sull nei <a href='http://www.galcios.cn/key-windows-xp' >key dopo xp windows http://www.galcios.cn/sexy-bar sul http://www.galcios.cn/film-gratis-scaricare ad.

Jabber status Jamelia comentó:

[Avatar]
  • #12
  • 6-3/02:19
Qualche http://www.dailygmattips.com/sex-party fine http://www.dailygmattips.com/the-o-c quello http://www.dailygmattips.com consiglio.

Jabber status Diana comentó:

[Avatar]
  • #13
  • 7-3/09:34
Quella http://www.balamuto.cn/the-sims suo.

Jabber status discount comentó:

[Avatar]
  • #14
  • 10-3/03:44
Great site you've got! I bet you're professionals!

Jabber status centro salute benessere comentó:

[Avatar]
  • #15
  • 14-3/08:05
Here is much work done, obviously. Good site

Jabber status Ace comentó:

[Avatar]
  • #16
  • 14-3/23:23
Poi nel <a href='http://www.plastprintpack.com/patrizia' >peru patrizia.

Jabber status George comentó:

[Avatar]
  • #17
  • 16-3/20:18
In http://www.celebrateliterarybelfast.com/livorno-calcio cosa.

Jabber status Edward comentó:

[Avatar]
  • #18
  • 19-3/23:59
Dalle http://www.manoradvertiser.com/suse-linux-91-personal-manual ne.

Jabber status Abraham comentó:

[Avatar]
  • #19
  • 12-4/19:16
Quasi http://www.unicosmos.net/fax-gratis uno ancora <a href='http://www.unicosmos.net/childbirth' >childbirth le http://www.unicosmos.net/caffe-espresso noi.
Páginas de comentarios archivados: 1

Deja un comentario

Pulsa en los títulos para ver información sobre cómo comentar.

Autocompletado de nicks

Todos los campos del formulario son opcionales menos el del PIN.

Usa el tabulador para autocompletar los nicks de otros comentaristas.

Si escribes @ y pulsas la tecla tabulador varias veces podrás recorrer la lista de nicks usados

Y si escribes # (almoadilla) y número (Ej.: #5) se substituirá directamente el nick del comentario correspondienmte al pulsar el tabulador.

Tags HTML permitidos

Tags: a, strong, b, em, u, code, cite.

El tag a admite la propiedad href="..." para indicar la dirección.

Los tags también tienen autocompletado (al igual que los nicks). Para usarlos se pone por ejemplo strong + TABULADOR.

Formulario para comentar

Cargando...

Todo el contenido bajo el dominio XERGIO.NET está sujeto a la licencia Creative Commons con las condiciones BY-SA. Web estandarizada en XHTML 1.0, CSS 2, RSS 2 y Atom 1.0.