CSS Sans: La tipografía hecha con código CSS

css sans

CSS Sans es una tipografía hecha utilizando únicamente código CSS por Yusuke Sugomori y Masanari Kakamu, esta tipografía aprovecha la evolución del código CSS en su versión tres para utilizar métodos y parámetros que permitan crear figuras deformadas utilizando capas y elementos HTML.

Para el desarrollo de esta tipografía sus diseñadores utilizaron los métodos :after y :before, combinados con las opciones de transformación que ofrece CSS 3.0 con el fin de armar cada una de las letras del abecedario utilizando un solo elemento HTML para cada letra, al cual se le asignaría una clase (class) que haga referencia simplemente a la letra que deseemos ver en nuestra pantalla.

Si bien el proyecto puede ser muy poco usable al momento de implementar, mas si no eres una persona que domina el uso de CSS y HTML, CSS Sans es un proyecto que primero demuestra las habilidades de sus creadores (Yusuke y Masanari) y segundo demuestra una vez mas las capacidades y posibilidades que nos permite CSS 3.0.

Enlace hacia la pagina oficial de CSS Sans

comment ¿Que opinas?

Artículos recientes

close

Eat me, una colección tipográfica con letras de caramelo

  Massimo Gammacurta es el responsable de la creación de esta colección tipográfica inspirada en caramelos; estas ilustraciones creativas que reciben el nombre de “Eat me” representan de alguna manera mediante colores y texturas brillantes…

close

play_circle_outline Animación que explica la teoría del color para diseñadores

El día de hoy quiero compartir con ustedes una animación que explica de manera eficiente y convincente los aspecto más importantes de la teoría del color. Esta animación nos lleva desde los aspectos más fundamentales…

close

play_circle_outline Vídeo: Evolución de las cámaras Canon EOS en 30 años

Este es un simple vídeo que muestra la evolución de las cámaras Canon EOS desde hace 30 años, algo que seguro traerá un poco de nostalgia a todos los Canonistas que visitan este blog al…

close

La Biblia del Churrasco, un ejemplo de diseño interactivo que debes conocer

El día de hoy quiero compartir con ustedes un peculiar ejemplo de diseño interactivo desarrollado por el director creativo Lucas Reis; este diseño forma parte de trabajo para la marca de utensilios de cocina Tramontina,…

close

play_circle_outline Este es el primer trailer internacional de Justice League

El día de ayer se dio a conocer el primer trailer internacional de Justice League o lo que es lo mismo “La liga de la justicia“; cabe señalar, que en este nuevo trailer no se…

close

Gothan Brewery, creativo diseño de packaging inspirado en personajes de DC Comics

La inspiración puede venir de cualquier parte desde un sueño hasta el amor por nuestro personaje o universo favorito; tal es el caso del estudiante de diseño Dmitry Kultygin quien ha realizado un genial proyecto de…

notifications Recién publicamos
close