Proyecto Camaleón CSS

[Manoloweb]

Pues bien mis amigos foreros, despues de mucho trabajo, el proyecto Camaleón CSS ha quedado terminado y está en línea.

http://www.camaleoncss.com

Para aquellos familiarizados con el CSS Zen Garden, resultará muy claro el objetivo del proyecto, pues en escencia es lo mismo, pero para diseñadores de habla hispana.

Se trata de esto:

Tomar una misma página HTML, y en base a ella crear un sinnumero de diferentes diseños basados en hojas de estilo CSS, creados por cualquiera que desee hacerlo y pueda cumplir con unos requisitos muy básicos.

Esto tiene el fin de demostrar a los visitantes dos cosas:

1.- Las virtudes de desarrollar web sites con apego a estándares
2.- Las habilidades particulares de cada uno de los participantes



Estoy seguro que con todo el talento que hay por aquí, pronto contaremos con un catálogo de diseños/diseñadores de primer nivel.

Si quieren participar, esta es la liga directa a la página de participación.

Y si quieren ayudar a difundir el proyecto aquí encontrarán como hacerlo.

Saludos a todos!!!

Hasta pronto

[frijolerou]

Que buena iniciativa... aunque sea lo mismo que csszengarden siempre son bie venidas iniciativas similares.

Por mi parte espero poder paticipar pronto.


Aqui van algunas observaciones:

1-. Definitivamente deberias haber comenzado directamente con XHTML 1.0 estricto, y no transicional :P

2-. en firefox la cabecera <h1> que funciona como titulo en cada pagina, por ejemplo:

<h1>Difunde!</h1>

o en <h1>Participa</h1> las letras de esos titulos aparecen montadas unas sobre otras. Me parece que lo hiciste intencional, pero en firefox creo que exagera con el efecto.

[Manoloweb]

Hola David.

Efectivamente, es una réplica del Zen Garden, pero durante mucho tiempo lo estuve pensando, y el Zen Garden recibe cientos de participaciones mensuales, de las cuales solo publican unas pocas, por lo que para nosotros los latinos-hispanos costaría mucho trabajo colocar una entrada, además del obvio impedimento idiomático para muchas personas que no hablan el inglés, ya que no solo la página está en esa lengua, sino también las instrucciones, comentarios etc...


Ahora, con respecto a la versión de XHTML que usé, estoy de acuerdo contigo... de hecho estoy casi seguro que cambiando el DOCTYPE a strict, la página seguirá validando. Solo que no quise quedarme sin la opción del "_blank" pensando que pudiera necesitarlo eventualmente...

Lo del h1 ya lo compuse, ese cambio de ultima hora no lo revisé con mi FF...

Gracias por los comentarios, espero tu diseño

[PatomaS]

Hola

Bueno, en este momento no valida como estricta, pero solo son un par de detalles tontos los que has de arreglar, y si ya puestos arreglas un par más, la tienes en xhtml 1.1

Son cosa de 5 minutos.

;)

Felicidad

[Manoloweb]

Bien, ...

No queriendo que este asunto vaya a hacer ruido en el proyecto, he seguido sus sugerencias de migrar el DOCTYPE de transitional a strict (corrigiendo esos detalles que menciona PatomaS )

He tenido que deshacerme de mi adorado target="_blank" en el intento, y no saben cuanto me cuesta eso... es como sacrificar a mi pequeña mascota de HTML...

Se que existen alternativas de script para alterar el target al cargar la página, pero me parece una "trampa", pues al final lo que hace este truco es "sacar el polvo de abajo del tapete cuando ya se ha ido la suegra", pero en fin... tendré que acostumbrarme.

Cuanto tiempo me durará ese gusto? no tardan en "descontinuarlo" del DOM en todo caso... je je

Bueno, ahora el documento valida como STRICT, y tambien valida como XHTML 1.1... para saciar los ojos de mis primeros "comentadores/críticos".

Hasta pronto!

[EDITADO]
Como anotación extra, les platico que también acabo de agregarle unas líneas al código que genera los encabezados (si, porque lo he hecho con PHP orientado a objetos!!) para que si el navegador acepta contenido tipo XHTML+XML, el documento sea servido como tal.

Para aquellos que no conocen de este tema: Resulta que navegadores como el... Si, adivinaron el IE, no aceptan que el servidor les entregue documentos HTML como aplicaciones XML (Application/xhtml+xml), por lo tanto deben entregarse normalmente (como text/html), situación que elimina muchas de las ventajas de entregar documentos VALIDOS, pues el documento es tratado como si fuera cualquier cadena de texto, que termina siendo procesada por el viejo y destartalado parser HTML, incluso por FireFox y los otros.

Sin embargo, un documento entregado como XHTML+XML, en manos de un buen navegador (si, tambien adivinaron... Mozilla, FireFox, etc), es parseado por OTRO ENGINE, que es mucho más rápido y eficiente, siempre y cuando el documento en cuestión sea válido.

Es por eso que creí conveniente mencionar este asunto.

Ahora si... hasta la vista!!
[/EDITADO]

[kemie]

Interesante proyecto: manos a la obra!

[Manoloweb]

Bien kemie! me muero por ver tu participación!

[kemie]

jejeje, un pretexto mas para no trabajar ;)

[Manoloweb]

Iniciado por kemie

jejeje, un pretexto mas para no trabajar ;)

Je je, así es.

Por cierto, yo ya hice mi primer diseño!!

