jQuery Mobile

El diseño web específico para móviles es una realidad a la que no podemos dar la espalda.

El usuario de smartphone, no tiene el mismo tiempo, ni el mismo ancho de banda, ni el mismo tamaño de pantalla que puede tener cuando consulta esa misma web cómodamente sentado frente a su ordenador.

Es cierto que teléfonos como el iPhone, o los Android con sus navegadores y zooms, nos permiten ver perfectamente una web convencional, pero la experiencia es mucho más agradable cuando visionamos una web adaptada para estos terminales.

En numerosas ocasiones, al hacer zoom sin querer pulsas un botón o enlace y provocas la acción contraria a la deseada, en definitiva, si puedes, haz una versión mobile para tu web.

Una vez tomada la decisión, se nos plantea qué tecnología usar, podemos hacer un simple HTML adaptado o utilizar el jQuery Mobile, que es lo que nos ocupa al menos en este post y creo que en un futuro bastante largo…

Continue reading “jQuery Mobile. Diseña tu web para teléfono móvil.” »

La validez de DreamWeaver en diseño web creo que está fuera de toda duda, ahora por si fuera poco la versión CS 5.5 nos permite maquetar webs para teléfonos móviles de una manera fácil y rápida.

Aunque la mayoría de los nuevos smartphones son capaces de ver webs normales en el terminal, utilizando el zoom, la experiencia de usuario es mucho más gratificante cuando se trata de una maquetación específica para móvil, y en este caso quien mejor nos puede ayudar es sin duda jQuery Mobile.

jQuery Mobile te permite crear capas deslizables, o transiciones de página que hace mucho más fluida la navegación y todo ello con la base del HTML convencional.

Esta tecnología nos permite diseñar para la gran mayoría de terminales del mercado, desde iPhone, iPad, android o los últimos BlackBerrys pasando por la mayoría de los antiguos teléfonos móviles.

A continuación os dejo este vídeo de Adobe en el que podéis ver una muestra

Tenéis muchos más ejemplos en ADOBE TV

Botones Social Media con jQuery y CSS

En diseño web se ha vuelto imprescindible poder compartir tus contenidos con tus usuarios, si además lo puedes hacer de una manera vistosa, no solo gustará más a tus usuario, si no que será mucho más fácil que se vean tentados a utilizarlo.

AjaxMint nos muestra un alucinante ejemplo en el que además nos permite descargarnos el código.

Herramientas CSS

Conocer bien las tecnologías web, nos ayuda a tener una mejor perspectiva a la hora de poder realizar con éxito un buen diseño web.
El uso de CSS así como Ajax son hoy en día fundamentales en un buen diseño web. Existen herramientas que además nos pueden ayudar a la hora de optimizar y aplicar nuestros conocimientos de una manera más eficaz.
En este post vamos a ver varias herramientas CSS que nos van a ayudar a conseguir mejorar nuestra web. Compresores de CSS, generadores, programas que nos ayudan a limpiar la CSS, validadores, etc…
Continue reading “Herramientas CSS para maquetadores y diseñadores web” »

Internet está cambiando, la forma de uso de la Red ha evolucionado más allá del PC y de la web.
Medialabs ofrece estrategias multicanal que convergen y aportan una forma creativa y eficaz de ver Internet.