La diversidad de dispositivos para conectarse a la red y navegar por las páginas web es creciente, y con ello la disparidad de resoluciones, desde una pequeña pantalla vertical de un teléfono móvil inteligente, como el iPhone o cualquier dispositivo con Android hasta los mil formatos de monitores que van desde los ordenadores corporativos que aún cuentan con pantallas de 15 y 17″ y resoluciones de 800 píxeles de ancho hasta los grandes monitores de veintitantas pulgadas y resoluciones super horizontales de más de 1900 píxeles.

Es tal esta diversidad de formatos que si queremos aprovechar mínimamente la resolución disponible en cada pantalla o dispositivo la solución es diseñar para varios formatos, de lo contrario tus clientes te llamarán diciéndote, no se aprovecha el ancho de pantalla, no se ve bien con el móvil, aparecen barras y es innavegable, será tal el caos que te traemos una de las muchas soluciones existentes: La librería que combina javascript y CSS denominada Adapt

Esta librería te permite disponer de varias hojas de estilo y cargar dinámicamente la que mejor se adapta al dispositivo que visita la página web.

Dale un vistazo en: http://adapt.960.gs/

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Clase PHP para móviles
3. Compatibilidad CSS3 con diferentes navegadores

En más de una ocasión os habrán pedido algún diseño para el envío de un newsletter, el envío puede realizarse básicamente de dos formas, hay más pero o no las conozco o son muy específicas, esta son, la primera enviando una imagen anexada y otra remitiendo el contenido del email bajo lenguaje HTML.

Si ninguna de estas formas de remitir un correo electrónico el envío es un texto plano y hay poco o nada de diseño podemos ofrecer.

La opción de enviar una imagen es quizá la más válida para mi, por una razón, tienes total libertad en cuanto a diseño y se va a visionar bien en cualquier cliente de correo o dispositivo, sea este un PC, un Mac, un iPad, iPhone o teléfono Android.

Si bien la segunda opción, el envío de emails en HTML es como mínimo la forma más trabajada para enviar newsletters y permite contener siempre un mayor contenido.

En esta segunda opción para la que os copio unos interesantes enlaces desde donde podreis descargar unas plantillas HTML prediseñadas para el envío de newsletters siendo estas unas plantillas que podrás adaptar fácilmente al diseño que necesiten tus clientes.

Toma nota:

http://www.campaignmonitor.com/templates/

https://github.com/mailchimp/Email-Blueprints

En estos ejemplos se tienen en cuenta muchos factores de forma que trabajando sobre ellos te aseguras que te puedan leer correctamente en prácticamente cualquier ordenador o dispositivo, sin incompatibilidades que eso es muy importante.

Páginas relacionadas con este artículo:

1. Amazon SES para envío de emailings
2. Amazon SES para envío de emailings
3. Amazon SES para envío de emailings

Vídeo en Vid.ly funcionando bajo HTML 5

El mismo vídeo en YouTube

Ahora saca tu Smartphone, sea iPhone sea Android o incluso un iPad o cualquier table con Android por debajo del 2.2 y prueba a visitar este mismo artículo.

Las diferencias son:

El vídeo bajo Vid.ly es universal, es decir se visiona correctamente en cualquier dispositivo.
El vídeo bajo Vid.ly empieza en negro, es decir, no tiene un preview como el de YouTube
El vídeo bajo YouTube tiene publicidad o vídeos relacionados, posiblemente de tu competencia al final de la reproducción del mismo
Los controles del vídeo de YouTube no se ocultan los de Vid.ly sí
El vídeo bajo Vid.Ly funciona mejor a pantalla completa en sistemas Ubuntu 64 bits que el de YouTube

Y no sólo es eso, el sistema Vid.ly se encarga de comprimir tus vídeos y convertirlos gracias a la aplicación web que encontrarás en: http://vid.ly/

Te proporciona versiones incluso bajo .flv para sistemas antiguos y te los almacena gratis en la red de contenidos o CDN de Amazon S3.

