CSS Shapes — Diseño de vanguardia
El diseño exige flexibilidad y libertad para expresar y cumplir su cometido. En la Web el contenido lo estructuramos mediante cajas y no es que las cajas sean malas, pero el que sean estrictamente rectangulares no precisamente lo que podemos llamar libre y flexible.
Adobe ha introducido una especificación CSS (entre otras), “CSS Shapes”, el objetivo es dotar a los diseñadores de esa libertad y flexibilidad que les permita crear diseños de niveles superiores.
Las cajas o límites exteriores de una imagen, que nos permiten controlar el flujo de texto a nuestro antojo, son prestaciones inherentes al diseño editorial, que ahora es posible llevar al WEB.
‘Alice in Wonderland’ es un gran ejemplo de cómo la especificación CSS-Shapes, puede mejorar significativamente la narrativa visual. Este estupendo trabajo ha sido realizado por Razvan Caliman (sí ya sé, está padre el apellido ¿no?), Caliman es un colaborador de Adobe que aporta su talento para que los diseñadores puedan expresar el suyo, chequen el trabajo: css-shapes-visual-storytelling
Existen tantos ejemplos de cómo es tan útil esa flexibilidad de construcción que podemos incluso pensar, que no es posible diseñar sin ella, al menos no del modo en que quisiéramos. Sin embargo la implementación de la especificación CSS-Shapes no había sido tan sencilla… Hasta ahora, y gracias ¿adivinen a quién?
Sí, a Razvan Caliman quien generosamente desarrolló una extensión para Google Chrome que nos facilita enormemente el trabajo, la extensión se llama “CSS Shapes Editor for Chrome” y pueden conocerla en este enlace.
Para terminar, no olviden mantenerse al pendiente de la plataforma web auspiciada por Adobe en: WebPlatform
Con el gusto de saludarlos, esperamos saber de ustedes.
Entry posted 09/03/14 by Manuel Vargas , tagged: Design 812 views, 0 comments.