Buttonize: Un pequeño framework de botones CSS3

Buttonize es un muy pequeño framework gratuito para realizar botones utilizando CSS3. El framework en sí esta compuesto simplemente por una hoja de estilos, no obstante por su simplicidad utilizarlo se vuelve cosa de apenas unos segundos.

Utilizarlo es de lo más fácil, por un lado debemos agregar la hoja de estilos a nuestro documento, la misma tiene un peso de apenas unos 4.6 KB en su versión comprimida.

<link rel="stylesheet" type="text/css" href="buttonize.min.css">

Luego simplemente utilizamos los nuevos estilos:

<a href="http://css3framework.co.uk" class="button icon">
<img src="favicon.ico" alt="" /> Buttonize
</a>

Justamente el ejemplo que coloque arriba es interesante, la imagen que se encuentra enlazada se coloca dentro del botón en el lado izquierdo, muy similar a lo que ocurre visualmente en los famosos botones del sitio github.

El set de iconos esta muy bien, no solo esta contemplado el aspecto visual sino que también aspectos relacionados al funcionamiento teniendo en cuenta los distintos estados de un botón web.

Les recomiendo visitar la web oficial para ver los botones CSS3 en funcionamiento.

Web: Buttonize ~ visto gracias a un tweet de @AlcidesRC

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas