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

Soluciones creativas a ‘problemas’ comunes

Aveces los problemas más comunes suelen clamar por soluciones creativas que encanten a los usuarios; desde una calculadora  integrada al carrito de compra, hasta colgadores que cataloguen la posibilidad de compra en probadores son lo…

close

play_circle_outline Cogs un animación que busca crear conciencia sobre igualdad

El día de hoy quiero compartir con ustedes una bonita animación llamada “Cogs”; la cual ha sido creada por M&C Saatchi, Sydney para AIME Mentoring, en la cual buscan crear conciencia sobre la igualdad. Con un bonito mensaje…

close

Principios del diseño por Art Heroes

Nunca está demás recordar los principios de esta genial disciplina que conocemos como diseño; ya seas un principiante o un experimentado diseñador las bases son algo que debemos recordar, es por eso que el día…

close

play_circle_outline Este es el primer trailer de Tomb Raider

Como le habíamos mencionado el pasado lunes; ayer se daría a conocer el  primer trailer de la película de Tomb Raider. Y así fue, ayer a  las 9:50 pm PST se dio a conocer este…

close

iPhone X Mockups en PSD gratis

La nueva terminal de Apple ha levantado revuelo con motivo de su diseño,  funciones y apabullante precio; no obstante este sigue siendo un gran modelo para presentar nuestros diseño de aplicaciones, plataformas y productos a…

close

Fotografía: Ingenioso difusor con una caja de Big Mac

El fotógrafo Philippe Echaroux se ha vuelto famoso por en el continente europeo al popularizar en su ámbito la práctica de “Hágalo usted mismo“; esto debido a que buscaba dar una alternativa para conseguir efectos fotográficos de…

notifications Recién publicamos
close