Un plugin de jQuery para crear tooltip estilo barra de herramientas

Posted by Omar Benyakhlef on may 16, 2013 in jQuery | 0 comments

Crear tooltips con jQuery

Toolbar.js es un plugin de jQuery que nos ayuda a crear fácilmente tooltip estilo barras de herramientas.

Se trata de un plugin muy sencillo que nos permite crear cualquier tipo de barra de herramientas.

Permite abrir la barra desde cualquier elemento, los elementos de la barra de herramientas son fácilmente personalizables. Las barras pueden aparecer horizontales o verticales, por encima o debajo del botón.

CONTINUAR LEYENDO “Un plugin de jQuery para crear tooltip estilo barra de herramientas” »

Share and Enjoy

Divierte tus cajas de texto con jQuery

Posted by Omar Benyakhlef on abr 17, 2013 in jQuery | 2 comments

divertirse con jQuery

Se trata de un plugin experimental en jQuery que lo que hace es amenizar la entrada de texto en las cajas de tu web.

Existe la posibilidad de incluir hasta 5 efectos distintos de animación. Con lo aburrido que es siempre rellenar un formulario, esta puede ser una buena manera de hacerlo más divertido

VER DEMO

Share and Enjoy

Guía gratuita Google para la creación de webs móviles

Posted by Omar Benyakhlef on abr 10, 2013 in Diseño para móviles, Diseño Web, Google, HTML, iPhone, jQuery Mobile, Mobile, Tutoriales | 1 comment

Guía Google para optimizar web mobile

Si estás pensando en diseñar una web para smartphone, Google pone a tu disposición una guía gratuita con todo tipo de consejos, trucos y código para optimizarla y obtener los mejores resultados.

Para empezar, lo primero que Google te recomienda es realizar un diseño web receptivo, es decir, utilizar el mismo HTML para todos los dispositivos, independientemente de su resolución, y utilizar CSS para decidir los cambios según estas resoluciones.

Esta guía, te ofrece además, la posibilidad de consultar la compatibilidad entre smartphones o recomendaciones para el uso de javascript en tu sitio.

En definitiva, se trata de una guía realizada por Google, eso significa que si quieres tener contento a Googlebot, léete esta guía y síguela al pie de la letra

VER LA GUÍA GOOGLE PARA WEB MOBILE

Share and Enjoy

¿Cómo hacer una galería de fotos igual que la de Google?

Posted by Omar Benyakhlef on abr 2, 2013 in jQuery | 2 comments

Galería de imágenes Google

Todos vosotros habréis visto la galería de imágenes de Google, al pinchar sobre cualquiera de los thumbnails, este se despliega con un efecto acordeón, insertando un espacio de información entre las demás miniaturas de la página.

En este post de diseño web, vais a poder acceder a toda la información para implementar una galería exactamente igual a la de Google en vuestro sitio web.

CONTINUAR LEYENDO “¿Cómo hacer una galería de fotos igual que la de Google?” »

Share and Enjoy

Herramientas gratuitas para hacer infografías

Posted by Omar Benyakhlef on mar 26, 2013 in Diseño Web | 1 comment

Herramientas gratis para crear infografías

El uso de infografías además de ayudarnos a hacer comprender mejor una información, suele producir un efecto mayor en cuanto a viralización de tus contenidos. Por otro lado, al tratarse de imágenes con información, conseguirás mucho tráfico también en imágenes de Google.
He encontrado en www.desingenia.com un buen post en el que nos aconseja varias herramientas para hacer infografías de forma gratuita. Por lo general suelo usar siempre photoshop, pero es cierto que alguna de estas herramientas te proporcionan ayudas que de otro modo se pueden complicar bastante.

VER POST ORIGINAL

Share and Enjoy