soy Kseso y esto EsCSS

CSS Haiku

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

·Por Kseso ✎ 4
/*
CSS Haiku

Do what you can with just 3 properties.
No reset, no normalize, thats it.

All markup is fiar game.
*/
CSS Haiku

¿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:

  1. CSS Zen Garden
  2. 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:

  1. Sólo 3 declaraciones Css.
  2. 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.

avatar del Editor del blog

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