Un diseño diferente todos los días del año utilizando códigos CSS

junio 20. 2018,
 Autor:

Diseños hechos con código CSS

El reto personal que un diseñador web se auto-impuso, consiste en hacer un diseño diferente, cada día del año.

Para el diseño sólo puede utilizar códigos CSS, HTML e imágenes en formato SVGs.

Un diseño al día es publicado en una pagina hecha especialmente para el proyecto.

No son diseños muy complicados, de hechos son diseños muy simples, pero visualmente son muy atractivos. Además son diseños interactivos.

Porque puedes entrara a ver los diseños e interactuar con ellos. Mueves el puntero del ratón por toda la página, para activar algo único y especial.

Diseños hechos con código CSS

Un diseño hecho con CSS cada día del año

El nombre del diseñador web que se auto-impuso éste reto es: Bjørn Fjellstad. Él es originario de Oslo, Noruega.

El proyecto lleva por nombre «Daily CSS Design». El objetivo de publicar por día un diseño nuevo, es que Bjørn Fjellstad quería practicar y mejorar sus conocimientos en diseño web.

Dice que publicar un diseño nuevo al día, lo impulsa a aprovechar códigos que normalmente no utiliza en sus trabajos.

Eso provoca que cada día que pase, se convierta en un mejor diseñador web.

Diseños hechos con código CSS

Este tipo de retos no es el primero que comparto acá en el blog. Ya han pasado retos de diseñar una tipografía diferente cada día del año.

Lo normal es encontrar retos de éste tipo, pero que consistan en hacer ilustraciones o dibujos durante un año.

Éste reto es diferente y por eso llamó mi atención. Por eso y porque los diseños que Bjørn Fjellstad publica en la página.

Todos tienen un efecto diferente, ninguno es igual al del día anterior. Y además Bjørn Fjellstad ha cumplido, hasta el momento, la promesa de publicar un trabajo por día.

Lo único malo que le veo al reto, es que Bjørn Fjellstad solo publica el diseño con el efecto.

Me gustaría que también publicará los códigos CSS y HTML, para ver cómo está hecho el efecto. Sobre todo para aprender e imitar alguno de los diseños.





Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

➱ ¡Sigue el blog!
botones sociales Twitter Facebook Pinterest YouTube Google+ Instagram Feedly RSS
✉ ROC21 en tu correo

➱ ¡Suscríbete a nuestro boletín! Recibirás ofertas especiales en cursos y recursos gráficos, una vez a la semana.