por Omar Benyakhlef | Oct 15, 2013 | jQuery, Usabilidad
Navegación web con jQuery
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
por Omar Benyakhlef | Oct 7, 2013 | Diseño Web
Imagen tomada de appleweblog.com
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
por Omar Benyakhlef | May 16, 2013 | jQuery
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” »
Comparte este Blog de Diseño Web
por Omar Benyakhlef | Abr 17, 2013 | jQuery
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 😉
Comparte este Blog de Diseño Web
por Omar Benyakhlef | Abr 10, 2013 | Diseño para móviles, Diseño Web, Google, HTML, iPhone, jQuery Mobile, Mobile, Tutoriales
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 😉
Comparte este Blog de Diseño Web