http://www.camaleoncss.com/2/p1/camaleon.html

[Manoloweb]

Ya llegó otro!

Armando Sosa (El diseñador de "Sensacional de Blogs!") ya envió su diseño!
http://www.camaleoncss.com/3/p1/camaleon.html

Se llama "Ay mi retina!", ustedes vean por qué... je je. A mi me ha parecido muy bueno.

[vitxo]

Manoloweb, una iniciativa -como se diría vulgarmente- cojonuda :) Qué lástima no ser diseñador!!

[Manoloweb]

Gracias Vitxo!

Quiero compartirles que el proyecto Camaleón está siendo comentado en el portal BARRAPUNTO.com!!

Para los que saben de esto, se darán cuenta que esto representa un excelente canal de difusión de esta clase de proyectos entre la creciente población de partidarios del software libre.

La liga es: http://barrapunto.com/article.pl?sid=04/11/03/0941251


Gracias a la comunidad de /. por permitir que esta clase de iniciativas tenga un lugar de expresión!

[caliche]

felicitaciones manoloweb si hubieran siquiera 10 webmasters de habla hispana como tu la red para nosotros seria diferente, que buena iniciativa y desde ya me pondre a trabajar , te felicito nuevamente

[caricatos]

Iniciado por Manoloweb

Bien, ...

He tenido que deshacerme de mi adorado target="_blank" en el intento, y no saben cuanto me cuesta eso... es como sacrificar a mi pequeña mascota de HTML...

Hola Manoloweb:

Aunque se trate de un script creo que si pones onsubmit="this.target = '_blank'" en el caso de un formulario, o usando el evento onclick en un enlace se realizaría el target y supongo que "se colaría" en la validación.

Saludos y enhorabuena por el proyecto

[Manoloweb]

Hola caricatos!

Fijate que he pensado en hacer algo así como un event listener, para evitar tener que tocar el XHTML para efectos de conseguir efectos o comportamientos (ya ves como estamos de excepticos los amantes de los estándares je je). De esta forma bastará con incluir un script que maneje esos listeners, y disparar el target cada vez que haya un click en un enlace con cierta "class"e.

Luego te platico como me va con ese script. Seguro que puedes darme algunas ideas valiosas, como sabrás, mi fuerte no es JS. (tengo algún fuerte?? )

Saludos!

[caricatos]

Hola otra vez:

La cosa de los estándares, lamentablemente se torna un poco más compleja cuando hay que usar un script y disparar eventos... Si pensabas usar "addEventListener", que supongo que sería la manera estándar de poner eventos, no funciona en explorer (al menos creo que todavía no lo han implementado); pero eso es cosa de javascript, así que si tienes algún problema, no dudes en poner un mensaje en ese foro... ... Al menos yo he hecho mis pinitos en ese tema, y creo que podré ayudarte, aunque la forma que puse antes supongo que debería ser suficiente.

Saludos

[Manoloweb]

Ya hay un nuevo diseño, ahora de un amigo Español.

http://www.camaleoncss.com/4/p1/camaleon.html

[kemie]

manolo, yo lo que utilizo es un script que detecta todos los links que tienen como atributo rel="external" y los abro en una nueva ventana. Asi tienes codigo semantico, sin clases extras, y que degrada bien.

Aqui hay una explicacion:
http://www.sitepoint.com/article/sta...ompliant-world

[Manoloweb]

Hola Kemie. De hecho esa es la técnica que tan escuetamente comentaba al principio. La he intentado en algunos ejemplos y funciona bien.

Solo que me resisto a depender de JS de alguna u otra forma. :-/

Oye, y que me cuentas de tu diseño para el Camaleón? Ya hay muchos esperando a ver tu creación, je je.

Ya viste el nuevo diseño enviado sin imágenes?
http://camaleoncss.com/5/p1/camaleon.html

Saludos!

[kemie]

jejeje. propuesta enviada
y yo no lo veo como dependencia en javascript. la pagina es perfectamente funcional sin el. simplemente agregas funcionalidad extra con js.

[Manoloweb]

Fantástico tu diseño Kemie!

Los invito a todos a admirarlo en: http://www.camaleoncss.com/6/p1/camaleon.html

Y también a leer este post sobre el diseño de Kemie, para que dejen sus opiniones: http://www.ideasfreelance.com/archiv...4/11/10/kemie/

[kemie]

me halagas demasiado

[kemie]

oye, todavia estoy a tiempo de hacer una mini-correccion?

[vitxo]

Kemie, qué bárbara!

[kahlito]

Muy bueno Kemie , el diseño que no tiene imágenes tambien me ha gustado

Saludosss

[Manoloweb]

Y siguen llegando!!!

http://www.camaleoncss.com/7/p1/camaleon.html
http://www.camaleoncss.com/8/p1/camaleon.html

[JavierB]

Hola a todos.

Csszengarden es la página que más me gusta en lo que a aplicación de Css se refiere y me alegro de que haya un proyecto similar en castellano. Así que un fuerte para Manoloweb y todos los que van participando con sus diseños.

También comentar que hace un rato quise visitar la página, pero no me acordaba de la dirección, así que la he buscado en Google por camaleon y aparece en la tercera posición. Genial

Saludos,

[Manoloweb]

Gracias Javier por tus comentarios!

Por cierto ahora ya aparece en el #1 en Google!!

Aparte ya hay varios nuevos diseños, vale la pena darse la vuelta para admirarlos
http://www.camaleoncss.com

Saludos!