InicioHazlo Tu MismoBotón animado para compartir en redes sociales

Botón animado para compartir en redes sociales

Hazlo Tu Mismo4/24/2014
Estos últimos meses vi pasar decenas de alternativas a la hora de crear un botón para compartir en las redes sociales, algunas mejores que otras, pero la mayoría validas. En esta oportunidad encontré otra opción que cuenta con una bonita animación, además de ser una solución basada íntegramente en CSS y jQuery. Share Button es una alternativa sencilla para agregar a nuestros sitios la capacidad de compartir en redes sociales, este recurso se presenta como un plugin para jQuery y su instalación es de lo más sencilla. A diferencia de otras alternativas esta cuenta con la ventaja de tener un peso insignificante, apenas 6kb en su versión simplificada, valor que se reducirá al comprimirse mediante gzip en el servidor. Un peso muy aceptable si tenemos en cuenta la función que cumple. El autor de esta herramienta expone varias razones para emplear su trabajo, una de ellas es su simplicidad, algo que se traduce directamente en muy pocas lineas de código que se anexarán a las de nuestro proyecto sin recargarlo. Otro aspecto que destaca es su bonita estética, la misma se encuentra acompañada de una animación. El botón no muestra directamente los enlaces a las distintas redes sociales, estos se despliegan al accionarse el recurso. Algo que destaco de esta herramienta es que las url a compartir se informan directamente al momento de inicializar el plugin, algo que resulta conveniente si buscamos una solución que afecte mínimamente la estructura HTML de nuestro proyecto. Ejemplo de uso: $('.element').share({ url: 'http://www.youtube.com/watch?v=oHg5SJYRHA0', text: 'check out this awesome video guys!' }) También podemos configurar de forma individual la información mostrada por cada uno de los botones: facebook: { name: 'title' link: 'url' image: 'share image' caption: 'picture caption' text: 'short description' } twitter: { text: 'tweet text' link: 'url' } gplus: { link: 'url' } Este proyecto se encuentra inspirado en una captura de Dribbble y a un experimento de CSS Deck, ademas la licencia permite su libre uso tanto en proyectos personales y comerciales. Demo: https://github.com/carrot/share-button/archive/master.zip
Datos archivados del Taringa! original
3puntos
36visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
2visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

v
Usuario
Puntos0
Posts31
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.