Plugins para botones estilo Material Design – Quttons

Plugins para botones estilo Material Design – Quttons, sin duda las tendencias marcan el internet y pasamos de un diseño a otro, de un estilo a otro y la verdad es que todo esto es cambiante.

Sin duda tenemos que aprender a utilizar ciertas herramientas que le den un buen aspecto a nuestras creaciones, este plugin te ayuda a crear botones para utilizar el aspecto a material design, aunque este plugin tiene un popup integrado, que se integran durante la creación de los botones, sin duda alguna puedes cambiar de aspecto modificando el html los diferentes botones creados, puedes crear tu botón a la medida, agregándole color e imagen del icono de dicho botón.

La demostración puedes verla aquí: http://nashvail.me/Quttons/

Para la instalación se realiza lo siguiente:

Primero se crea la referencias a los archivos:

<link rel = "stylesheet" href = "Path/To/Quttons.css" />
<script src = "Path/To/jQuery" type = "text/javascript"></script>
<script src = "Path/To/velocity.js" type = "text/javascript"></script>
<script src = "Path/To/velocity.ui.js" type = "text/javascript"></script>
<script src = "Path/To/Quttons.js" type = "text/javascript"></script>

2.- El div que queremos :

<div id="uploadDialog">
    <h2>Upload a new file</h2>
        <input type="text" id = "fileUrl" placeholder = "Enter URL">
    <div id="button_basic_upload"> Choose a file to upload
    </div>
</div>

Para usarlo solo hay que agregar la parte del script:

<div class = "qutton" id = "qutton_upload">
 ...(Dialog created in previous step) ...
</div>

var quttonUpload = Qutton.getInstance($('#qutton_upload'));
quttonUpload.init({
    icon : './images/icon_upload.png',
    backgroundColor : "#917466"
});

The post Plugins para botones estilo Material Design – Quttons appeared first on Develoteca.