jueves, 29 de mayo de 2014

Los generadores de botones en línea



1. Funcionalidad

Los estilos CSS3 nos aportan mejoras reales en cuanto a la creación de botones, hasta tal punto que ya no es necesario usar programas de diseño para crearlos. Los botones con imágenes solo presentan inconvenientes: aumentan considerablemente el tamaño de los archivos, las actualizaciones del diseño son más lentas, afectan negativamente al posicionamiento natural y a la accesibilidad.

Para crear botones con un diseño moderno rápidamente, la web pone a su disposición multitud de generadores en línea. Veamos algunos de ellos.


2. CSS3 Button

Este sitio web (http://css3button.net/) tiene una interfaz agradable en la que podrá trabajar con: 
  • el degradado del fondo, 
  • los bordes y las esquinas redondeadas, 
  • el espaciamiento, 
  • las sombras externas e internas, 
  • el color del texto, 
  • las sombras de texto.

La visualización se actualizará automáticamente y podrá recuperar el código en la zona CSS CODE.


3. CSS3 Button Generator

Este sitio web (http://css3buttongenerator.com/) presenta una interfaz en acordeón en la que podrá seleccionar las propiedades CSS que desee aplicar: 
  • el texto sombreado, 
  • el espaciado y las sombras, 
  • los bordes y las esquinas redondeadas, 
  • el degradado del fondo, 
  • el degradado del fondo para :hover.

Como es habitual, podrá ver el resultado en tiempo real, así como el código CSS generado.



4. CSS Drive Button Generator

Este sitio web (http://www.cssdrive.com/css3button/) le propone crear botones de una forma muy completa: Podrá trabajar con: 
  • todos los parámetros del texto, 
  • la caja del botón: degradado para el fondo, ancho, espaciamiento...
  • los bordes, las esquinas redondeadas y la sombra, 
  • y como colofón, las transformaciones, las transiciones y los estilos para :hover.

Nuevamente, podrá ver el resultado en tiempo real, así como el código CSS generado.



5. CSS3 Button Creator

El sitio web (http://www.cssbuttongenerator.com/) propone una interfaz innovadora y muy interactiva, en la que tendremos la impresión de estar usando realmente una aplicación. Podrá trabajar con todas las propiedades disponibles, a las que podrá acceder a partir de los paneles de la izquierda.



Espero haber ayudado en algo. Hasta la próxima oportunidad!







4 comentarios:

  1. I like what you guys tend to be up too. This kind of
    clever work and coverage! Keep up the amazing works guys I've incorporated you guys
    to our blogroll.

    Feel free to surf to my website :: search engine optimization ()

    ResponderEliminar
    Respuestas
    1. Hi Anonymous, thanks for the visit and the contribution of your comment.
      Best wishes! Until anytime!

      Eliminar
  2. Thanks for ones marvelous posting! I really enjoyed reading it, you happen to be a great author.I will always bookmark
    your blog and definitely will come back down the road.
    I want to encourage one to continue your great work, have a nice morning!


    My web page ... stop smoking help

    ResponderEliminar
    Respuestas
    1. Hi Anonymous, thanks for the visit and the contribution of your comment.
      Best wishes! Until anytime!

      Eliminar