¿Cómo diseñar una web mobile?

Posted by Omar Benyakhlef on mar 19, 2013 in Diseño para móviles, iPhone, jQuery Mobile, Mobile, Usabilidad | 1 comment

Diseño de Web para Móviles

El tráfico de los dispositivos mobile empieza a ser un factor decisivo a la hora de replantearte el diseño de tu web. En este post no vamos a entrar en si es mejor un diseño adaptative o crear uno especial para este tipo de dispositivos, vamos a ver cuales son los factores decisivos que deciden entre el éxito y fracaso de un sitio mobile.

Los usuarios esperan que su experiencia mobile sea al menos tan buena como la de escritorio. Es muy fácil perder clientes y muy difícil ganarlos, sin embargo, no tener sitio mobile ayuda a tu competencia, así que parece claro que la opción es adaptarse, pero hacerlo bien.

CONTINUAR LEYENDO “¿Cómo diseñar una web mobile?” »

Share and Enjoy

Slide Down Box Menu, un menú completísimo con jQuery y CSS

Posted by Omar Benyakhlef on mar 12, 2013 in jQuery, Usabilidad | 0 comments

Menú con jQuery y CSS

En este blog de diseño web hemos mostrado numerosos ejemplos de menú, y seguiré añadiendo, porque el menú constituye una parte esencial del diseño web, cada proyecto es un mundo y requiere un menú diferente.

La mayoría de las veces, el menú viene condicionado o bien por la cantidad de secciones que vayamos a utilizar o por los absurdos títulos larguísimos que nos pide el cliente. En el segundo caso es casi esencial convencerle que el titular de un menú ha de ser conciso y breve si queremos que funcione.

Hoy os dejo un menú que me ha parecido muy vistoso y útil. Se trata de un menú en el que al hacer rollover sobre la opción la casilla que contiene el titular se abre con un efecto elástico, en la zona superior aparece una imagen y el texto se desplaza hacia abajo, mostrando, cuando es preciso un submenú a su derecha.

Además de poder descargar todo el código de forma gratuita, podréis consultar con amplio detalle todos los pasos del proceso.

VER DEMO Y DESCARGAR MENÚ SLIDE DOWN BOX

Share and Enjoy

Mapa de Redes Sociales 2013 de iRedes

Posted by Omar Benyakhlef on mar 7, 2013 in Redes Sociales | 0 comments

Se ha presentado ya la tercera actualización del mapa de redes sociales iRedes.

En él se incluyen aquellas redes con al menos 10 millones de usuarios. El mapa está categorizado por temática, chat, citas, video&foto, general, agregadores y demás redes temáticas.

Mapa iRedes 2013

Share and Enjoy

Espectaculares efectos para listas desplegables. jQuery y CSS

Posted by Omar Benyakhlef on mar 6, 2013 in jQuery | 0 comments

Lista desplegable con jQuery y CSS

Hoy traemos un espectacular efecto para cuando tenemos que utilizar listas desplegables o incluso un menú.

El despliegue es customizable, totalmente configurable para conseguir efectos únicos. Como siempre ojo con los navegadores, se trata de transformaciones y transiciones CSS que como sabéis no todos los navegadores soportan.

El regalo nos lo trae tympanus y nada mejor que verlo para encapricharnos y descargarlo

VER DEMO Y DESCARGAR ARCHIVO GRATIS LISTAS DESPLEGABLES

Share and Enjoy

Psd’s de Ribbons GRATIS !!!

Posted by Omar Benyakhlef on feb 28, 2013 in Photoshop | 0 comments

Seguramente hayáis visto estos “ribbons” o cintas en multitud de diseños, un estilo retro con mucha fuerza en los actuales diseños.
Tanto para cabeceras, titulares, menús o botones, es un recurso al que siempre podréis recurrir.
En este pack podréis encontrar varios ejemplos en diferentes PSD’s, todos los archivos psd de Photoshop están bien repartidos en capas y pueden ser fácilmente editadas. También podréis ver que incluye  variaciones de color. Si queréis más variaciones y más tipos, tocará rascarse el bolsillo…

CONTINUAR LEYENDO “Psd’s de Ribbons GRATIS !!!” »

Share and Enjoy