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 diseñar una web mobile?

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

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

Iconos gestuales para presentaciones de iPhone GRATIS !!!

Posted by Omar Benyakhlef on feb 18, 2013 in Diseño para móviles, iPhone | 0 comments

Ante todo, mil disculpas por la caída de la web este fin de semana, afortunadamente ya está todo subsanado.

Hoy traemos unos iconos muy útiles para realizar presentaciones o storyboards de aplicaciones iPhone. Se trata de iconos gestuales para poder explicar la funcionalidad de nuestras apps o incluso de nuestras web para iPhone. Son 12 iconos en formato AI de uso libre.

Iconos gestuales para iPhone

DESCARGAR VECTORES GRATIS

Share and Enjoy

Librería para gestos multi-touch. Mobile

Posted by Omar Benyakhlef on dic 5, 2012 in Diseño para móviles, iPhone, jQuery, jQuery Mobile, Mobile | 0 comments

Biblioteca multi-touch para WebApp

En numerosas ocasiones se ha recurrido al desarrollo de aplicaciones nativas al no existir la posibilidad de poder realizar ciertos desarrollos para web.
Una de las limitaciones en una aplicación web era el no poder programar gestos multitáctiles, como pellizcar para agrandar o disminuir el zoom, rotar, drag and drop,… Gracias a Hammer.js, ahora podemos implementar todo tipo de gesto multi-touch en nuestra WebApp
Hammer.js es una biblioteca javascript (requiere jQuery) para gestos multitáctiles de apenas 2kb destinado a operar con los gestos multitáctiles, clic, doble clic, arrastrar, mantener pulsado, escalar,…

Además, parece ser que ha sido testada en diferentes smartphones y tablets comprobando su compatibilidad.

VER VIDEO DEMO EN YOUTUBE

DESCARGAR CÓDIGO

Share and Enjoy

Recursos para diseño web Gratis !!! Mapas

Posted by Omar Benyakhlef on nov 8, 2012 in Diseño de páginas web, Diseño para móviles, Diseño Web, Google, Photoshop | 1 comment

La geolocalización forma parte habitual del diseño web y aplicaciones para teléfonos y tablets. En numerosas ocasiones nos vamos a encontrar con la necesidad de diseñar incluyendo mapas de Google Maps, controladores de mapas, ubicaciones, pins de localización…

En este post de recursos de diseño web, vais a encontrar una gran variedad de mapas y demás útiles para realizar con éxito vuestros diseños de geolocalización.

CONTINUAR LEYENDO “Recursos para diseño web Gratis !!! Mapas” »

Share and Enjoy

Plantillas psd de iPhone GRATIS !!!

Posted by Omar Benyakhlef on oct 17, 2012 in Diseño para móviles, Diseño Web, iPhone, Mobile, Photoshop | 0 comments

Plantillas PSD iPhone

Templates o plantillas de iPhone en psd, todo en capas para que puedas hacer una buena presentación de tu App o WebApp.

Buen post de GraphicsFuel en el que podrás encontrar toda una relación direcciones en las que descargar gratuitamente todo tipo de psd’s de iPhone. Podrás encontrar desde las carcasas del móvil hasta los más mínimos detalles, como iconos, elementos de formulario, teclados, botones, fondos…

• VER POST ORIGINAL Y DESCARGAR PLANTILLAS >>

Share and Enjoy