También, tras comprimir un vídeo te muestra enlaces directos a vídeos en su versión móvil para que puedas enviar esos enlaces a tus vídeos por SMS de forma gratuita a través de la propia interface de la aplicación web aunque eso a mi no me ha funcionado, obviamente también puedes enviarlo por email, por ejemplo este vídeo lo tienes en: http://vid.ly/0l6f0i

Páginas relacionadas con este artículo:

1. Reproductor de vídeo en HTML5
2. Conversor de PDF a Word
3. Aplicación online para desarrollar videojuegos

Servidores web on-pocket, dinero en el cloud para poder comprar hasta en el top manta via TPV virtual sin IVAs, experiencias sexuales 3D, camisas con conexión a internet en las solapas, gemelos con receptores de GPS, gafas de sol graduadas con visión 3D, si faltarles el aire acondicionado y la obligada navegación asistida para poder ir del despacho al baño hasta con los ojos cerrados, americanas con baterías XXL ultraligeras entre sus telas que se recargan al caminar y sirven para alimentar los más variados gadgets y conferir mayor cobertura a tus comunicaciones on-time gracias sus costuras de fino hilo hertziano.

Todo esos gadgets ideados por los Julios Vernes del siglo XX parecen no llegar; es lo que me esperaba encontrar en el tan cacareado MWC, en cambio lo que me he encontrado y destaco en primer lugar es la omniausencia del todopoderoso número 2 del panorama tecnológico, Apple, Google todavía conservar la posición 1.

Un metro tras otro veía cual pesadilla iPhones y iPads por doquier asistentes, exhibidores, en las reuniones, mientras comías, menudo empacho de manzanas tiene este sector, además de eso lo más destacado del MWC ha sido un sinfín de aplicaciones móviles cual champiñones en una mañana de otoño.

Evolución, muy poca, tablets muchos, y un claro indicativo, el 2011 va a ser un año tabletizado y si no el 2012, pues en este MWC donde existe la mayor concentración de tecnoadictos del planeta, frikies encorbatados, nerds gafapastas era fácil constatar que en los puntos Wifi, en las mesas de reuniones lo que más se veía eran tablets, casi todos iPads, muchos, cientos, cuatro o cinco por cada ordenador portátil de esos, de los de antes.

Estos personajes, los tecnólogos, que viven a escasos metros de una toma de 220V, porque o si no ni viven ni dejan vivir bien son la avanzadilla de una realidad tecnológica que está a la vuelta de la esquina, así que su deambular por la feria con sus tablets en mano nos indica que estos dispositvos son lo que va estar de rabiosa actualidad en breve.

Sin salirnos de las tabletas puedo comentar que trasteé con Android 3.0 Honey Comb y bueno, las sensaciones son buenas, si bien parece que aún anda algo en beta y peca como Froyo, ese Android 2.2 de algunos parones aleatorios, Android es un sistema que me encanta por su apertura, soy usuario de Android, aunque me confieso también iPadizado y destaca la estabilidad del producto de Apple muy superior a la de Android.

Ya estamos hablando de Apple cuando esta compañía es la gran ausente del MWC, tema central de esta pequeña reseña. ¿Que tendrá la manzana que sin estar ni querer es el centro de un sistema sin estar?

Probé el Samsung Galaxy S II, yo soy poseedor de un Galaxy S I y los cambios son buenos, tiene mucho más agarre por su tapa trasera agujereada y de tacto más gomoso y la pantalla es algo más grande, el peso es incluso algo inferior, bajo Android 2.2 GingerBread parecía funcionar bien, si bien no tuve el suficente tiempo para poder constatar  si ha superado los problemas que adolece la versión I, estos son, duración ridícula de la batería, donde con un uso medio-alto no te llega ni a 8 horas y los parones, eternos parones y reseteos de la versión I.También toqué la tableta de Samsung, la Galaxy Tab 10, se asemeja mucho al iPad en cuanto a formato pero no me aportó nada nuevo.

