jueves, junio 27, 2013

on Leave a Comment

Código GEEK: Crear botones en CSS para tu sitio web fácilmente, con Buttons

Aquí tenemos un día más un instructivo post desde Código Geek:

butto css codigo


El CSS, solo vino a facilitarnos la vida a los webmasters y es que por medio de este se pueden hacer muchas cosas que pueden parecer complicadas en solo unas cuantas lineas de código, sobre todo cuando tratamos la apariencia de una página y hoy conozco una herramienta que sin duda encantara a todos nuestros lectores que son diseñadores, o webmasters, lleva por nombre Buttons.


Buttons, es una librería CSS que nos permite en forma rápida y sencilla crear botones para nuestro sitio web, con ella tendremos a disposición decenas de estilos de botones listos para ser implementados en nuestro sitio web, y lo mejor de todo es que con solo añadirle una clase especifica a un enlace bastara para que se haga el botón, como por ejemplo, puedes hacer esto:



  • <a href=”#” class=”button button-rounded button-flat-primary”>Mi botón</a>, y se creara un botón circular, como se puede ver es fácil y así de sencillo es aplicar cualesquiera de los otros estilos.


Para poder usar esta librería lo único que tenemos que hacer es; descargarla (obvio), y añadir la dirección en el “head” de nuestra página, luego de esto podremos hacer llamadas o utilizar las “clases y estilos” de Buttons para crear botones. Y créanme cuando digo que tiene muchos estilos, los pueden ver en la página oficial.


Es una herramienta muy útil para diseñadores, y aunque tal vez ya algunos tengan destrezas a la hora de hacer los botones que necesitan para sus proyectos o trabajos no cabe duda alguna de que con Buttons se facilita todo, yo ya la tengo solo espero el tiempo disponible para utilizarla, y espero a ustedes les sea útil.


Enlace: Buttons

Fuente: softyapps




Crear botones en CSS para tu sitio web fácilmente, con Buttons por Kondor para Codigo Geek

Permalink | Comentar | Add to del.icio.us

Post tags: ,












http://www.codigogeek.com/wp-content/uploads/2013/06/butto-css-codigo.png

http://www.codigogeek.com/wp-content/uploads/2013/06/butto-css-codigo.png

0 comentarios: