CSS Haiku 27.10.15
CSS HAIKU; lo último en juegos lúdicos de css. Sus reglas (más sencillas no pueden ser) y algunas de sus realizaciones.
CSS Haiku
/*
CSS Haiku
Do what you can with just 3 properties.
No reset, no normalize, thats it.
All markup is fiar game.
*/
¿Has oído o visto el término CSS Haiku
? ¿Sabes qué es? ¿Has sido víctima de su influjo?
Posíblemente el arma más poderosa de Css para propagarse y ganar incautos para su causa sea un aspecto de lo más inocente a primera vista: su lado lúdico o festivo
Desde sus inicios es notoria la capacidad de Css para prestarse a inocentes juegos
. Unos más sencillos que otros. Pero juegos fáciles de entender y jugar.
Juegos a los que cualquiera puede jugar y pasárselo bien. Juegos aptos tanto para quien se inicia como para quien conoce Css. Porque el objetivo es el juego en sí mismo. No importa el resultado final. Lo que cuenta es jugar.
Posíblemente dos de los juegos Css
más conocidos sean dos veteranas propuestas:
- CSS Zen Garden
- CSS1K Una demostración de lo que se puede hacer con 1K de Css
CSS Haiku
CSS Haiku es, si no el último, sí uno de los últimos juegos css
que han aparecido en mi radar.
Su enunciado es con lo que comienzo este artículo. Y en su sencillez está su "peligro":
Haz lo que puedas con:
- Sólo 3 declaraciones Css.
- Todo el marcado html que necesites
Más sencillo es imposible. Y algunos resultados son realmente sorprendentes.
El primer CSS Haiku
que he podido localizar es el siguiente pen de Scottkellum:
See the Pen CSS Haiku by Scott Kellum (@scottkellum) on CodePen.
Y tras él han ido apareciendo otros como:
CSS Fan Blades or Flower
See the Pen CSS Fan Blades or Flower by Keith Wyland (@keithwyland) on CodePen.
CSS Haiku #1
See the Pen CSS Haiku #1 by Ethan Butler (@squints) on CodePen.
Poco tardaron en aparecer CSS Haiku
animados:
Trippin' out on CSS
See the Pen Trippin' out on CSS by Pixelambacht (@RoelN) on CodePen.
downward spiral
See the Pen downward spiral by Keith Wyland (@keithwyland) on CodePen.
Digital Pulse
See the Pen Digital Pulse by Apex Design Studio (@apexdesignstudio) on CodePen.
Puedes ver otros CSS Haiku en codepen e incluso intentar los tuyos. Si te atreves a participar en este nuevo "juego Css" te invito a que compartas tu obra en los comentarios. Así te aseguras un poco más de difusión ;-). Recuerda que puedes embutir pens en los comentarios.
Kseso
the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso
Chulisimo y estimulante, gracias x el post
ResponderEliminarMe encanto este, no es mio, pero hay que compartirlo http://codepen.io/rafaelcastrocouto/pen/PPRNYY
ResponderEliminarah! El "viejo" pixel art css, Carlos ;-)
EliminarUn viejo conocido de los lectores de este blog: Mario Bros en puro Css
También surgieron herramientas para "recrear cualquier imagen con box-shadow: Ver post
Dos de las más mentadas fueron la Mona Lisa y la creación de Adán.
Aunque seguro que ya lo conocías.
Un saludo
Muy interesante. No lo había tomado en cuenta. Gracias por este post
ResponderEliminar