Toque Windows Phone y la sensación fue mucho mejor de lo esperado pero quedando aún por detrás de iOs y Android, quizá la unión de los dos caballos rezagados, Nokia y Microsoft, pueda llevar a este sistema operativo móvil hacia la meta, pero sinceramente hoy lo dudo, además, ¿Es este el entierro oficial de Symbian?

También estuve con los de las dos B, BlackBerry y su PlayBook, no me gustó, mejora la experiencia de sus teléfonos móviles pero la tableta es fea, pequeña y aislada, al igual que sus zapatoteléfonos con mil una teclas mecánicas, enteraros señores de RIM, be touch, be social & be modern!

Intel daba la brasa con su Meego, chavales cuidado, que viene Chrome, y aunque no es un sistema operativo al que le vea especial futuro pues creo, como muchos que Android lo canibalizará, hay que estar atentos, su motor Linux es muy robusto.

A destacar también LG, subidón en sus terminales y en sus tabletas, probé las pantallas 3D sin gafas en sus móviles y tablets y decir que son espectaculares, con estos teléfonos y una tableta de aspirinas puedes tener una experiencia jugable de espanto pues la inmersión es total, jugué al N.O.V.A. un FPS de Gameloft, líderes en videojuegos para iOs y el resultado es increíble, eso sí, cada media horita una aspirina pues el cerebro y el 3D se entienden sólo a ratos, el camino a seguir, puede.

No he hablado de Facebook ni de Twitter, pero su presencia era clara, sobre el primero decir que vi teléfonos que ya incorporaban de serie un botón físico en su carcasa con el logo de la “f”, este Mark triunfa! Y twitter abierto en los iPads y notebooks de todos los bloggers que populaban por la feria.

El slogan de la MWC bien podría ser en su versión long play algo así como:

Con nuestros gadgets de última generación marca “El pato” no pasarás ni un sólo minuto sin poder postear a tus fieles seguidores de la red, amigos, conocidos, desconocidos, jefes y jefechuzos todo aquello que se te ocurra, tenga o no valor gramatical y/o semántico.

Las aplicaciones de escritorio, de PC parecen morir poco a poco, todo son aplicaciones para móviles y aplicaciones en la nube, aplicaciones web, interconexión, multidispositivo, ese es nuestro multifuturo, ahora bien, como desarrollador, elige el tuyo, y apreta!

Como dijo el gran genio del rock, The Show Must Go On… pues eso a programar!

Páginas relacionadas con este artículo:

1. Ranking de sistemas operativos para móvil
2. Publicidad en el móvil
3. Programas gratis alternativos

La W3C le ha puesto logo a la implementación de HTML5, y no sólo se ha quedado hay, ha iconizado las diferentes tecnologías que van a integrar esta nueva normativa que va imperar sobre el HTML, la tecnología  supuestamente llamada a ser una auténtico Flash Killer.

Los iconos de las tecnologías aquí:

Dependiendo de lo que uses en tu web puedes mostrar unos u otros logotipo, por este orden según la imagen: El primer icono hace referencia al uso de una estructura semántica HTML5, el segundo de que se usan bases de datos en cliente, el tercero que es multidispositivo, esto es que se ha cuidado para que se pueda acceder con PCs, tablets, móviles, etc. El cuarto icono hac referencia a que se usa conectividad con datos en tiempo real, los http request de antes, saltamos de línea y el icono de multimedia, es decir que esto lleva vídeo bajo HTML5, el segundo de la segunda nos informa que se hace uso de las 3D, a darle caña al Canvas. El tercero de la segunda que parece una flor, no! no es una flor nuclearizada significa que se trabaja duro en optimizarlo para ofrecer un cran rendimiento, y último, el más bonito a mi forma de entender la estética nos informa que aquí se usa CSS3.

Hoy me siento icónico los de la W3 incluso han colocado un generador del gráfico personalizado, esto es, seleccionas las tecnologías que implementas pulsas un botón y te escupen un código html que tras ser insertado en tu web mostrará, preferiblemente a pie de página lo hachetemelerocinco que tu eres.

