Mismo HTML, diferente CSS

Ahmad Shadeed cubre la idea de un componente de tarjeta que tiene un conjunto fijo de HTML semántico con algunas clases BEMy. Hay un título, autor, imagen y etiquetas. Luego rediseñó la tarjeta en cinco diseños totalmente diferentes sin tocar nada del HTML, solo el CSS.

Si este es un momento ah-ha para ti, ¡genial! Podría valer la pena saber que este concepto exacto esencialmente entusiasmó a toda una generación de desarrolladores front-end, en gran parte debido al concepto de CSS Zen Garden, donde todo el sitio web era un conjunto fijo de HTML y solo los cambios de CSS generaban Algunas creatividades increíbles.

Por supuesto, normalmente nos ponemos manos a la obra con HTML cuando realizamos trabajos de rediseño, pero sigue siendo un ejercicio divertido que demuestra el poder de CSS. Me pregunto si los componentes basados ​​en JavaScript son los que causan este asombro hoy en día, porque tienen un poder de abstracción similar: realizar cambios en un componente y ver el impacto en todo un sitio. Sólo que en lugar de que la idea esté arraigada en la restricción, no hay restricciones.

Enlace directo →