ascensor.js Código jQuery para navegación web

Posted by Omar Benyakhlef on oct 15, 2013 in jQuery, Usabilidad | 1 comment

La navegación web en una sola página es una forma de dar al usuario una transición entre secciones natural y muy vistosa.

Para ello existen multitud de plugins jQuery que facilitan el uso de este sistema de navegación.

Todas las áreas de contenido se encuentran en la misma página, y gracias al menú nos vamos desplazando por cada una de ellas.

CONTINUAR LEYENDO “ascensor.js Código jQuery para navegación web” »

Comparte este Blog de Diseño Web

Share and Enjoy

Tendencias del diseño web, by Apple…

Posted by Omar Benyakhlef on oct 7, 2013 in Diseño Web | 2 comments

Nadie en este mundillo es ajeno a la tremenda influencia de Apple en el diseño web.

Estoy seguro que aparición del iOS7 en el mercado, volverá a dar un cambio de aires al diseño web.

Es cierto que podemos ver una clara inspiración en el diseño más plano de Windows o Google, pero eso si, con el toque especial que siempre Apple da a sus diseños. El responsable, Jonathan Ive.

El cambio ha sido radical, pasando del skeuomorphism (que representa el arte de imitar la realidad) a un diseño totalmente minimalista, es decir, de Steve Jobs a Jonathan Ive.

CONTINUAR LEYENDO “Tendencias del diseño web, by Apple…” »

Comparte este Blog de Diseño Web

Share and Enjoy

Un plugin de jQuery para crear tooltip estilo barra de herramientas

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

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” »

Comparte este Blog de Diseño Web

Share and Enjoy

Divierte tus cajas de texto con jQuery

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

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

Comparte este Blog de Diseño Web

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

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

Comparte este Blog de Diseño Web

Share and Enjoy