¿Qué son las 09:00 de un día de enero del año 2011 y todavía no tienes tu pegatina HTML5?

Corre!!!!  http://www.w3.org/html/logo/

Páginas relacionadas con este artículo:

1. Compatibilidad del HTML5 entre navegadores
2. Plantillas de páginas web con HTML5
3. El aporte que HTML5 representa a los desarrolladores web

Aún no hemos podido comprobar la funcionalidad de esta clase pero por lo que parece indicar no es un sólo redireccionador de url atendiendo al dispositivo o browser sino que parece que puede modifica los enlaces al vuelo existentes en la página web para mantenerse en el formato apropiado del dispositivo.

http://code.google.com/p/cimobile/wiki/CiMobile

Páginas relacionadas con este artículo:

1. Diferentes dispositivos diferentes resoluciones
2. Estructuras redimensionables para iPhone
3. jQuery para móviles

Os paso el enlace de una nube de tags rotatoria en 3D basada en jQuery, es decir sin el uso de Flash, lo que hace que no sea opaca para el posicionamiento en Google y se pueda ver en dispositivos iOS como el iPad o el iPhone aunque obviamente su funcionalidad se reduzca pues al ser táctiles no tienen el comportamiento Over además de que francamente va algo a trompicones, pero bueno, ya es algo.

La demo en: http://www.iangeorge.net/snippets/tags/

El código en: https://bitbucket.org/elbeanio/jquery.tagsphere/wiki/Home

Páginas relacionadas con este artículo:

1. jQuery para móviles
2. Otro slider o accordion pero este gratis
3. El mejor slider que he visto

En el siguiente enlace encontrarás la web original de donde he capturado la imagen con el esquema de compatibilidad de las nuevas funcionalidades del HTML así como diversos enlaces para poder comprobar por ti mismo la compatibilidad del HTML5 con los diferentes navegadores web: http://robertnyman.com/html5/

Páginas relacionadas con este artículo:

1. Compatibilidad HTML5 con diferentes navegadores
2. Compatibilidad CSS3 con diferentes navegadores
3. El aporte que HTML5 representa a los desarrolladores web

Ya está aquí, ya ha salido la primera versión del framework javascript más famoso en su versión destinada al desarrollo de aplicaciones y diseño de páginas web para smartphones y tablets, jQuery Mobile.

Esta librería que ocupa 12Kb. en su versión comprimido es compatible con gadgets que funcionan bajo los siguientes sistemas operativos: Android, iOS, BlackBerry, WebOS, bada, symbian, Meego Windows Phone.

En jQuery Mobile, como es lógico destacan las funciones touch para sacarle mayor partido a las capacidades táctiles de estos dispositivos y las funcionalidades para que la interficie se adapte a las pequeñas y diferentes entre ellos pantallas que suelen incorporar estos dispositivos.

Enlace: http://jquerymobile.com/

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Desarrollo multiplataforma para móviles
3. Clase PHP para móviles

Bueno… esto va en serio, menudo slider multidimensional que han construido bajo jQuery… quita el hipo! Viene preparado para sistemas touch o taćtiles, aka iPad, iPhones y tablets y teléfonos Androideados, tiene unos efectitos muy elegantes y discretos y un montón de abalorios para decorar este fantástico slider accordion o acordeon de contenidos que puede hacer las veces de portfolio o de menú de prácticamente cualquier web, a nivel de usabilidad es muy correcto, le doy un 7 sobre 10 va… que no se diga.

Disponen de una licencia comercial, sin su marca, y una licencia Freeware con la marca pero totalmente preparada para integrar en WordPress. Haber si venden cantidades brutales y se nos demuestra que de esto, podemos vivir todos, amigos manitas del javascript!

Dadle un vistazo: http://www.slidedeck.com/wordpress/

Páginas relacionadas con este artículo:

1. Otro slider o accordion pero este gratis
2. Slider con hashtag bajo jQuery
3. Motor para videojuegos bajo HTML5 y JavaScript