"La evolución de la red"

"La evolución de la red" (The Evolution of the Web) es una webapp que muestra una linea de tiempo para ocho navegadores, con versiones, introducción de características y tecnologías web (como Flash, AJAX, etc). Por cierto, las bandas de color de fondo representan la interacción entre las tecnologías web y navegadores.

"The Evolution of the Web"

No me atrevo a escribir más, ya la funcionalidad de la aplicación habla por si sola, así que los invito a utilizarla:

http://evolutionofweb.appspot.com/

Como recurso educativo e histórico, esta aplicación la tienen que tener a la mano, ojalá que le den seguimiento.
¡Saludos!

Review Nokia N97

"El Nokia N97 en mis manos una vez mas"

La semana pasada nuevamente nuestros amigos de Nokia tuvieron a bien permitirnos experimentar con uno de sus gadgets y así nosotros poder brindarles nuestras experiencias con el mismo. En este caso queríamos darle una segunda oportunidad al modelo Nokia N97 y ver si con el firmware actualizado, una mejor conexión a Internet y mas tiempo de uso podemos dar una nueva opinión sobre el producto. He aquí nuestras experiencias:

"Actualizado a la última version disponible a la fecha de uso"

• Teléfono

El Nokia N97 como teléfono no es la octava maravilla pero tampoco tengo quejas de el. Su sensor de proximidad es bastante práctico así como su agenda de contactos y marcador los cuales se encuentran muy a la mano en la pantalla principal. Tanto el micrófono como el auricular poseen una calidad aceptable, de manera que no tuve problemas para escuchar a mi interlocutor y viceversa. Lo que si extrañé fue la posibilidad de asociar una fotografía o demás detalles de un contacto sincronizándolos con las redes sociales donde los tengo agregados.

• Reproductor de música

Este es uno de los puntos que mas me agrada del teléfono y de los Nokia en general, ya que no están amarrados a un reproductor específico para poder administrar la música sino que simplemente conectan el aparato mediante un cable USB y basta con copiar los archivos MP3 a una determinada carpeta, independientemente del sistema operativo o del reproductor de medios que el usuario prefiera utilizar.

La interfaz del player es aceptable, aunque lamentablemente la calidad de los gráficos del teléfono no ayuda. Tiene la bondad de permitirte crear playlists y agregarle pistas "al vuelo" además de poder controlar la reproducción de la música aun con el teléfono bloqueado, haciendo uso de los controles incrustados en los audífonos que vienen con el aparato. La música se pausa automáticamente al entrar una llamada e inmediatamente vuelve a su reproducción al finalizarla. Los 32GB con los que cuenta el aparato son mas que suficientes para cargar con los playlists y artistas/albums favoritos y si aun así quieres mas, puedes hacer uso del sintonizador de radio.

• Aplicaciones

Para instalar aplicaciones en el teléfono tienes dos vías diferentes, una es hacer uso de la flamante y reciente tienda Ovi, la cual recopila y clasifica aplicaciones específicas para tu modelo de teléfono, en donde encontraras no solamente aplicaciones sino también temas visuales y ringtones curiosos. La tienda clasifica dichas aplicaciones por categorías, asi como también por aplicaciones de pago y gratuitas. Debido a que el teléfono no es de mi propiedad, no pude experimentar el proceso de compra de aplicaciones pero si me dedique a hacer pruebas con varias aplicaciones gratuitas y algunas trial.

"Screenshot de la apariencia de la tienda Ovi mas tres diferentes temas visuales aplicados al telefono"

La deficiencia actual de la tienda Ovi es la baja cantidad de aplicaciones disponibles en ella, en especial la cantidad de aplicaciones gratuitas. Esto hace que muchos opten por la segunda vía: los foros y aplicaciones Java.

En esta segunda vía no se tiene un repositorio de aplicaciones centralizado y clasificado sino que el usuario tiene que buscar las aplicaciones que desea directamente en google o mediante foros como taringa, así como tomar en cuenta si la versión de la aplicación que descarga es compatible con la versión de Symbian que el posee en su aparato. Aparte de las aplicaciones nativas de Symbian, también se encuentran por estos lares aplicaciones basadas en JavaME las cuales, según mi experiencia, no pueden aprovechar las bondades del teléfono como el vibrador, acelerómetro, pantalla touch, etc. por lo que la experiencia de uso se degrada.

• Videojuegos

Este es quizá el punto que menos me agradó del teléfono. Combina las dos debilidades del mismo: un procesador lento (el cual hace que la interfaz responda lentamente) y una interfaz poco intuitiva. Ambos aspectos son clave para el éxito de un gadget como consola de videojuegos y lamentablemente el N97 carece de ellos.

Podemos demostrar esto mediante dos videojuegos que he tenido la oportunidad de apreciarlos al mismo tiempo tanto en mi iPod Touch como en el Nokia N97: Need for Speed Undercover y Labyrinth. NFS es un muy conocido videojuego de carreras automovilísticas quien se apodera del CPU al momento de realizar las simulaciones de los choques y derrapes de los automóviles mientras que Labyrith hace uso del acelerómetro para simular una bola de metal que recorre un laberinto de madera, moviéndose según la inclinación del aparato:

• Hardware

Aqui hablaremos del teclado, el acelerómetro y la cámara.

El teclado, aunque significa un aumento en las dimensiones del aparato, realmente vale la pena ya que incrementa en gran medida la velocidad de introducción de texto en las aplicaciones comparado con un teclado virtual en pantalla. Esto es excesivamente útil y muy valorado por mi parte cuando me dedico a escribir tweets al mismo tiempo que chateo con hasta cinco personas a la vez en msn/gtalk.

Otro punto importante y que habíamos resaltado en el review anterior es que, por el hecho de haber probado un teléfono con teclado español, la disposición de las teclas parecía un tanto extraña, dejando de lado ciertas teclas que suelen ser de uso más frecuente que otras. En este caso hablamos de las teclas de paréntesis que si bien es posible obtenerlas mediante la tecla "char" que muestra en pantalla una lista de caracteres especiales "extra", significa realizar dos(o hasta tres) pasos para obtener un caracter frecuentemente utilizado.

"Pantalla con caracteres extra, la cual aparece al presionar la tecla 'char' en el teclado físico del Nokia N97"

La inclinación que toma la pantalla al abrir el teclado también es perfecto para cuando deseas ocupar tu teléfono para ver videos o simplemente navegar por el web sin sostener el aparato en tus manos sino puesto en una mesa o superficie horizontal. Esto evita la necesidad de hacer uso de un dock o algún otro accesorio que permita la colocación vertical o inclinada del aparato.

"Nokia N97 en posición landscape con el teclado expandido. Nótese la inclinación que toma la pantalla"

A pesar de poseer un acelerómetro integrado, el Nokia N97 realmente no le sacaba provecho y supongo que es porque volvería aun mas lento el aparato. Eran pocas las aplicaciones que de forma nativa soportaban este feature. Algunos simplemente se quedaban en su posicion original y un juego hasta se atrevió a mostrar mensajes como el siguiente cuando rotabas el teléfono:

"Lamentablemente muchos juegos y aplicaciones no aprovechaban el acelerómetro del teléfono"

La cámara por otra parte es una de las características que más me encantaron respecto a este teléfono. Los 5 megapixeles con Carl Zeis y Autofocus me permitieron de sentir que con este teléfono puedo prescindir de una cámara digital que satisfaga mis necesidades de capturar momentos espontáneos memorables y otros acontecimientos sin perder la calidad de los mismos.

"Captura de pantalla del pórtico de galerias, tomada con la cámara del Nokia N97 (click para ver en tamaño completo)"

Me agradó bastante el hecho de no tener que dar muchos taps para activarla sino que basta con destapar el lente para que el teléfono esté listo para realizar una captura. Si se requiere cambiar al modo de vídeo nada mas basta dar dos taps más. La calidad del mismo también es bastante buena y se puede demostrar con la siguiente captura de vídeo:

Al igual que con la música, agradezco el no tener que depender de un programa específico para copiar las fotos y vídeos del teléfono a mi computadora sino que basta con conectar vía USB como dispositivo Plug and Play, buscar la carpeta apropiada y mover los archivos .JPG y .JPEG que representan las fotos y vídeos capturados.

Lo que si considero un desperdicio de funcionalidad y por ende, espacio y dinero, es la cámara secundaria frontal, con calidad VGA y sin zoom. Se entiende que facilita las capturas de autoretratos pero no vale la pena para la calidad de las fotografías, mas cuando hoy en día muchos ya poseen la habilidad de capturar autoretratos sin ver la pantalla LCD.

• En General

En mi opinión personal la interfaz Symbian es poco intuitiva Hay que hacer muchos taps para realizar tareas simples y la gran pantalla de 3.5'' podría aprovecharse mas con una interfaz rediseñada. Así como ya se había mencionado en el post anterior, la respuesta del teléfono a la interacción del usuario es lenta, no es instantánea por lo que causa algunas molestias ese pequeño margen de espera entre el tap y la respuesta de la UI.

Además, si bien la pantalla puede ser usada con los dedos, la interfaz de la mayoría de aplicaciones tanto nativas como de terceros poseen botones demasiado pequeños, pensados para una interacción a través de un stylus, el cual lamentablemente, aunque viene incluido con el aparato, no es posible adherirlo a él para no perderlo, así como con el Nokia 5800 XpressMusic el cual cuenta con una ranura para guardar el stylus. Si bien se puede utilizar como stylus casi cualquier objeto similar a un lápiz, no siempre se posee uno a la mano. Esto implica que cuando no contemos con uno, tendremos que ser bastante precisos con los dedos a la hora de interactuar con la mayoría de aplicaciones.

Esto fue algo que personalmente me encantó del 5800 XpressMusic que venia con su propio stylus y un espacio donde este se guardaba dentro del teléfono, lo que me evitaba muchas molestias.

En conclusión, lo considero un buen teléfono y un muy útil reproductor de música, así como también un buen transmisor GPS. La aceleración de gráficos y el CPU impiden que se pueda considerar como una buena consola de videojuegos por lo que no lo recomiendo para estos usos. Curiosamente, obtuve buenos resultados reproduciendo videos de youtube y mediante Opera mini obtuve una agradable experiencia en cuanto a navegación web, por lo que el teléfono es también bueno para este rubro. Otra buena experiencia fue el uso de la cámara principal, con una excelente resolución y un rápido acceso a la misma, aunque considero una mala decisión haber incluido una cámara secundaria frontal VGA, ya que prefiero aprender a tomarme fotografías personales "a ciegas" pero de buena calidad.

Si sus necesidades coinciden con las características que resalto en mi anterior conclusión y si el precio es accesible para usted, podría considerarse una buena alternativa ante sus competidores actuales.

Un saludo y agradecimiento a los sres. de Nokia, especialmente a Alejandra Bracamonte por permitirnos experimentar con el móvil para llevar a cabo este review.

Review Nokia N97

"El Nokia N97 en mis manos una vez mas"

La semana pasada nuevamente nuestros amigos de Nokia tuvieron a bien permitirnos experimentar con uno de sus gadgets y así nosotros poder brindarles nuestras experiencias con el mismo. En este caso queríamos darle una segunda oportunidad al modelo Nokia N97 y ver si con el firmware actualizado, una mejor conexión a Internet y mas tiempo de uso podemos dar una nueva opinión sobre el producto. He aquí nuestras experiencias:

"Actualizado a la última version disponible a la fecha de uso"

• Teléfono

El Nokia N97 como teléfono no es la octava maravilla pero tampoco tengo quejas de el. Su sensor de proximidad es bastante práctico así como su agenda de contactos y marcador los cuales se encuentran muy a la mano en la pantalla principal. Tanto el micrófono como el auricular poseen una calidad aceptable, de manera que no tuve problemas para escuchar a mi interlocutor y viceversa. Lo que si extrañé fue la posibilidad de asociar una fotografía o demás detalles de un contacto sincronizándolos con las redes sociales donde los tengo agregados.

• Reproductor de música

Este es uno de los puntos que mas me agrada del teléfono y de los Nokia en general, ya que no están amarrados a un reproductor específico para poder administrar la música sino que simplemente conectan el aparato mediante un cable USB y basta con copiar los archivos MP3 a una determinada carpeta, independientemente del sistema operativo o del reproductor de medios que el usuario prefiera utilizar.

La interfaz del player es aceptable, aunque lamentablemente la calidad de los gráficos del teléfono no ayuda. Tiene la bondad de permitirte crear playlists y agregarle pistas "al vuelo" además de poder controlar la reproducción de la música aun con el teléfono bloqueado, haciendo uso de los controles incrustados en los audífonos que vienen con el aparato. La música se pausa automáticamente al entrar una llamada e inmediatamente vuelve a su reproducción al finalizarla. Los 32GB con los que cuenta el aparato son mas que suficientes para cargar con los playlists y artistas/albums favoritos y si aun así quieres mas, puedes hacer uso del sintonizador de radio.

• Aplicaciones

Para instalar aplicaciones en el teléfono tienes dos vías diferentes, una es hacer uso de la flamante y reciente tienda Ovi, la cual recopila y clasifica aplicaciones específicas para tu modelo de teléfono, en donde encontraras no solamente aplicaciones sino también temas visuales y ringtones curiosos. La tienda clasifica dichas aplicaciones por categorías, asi como también por aplicaciones de pago y gratuitas. Debido a que el teléfono no es de mi propiedad, no pude experimentar el proceso de compra de aplicaciones pero si me dedique a hacer pruebas con varias aplicaciones gratuitas y algunas trial.

"Screenshot de la apariencia de la tienda Ovi mas tres diferentes temas visuales aplicados al telefono"

La deficiencia actual de la tienda Ovi es la baja cantidad de aplicaciones disponibles en ella, en especial la cantidad de aplicaciones gratuitas. Esto hace que muchos opten por la segunda vía: los foros y aplicaciones Java.

En esta segunda vía no se tiene un repositorio de aplicaciones centralizado y clasificado sino que el usuario tiene que buscar las aplicaciones que desea directamente en google o mediante foros como taringa, así como tomar en cuenta si la versión de la aplicación que descarga es compatible con la versión de Symbian que el posee en su aparato. Aparte de las aplicaciones nativas de Symbian, también se encuentran por estos lares aplicaciones basadas en JavaME las cuales, según mi experiencia, no pueden aprovechar las bondades del teléfono como el vibrador, acelerómetro, pantalla touch, etc. por lo que la experiencia de uso se degrada.

• Videojuegos

Este es quizá el punto que menos me agradó del teléfono. Combina las dos debilidades del mismo: un procesador lento (el cual hace que la interfaz responda lentamente) y una interfaz poco intuitiva. Ambos aspectos son clave para el éxito de un gadget como consola de videojuegos y lamentablemente el N97 carece de ellos.

Podemos demostrar esto mediante dos videojuegos que he tenido la oportunidad de apreciarlos al mismo tiempo tanto en mi iPod Touch como en el Nokia N97: Need for Speed Undercover y Labyrinth. NFS es un muy conocido videojuego de carreras automovilísticas quien se apodera del CPU al momento de realizar las simulaciones de los choques y derrapes de los automóviles mientras que Labyrith hace uso del acelerómetro para simular una bola de metal que recorre un laberinto de madera, moviéndose según la inclinación del aparato:

• Hardware

Aqui hablaremos del teclado, el acelerómetro y la cámara.

El teclado, aunque significa un aumento en las dimensiones del aparato, realmente vale la pena ya que incrementa en gran medida la velocidad de introducción de texto en las aplicaciones comparado con un teclado virtual en pantalla. Esto es excesivamente útil y muy valorado por mi parte cuando me dedico a escribir tweets al mismo tiempo que chateo con hasta cinco personas a la vez en msn/gtalk.

Otro punto importante y que habíamos resaltado en el review anterior es que, por el hecho de haber probado un teléfono con teclado español, la disposición de las teclas parecía un tanto extraña, dejando de lado ciertas teclas que suelen ser de uso más frecuente que otras. En este caso hablamos de las teclas de paréntesis que si bien es posible obtenerlas mediante la tecla "char" que muestra en pantalla una lista de caracteres especiales "extra", significa realizar dos(o hasta tres) pasos para obtener un caracter frecuentemente utilizado.

"Pantalla con caracteres extra, la cual aparece al presionar la tecla 'char' en el teclado físico del Nokia N97"

La inclinación que toma la pantalla al abrir el teclado también es perfecto para cuando deseas ocupar tu teléfono para ver videos o simplemente navegar por el web sin sostener el aparato en tus manos sino puesto en una mesa o superficie horizontal. Esto evita la necesidad de hacer uso de un dock o algún otro accesorio que permita la colocación vertical o inclinada del aparato.

"Nokia N97 en posición landscape con el teclado expandido. Nótese la inclinación que toma la pantalla"

A pesar de poseer un acelerómetro integrado, el Nokia N97 realmente no le sacaba provecho y supongo que es porque volvería aun mas lento el aparato. Eran pocas las aplicaciones que de forma nativa soportaban este feature. Algunos simplemente se quedaban en su posicion original y un juego hasta se atrevió a mostrar mensajes como el siguiente cuando rotabas el teléfono:

"Lamentablemente muchos juegos y aplicaciones no aprovechaban el acelerómetro del teléfono"

La cámara por otra parte es una de las características que más me encantaron respecto a este teléfono. Los 5 megapixeles con Carl Zeis y Autofocus me permitieron de sentir que con este teléfono puedo prescindir de una cámara digital que satisfaga mis necesidades de capturar momentos espontáneos memorables y otros acontecimientos sin perder la calidad de los mismos.

"Captura de pantalla del pórtico de galerias, tomada con la cámara del Nokia N97 (click para ver en tamaño completo)"

Me agradó bastante el hecho de no tener que dar muchos taps para activarla sino que basta con destapar el lente para que el teléfono esté listo para realizar una captura. Si se requiere cambiar al modo de vídeo nada mas basta dar dos taps más. La calidad del mismo también es bastante buena y se puede demostrar con la siguiente captura de vídeo:

Al igual que con la música, agradezco el no tener que depender de un programa específico para copiar las fotos y vídeos del teléfono a mi computadora sino que basta con conectar vía USB como dispositivo Plug and Play, buscar la carpeta apropiada y mover los archivos .JPG y .JPEG que representan las fotos y vídeos capturados.

Lo que si considero un desperdicio de funcionalidad y por ende, espacio y dinero, es la cámara secundaria frontal, con calidad VGA y sin zoom. Se entiende que facilita las capturas de autoretratos pero no vale la pena para la calidad de las fotografías, mas cuando hoy en día muchos ya poseen la habilidad de capturar autoretratos sin ver la pantalla LCD.

• En General

En mi opinión personal la interfaz Symbian es poco intuitiva Hay que hacer muchos taps para realizar tareas simples y la gran pantalla de 3.5'' podría aprovecharse mas con una interfaz rediseñada. Así como ya se había mencionado en el post anterior, la respuesta del teléfono a la interacción del usuario es lenta, no es instantánea por lo que causa algunas molestias ese pequeño margen de espera entre el tap y la respuesta de la UI.

Además, si bien la pantalla puede ser usada con los dedos, la interfaz de la mayoría de aplicaciones tanto nativas como de terceros poseen botones demasiado pequeños, pensados para una interacción a través de un stylus, el cual lamentablemente, aunque viene incluido con el aparato, no es posible adherirlo a él para no perderlo, así como con el Nokia 5800 XpressMusic el cual cuenta con una ranura para guardar el stylus. Si bien se puede utilizar como stylus casi cualquier objeto similar a un lápiz, no siempre se posee uno a la mano. Esto implica que cuando no contemos con uno, tendremos que ser bastante precisos con los dedos a la hora de interactuar con la mayoría de aplicaciones.

Esto fue algo que personalmente me encantó del 5800 XpressMusic que venia con su propio stylus y un espacio donde este se guardaba dentro del teléfono, lo que me evitaba muchas molestias.

En conclusión, lo considero un buen teléfono y un muy útil reproductor de música, así como también un buen transmisor GPS. La aceleración de gráficos y el CPU impiden que se pueda considerar como una buena consola de videojuegos por lo que no lo recomiendo para estos usos. Curiosamente, obtuve buenos resultados reproduciendo videos de youtube y mediante Opera mini obtuve una agradable experiencia en cuanto a navegación web, por lo que el teléfono es también bueno para este rubro. Otra buena experiencia fue el uso de la cámara principal, con una excelente resolución y un rápido acceso a la misma, aunque considero una mala decisión haber incluido una cámara secundaria frontal VGA, ya que prefiero aprender a tomarme fotografías personales "a ciegas" pero de buena calidad.

Si sus necesidades coinciden con las características que resalto en mi anterior conclusión y si el precio es accesible para usted, podría considerarse una buena alternativa ante sus competidores actuales.

Un saludo y agradecimiento a los sres. de Nokia, especialmente a Alejandra Bracamonte por permitirnos experimentar con el móvil para llevar a cabo este review.

Opera Unite: La Vision del Futuro, Hoy

"Logotipo de Opera Unite"

Opera acaba de lanzar lo que muchos llamarían "el futuro de la web", y esto porque su nueva versión del navegador viene incorporado por una nueva tecnología llamada Opera Unite, ahora cuenta con facilidades para convertir tu PC en todo un servidor de Internet, permitiéndote compartir música y comunicarte con tus amigos y conocidos sin necesidad de usar servicios de terceros.

Hace un tiempo escuchábamos también propuestas de Mozilla para revolucionar nuestro modo de utilizar la web mediante mashups e interacciones mas naturales para controlar el browser mediante su tecnología Ubiquity y también hace poco recibimos una propuesta por parte de Google para facilitarnos la forma como nos comunicamos y compartimos recursos en el web, mediante Google Wave. Todo esto nos indica que la web como la conocemos hoy pronto dejará de existir, dándole paso a una nueva plataforma donde ya no solamente navegaremos por páginas con hipervínculos para leer contenido web, sino que ahora los browsers serán verdaderas y poderosas herramientas para estar en contacto con nuestros amigos/colegas/conocidos y compartir recursos mas fácilmente para cumplir el objetivo del Internet, el cual Katherine me lo recordó una vez con un twitt diciendo que: "Internet es realmente una conexión entre personas, no entre computadoras"

Entre los servicios que se pueden montar en este navegador se encuentran:

• Un Web Server para almacenar tu propia página web.
• Una utilidad para compartir archivos.
• Un "refrigerador", refiriéndose a un lugar donde dejar notas de texto
• Una utilidad para compartir fotografías.
• Un "sofá", o plataforma para invitar a tus amigos a chatear
• Un reproductor de música, o mas bien dicho, un servidor de música, de forma que puedas escuchar tus canciones desde cualquier parte, accediendo a tu computadora mediante streaming.

Para poder experimentar esta nueva tecnología de opera, es necesario descargarse la versión 10-beta de dicho navegador y crear una cuenta (o iniciar sesión) de My Opera.

"Opera Unite, mostrando mi perfil y servicios disponibles"

Este vídeo nos explica la ideología de Opera respecto a su nueva tecnología:

Ya probaste esta nueva tecnología? Que opinas al respecto?

Opera unite firefox ubiquity google wave internet navegador web

Opera Unite: La Vision del Futuro, Hoy

"Logotipo de Opera Unite"

Opera acaba de lanzar lo que muchos llamarían "el futuro de la web", y esto porque su nueva versión del navegador viene incorporado por una nueva tecnología llamada Opera Unite, ahora cuenta con facilidades para convertir tu PC en todo un servidor de Internet, permitiéndote compartir música y comunicarte con tus amigos y conocidos sin necesidad de usar servicios de terceros.

Hace un tiempo escuchábamos también propuestas de Mozilla para revolucionar nuestro modo de utilizar la web mediante mashups e interacciones mas naturales para controlar el browser mediante su tecnología Ubiquity y también hace poco recibimos una propuesta por parte de Google para facilitarnos la forma como nos comunicamos y compartimos recursos en el web, mediante Google Wave. Todo esto nos indica que la web como la conocemos hoy pronto dejará de existir, dándole paso a una nueva plataforma donde ya no solamente navegaremos por páginas con hipervínculos para leer contenido web, sino que ahora los browsers serán verdaderas y poderosas herramientas para estar en contacto con nuestros amigos/colegas/conocidos y compartir recursos mas fácilmente para cumplir el objetivo del Internet, el cual Katherine me lo recordó una vez con un twitt diciendo que: "Internet es realmente una conexión entre personas, no entre computadoras"

Entre los servicios que se pueden montar en este navegador se encuentran:

• Un Web Server para almacenar tu propia página web.
• Una utilidad para compartir archivos.
• Un "refrigerador", refiriéndose a un lugar donde dejar notas de texto
• Una utilidad para compartir fotografías.
• Un "sofá", o plataforma para invitar a tus amigos a chatear
• Un reproductor de música, o mas bien dicho, un servidor de música, de forma que puedas escuchar tus canciones desde cualquier parte, accediendo a tu computadora mediante streaming.

Para poder experimentar esta nueva tecnología de opera, es necesario descargarse la versión 10-beta de dicho navegador y crear una cuenta (o iniciar sesión) de My Opera.

"Opera Unite, mostrando mi perfil y servicios disponibles"

Este vídeo nos explica la ideología de Opera respecto a su nueva tecnología:

Ya probaste esta nueva tecnología? Que opinas al respecto?

Opera unite firefox ubiquity google wave internet navegador web

Tu Sitio, Compatible en Todos los Browsers!

"Logotipos de los navegadores mas populares del mercado: Firefox, Internet Explorer, Safari, Opera y Chrome"

Todo diseñador-desarrollador web ha tenido que lidiar mas de alguna vez con el HTML, el CSS, el Javascript o el DOM de las páginas web, para retocar detalles de apariencia o el funcionamiento del lado del cliente. Aún bloggers con pocos conocimientos de desarrollo web se han aventurado a modificar el CSS de sus blogs para adaptar las plantillas a sus necesidades personales. Los que han pasado estas experiencias también sabrán lo molesto que es tener que comprobar que tus modificaciones se ven y funcionan igual en todos los browsers desde los cuales tus clientes-usuarios-lectores te visitan.

Porque sucede esto? Sucede porque no todos los navegadores web cumplen a cabalidad con los estándares definidos para el web. Además cada navegador quiere sobresalir implementando sus propios estándares para poder hacer más cosas que las demas. Ejemplo de ello son las propiedades CSS que inician con el prefijo -moz- o -webkit-

"Prueba del Acid3. Asi es como deberias ver esta imagen al visitar este sitio si es que tu browser cumple con los estándares aca impelemtados."

Para estar seguro que tu sitio se ve bien en cualquier navegador, sugiero estas tres alternativas:

• Usa Frameworks que te Aseguren la Independencia del Navegador

En la web estan disponibles una serie de frameworks para el manejo del layout del sitio usando CSS, el acceso al DOM via Javascript, controles capaces de mostrar datos de un server via Ajax, etc. los cuales prometen verse y funcionar de la misma manera en cualquier browser. Esta es mi recomendacion por defecto, ya que te ahorras tiempo y dolores de cabeza teniendo que arreglar ese div que se sale de lugar o esos mensajes Ajax que no llegan al server.

Entre los frameworks para usar layouts prefabricados de CSS se encuentran:

• YUI Grids
  
• Blueprints
  
• Tripoli


Entre los frameworks para el manejo de Javascript, controles HTML avanzados y el manejo del DOM se encuentran:

• JQuery
  
• Dojo
  
• Mootools

"Página de prueba de la alineación y apariencia de los elementos de un formulario, usando Blueprints"

• Usa Herramientas para Probar tu Sitio en Multiples Navegadores/Arquitecturas

En esta opción caes cuando prefieres hacerlo todo al estilo "do it yourself" o si en tu trabajo no te permiten usar nuevas librerías o frameworks sin la autorización de tus superiores. Puedes hacer uso de servicios en línea como Browsershots y Adobe BrowserLabs para obtener vistas previas de tus sitios web en diferentes navegadores y sistemas operativos. En un antiguo post mencioné algunas herramientas para depurar CSS y javascript en Internet Explorer y Firefox de manera que puedan mover elementos HTML, cambiar propiedades CSS, examinar variables Javascript, entre otras cosas, directamente en el navegador, por lo que se puede conocer a ciencia cierta el resultado final sin usar diseñadores visuales como Dreamweaver.

• Crea una Versión Diferente de tu Sitio por cada Navegador/Arquitectura

Esta opción es el último recurso que debes tomar, la opción también llamada "Por si todo lo demás falla...". Una de las diferencias más molestas entre los navegadores es que no manejan las mismas medidas para los pixels y no renderizan del mismo tamaño las fuentes o tipografías. Esto da lugar a que un div de 30px de ancho abarque más espacio en IE que en Firefox u Opera. Para ello, una técnica es utilizar un CSS cargado únicamente cuando el navegador del cliente es Internet Explorer, utilizando la etiqueta < link > dentro de una etiqueta especial propia de IE, llamada < ! --[IF IE ]-- >

Mediante esta etiqueta podrán cargar un archivo .css preparado para Firefox u otro .css preparado para IE, decidiendo dinámicamente cual cargar según el navegador que esté usando el cliente.

Otra buena razón para crear una página con un layout diferente es el hecho de poder adaptar tu sitio para ser visto desde dispositivos móviles como smartphones, en los cuales el tamaño y resolución de la pantalla difieren en gran medida de una PC, sin mencionar que la navegación se realiza por medio de la pantalla táctil, prescindiendo del uso de un ratón. Buen ejemplo de ello son las páginas web para móviles de Google, Twitter y Facebook.

"Versión mobil de Twitter, visualizada desde un Nokia n95"

Debido a estas diferencias entre los navegadores, existen muchos sitios que solo son capaces de funcionar o lucir bien en uno u otro navegador, de manera que cuando lo visualizas en cualquier otro el sitio es un completo desastre, como los listados en este sitio.

Conoces algun sitio importante que se solamente se vea bien en uno u otro navegador?

google chrome firefox explorer safari Opera javascript framework css

Tu Sitio, Compatible en Todos los Browsers!

"Logotipos de los navegadores mas populares del mercado: Firefox, Internet Explorer, Safari, Opera y Chrome"

Todo diseñador-desarrollador web ha tenido que lidiar mas de alguna vez con el HTML, el CSS, el Javascript o el DOM de las páginas web, para retocar detalles de apariencia o el funcionamiento del lado del cliente. Aún bloggers con pocos conocimientos de desarrollo web se han aventurado a modificar el CSS de sus blogs para adaptar las plantillas a sus necesidades personales. Los que han pasado estas experiencias también sabrán lo molesto que es tener que comprobar que tus modificaciones se ven y funcionan igual en todos los browsers desde los cuales tus clientes-usuarios-lectores te visitan.

Porque sucede esto? Sucede porque no todos los navegadores web cumplen a cabalidad con los estándares definidos para el web. Además cada navegador quiere sobresalir implementando sus propios estándares para poder hacer más cosas que las demas. Ejemplo de ello son las propiedades CSS que inician con el prefijo -moz- o -webkit-

"Prueba del Acid3. Asi es como deberias ver esta imagen al visitar este sitio si es que tu browser cumple con los estándares aca impelemtados."

Para estar seguro que tu sitio se ve bien en cualquier navegador, sugiero estas tres alternativas:

• Usa Frameworks que te Aseguren la Independencia del Navegador

En la web estan disponibles una serie de frameworks para el manejo del layout del sitio usando CSS, el acceso al DOM via Javascript, controles capaces de mostrar datos de un server via Ajax, etc. los cuales prometen verse y funcionar de la misma manera en cualquier browser. Esta es mi recomendacion por defecto, ya que te ahorras tiempo y dolores de cabeza teniendo que arreglar ese div que se sale de lugar o esos mensajes Ajax que no llegan al server.

Entre los frameworks para usar layouts prefabricados de CSS se encuentran:

• YUI Grids
  
• Blueprints
  
• Tripoli


Entre los frameworks para el manejo de Javascript, controles HTML avanzados y el manejo del DOM se encuentran:

• JQuery
  
• Dojo
  
• Mootools

"Página de prueba de la alineación y apariencia de los elementos de un formulario, usando Blueprints"

• Usa Herramientas para Probar tu Sitio en Multiples Navegadores/Arquitecturas

En esta opción caes cuando prefieres hacerlo todo al estilo "do it yourself" o si en tu trabajo no te permiten usar nuevas librerías o frameworks sin la autorización de tus superiores. Puedes hacer uso de servicios en línea como Browsershots y Adobe BrowserLabs para obtener vistas previas de tus sitios web en diferentes navegadores y sistemas operativos. En un antiguo post mencioné algunas herramientas para depurar CSS y javascript en Internet Explorer y Firefox de manera que puedan mover elementos HTML, cambiar propiedades CSS, examinar variables Javascript, entre otras cosas, directamente en el navegador, por lo que se puede conocer a ciencia cierta el resultado final sin usar diseñadores visuales como Dreamweaver.

• Crea una Versión Diferente de tu Sitio por cada Navegador/Arquitectura

Esta opción es el último recurso que debes tomar, la opción también llamada "Por si todo lo demás falla...". Una de las diferencias más molestas entre los navegadores es que no manejan las mismas medidas para los pixels y no renderizan del mismo tamaño las fuentes o tipografías. Esto da lugar a que un div de 30px de ancho abarque más espacio en IE que en Firefox u Opera. Para ello, una técnica es utilizar un CSS cargado únicamente cuando el navegador del cliente es Internet Explorer, utilizando la etiqueta < link > dentro de una etiqueta especial propia de IE, llamada < ! --[IF IE ]-- >

Mediante esta etiqueta podrán cargar un archivo .css preparado para Firefox u otro .css preparado para IE, decidiendo dinámicamente cual cargar según el navegador que esté usando el cliente.

Otra buena razón para crear una página con un layout diferente es el hecho de poder adaptar tu sitio para ser visto desde dispositivos móviles como smartphones, en los cuales el tamaño y resolución de la pantalla difieren en gran medida de una PC, sin mencionar que la navegación se realiza por medio de la pantalla táctil, prescindiendo del uso de un ratón. Buen ejemplo de ello son las páginas web para móviles de Google, Twitter y Facebook.

"Versión mobil de Twitter, visualizada desde un Nokia n95"

Debido a estas diferencias entre los navegadores, existen muchos sitios que solo son capaces de funcionar o lucir bien en uno u otro navegador, de manera que cuando lo visualizas en cualquier otro el sitio es un completo desastre, como los listados en este sitio.

Conoces algun sitio importante que se solamente se vea bien en uno u otro navegador?

google chrome firefox explorer safari Opera javascript framework css

Depurando CSS y Javascript con Internet Explorer

"El lienzo de un diseñador web es la pantalla de su monitor"

Hay muchas y muy variadas herramientas e IDEs que te permiten diseñar/desarrollar tu sitio web de manera que luzca y funcione exactamente como deseas con un par de simples clics pero al final de cuentas, son los navegadores del web quienes tienen la ultima palabra a la hora de decidir como lucirá y se comportara finalmente tu sitio. Estos navegadores, por cierto, son muy quisquillosos respecto a las funcionalidades que puedes implementar ya que ninguno de ellos soporta los estándares del web al 100% sino que utilizan sus propios estándares por lo que posiblemente tu sitio no se vea ni funcione igual en todos los navegadores.

Los desarrolladores del web que utilizan Mozilla Firefox y sus derivados(Iceweasel, Floc, etc) han de estar familiarizados con el muy popular add-on llamado Firebug y también con el Web Developer Toolbar, los cuales nos permiten editar el código de nuestro sitio directamente desde el navegador, por lo que sabremos en el momento los resultados de los cambios que realizamos en dicho codigo. De esta manera, podríamos re alinear DIVs que aparecen fuera de lugar, cambiar el color de fondo de un elemento, revisar en que linea de código se produjo un error de Javascript o que datos se han enviado por los HTTP Headers vía Ajax, solo por mencionar algunas de sus utilidades.

"Editando el CSS del sitio del sr byte con Firebug"

Lo lamentable es que no todo mundo utiliza Mozilla Firefox sino que la gran mayoría de usuarios Windows suelen navegar desde Internet Explorer así como la gente de Mac utiliza Safari, otros tantos que se sienten cómodos con Opera y los que recientemente han empezado a probar Google Chrome. Esto significa (y lo menciono porque a mi me ocurrió) que si alineamos nuestro sitio perfectamente en Firefox, posiblemente se vea horriblemente mal en los demás navegadores y no tenemos nada que nos permita hacer lo mismo que con Firefox en el resto de navegadores.

Debido a esta situación fue que descubrí que al parecer, Internet Explorer también cuenta con un conjunto de add-ons para personalizarlo un poco, aunque no son tan conocidos ni usados como los de Firefox. Entre estos add-ons, casualmente existe uno Developer Tooblar, el cual es muy similar en funcionamiento al Firebug aunque no es tan completo ya que nada mas nos permite inspeccionar el codigo HTML de nuestra pagina y de los elementos de la misma, ademas de mostrarnos el CSS que ha sido aplicado a dichos elementos.

"Observando (porque es lo unico que se puede hacer) el codigo HTML y el CSS del sitio del sr byte con IE Developer Toolbar"

Ya que el add-on antes mencionado no nos permite editar el Javascript del sitio, podemos hacer uso del Microsoft Script Debugger para tal efecto. Por cierto, este programa es lanzado cada vez que se encuentra un error en el Javascript de una pagina, una vez que hallas elegido la opcion de utilizarlo como debugger en el cuadro de dialogo que te aparece al momento de producirse el error.

"Apariencia del editor MS Script Debugger"

addon chrome complementos desarrollo diseño firefox herramienta internet microsoft navegador Opera safari

Depurando CSS y Javascript con Internet Explorer

"El lienzo de un diseñador web es la pantalla de su monitor"

Hay muchas y muy variadas herramientas e IDEs que te permiten diseñar/desarrollar tu sitio web de manera que luzca y funcione exactamente como deseas con un par de simples clics pero al final de cuentas, son los navegadores del web quienes tienen la ultima palabra a la hora de decidir como lucirá y se comportara finalmente tu sitio. Estos navegadores, por cierto, son muy quisquillosos respecto a las funcionalidades que puedes implementar ya que ninguno de ellos soporta los estándares del web al 100% sino que utilizan sus propios estándares por lo que posiblemente tu sitio no se vea ni funcione igual en todos los navegadores.

Los desarrolladores del web que utilizan Mozilla Firefox y sus derivados(Iceweasel, Floc, etc) han de estar familiarizados con el muy popular add-on llamado Firebug y también con el Web Developer Toolbar, los cuales nos permiten editar el código de nuestro sitio directamente desde el navegador, por lo que sabremos en el momento los resultados de los cambios que realizamos en dicho codigo. De esta manera, podríamos re alinear DIVs que aparecen fuera de lugar, cambiar el color de fondo de un elemento, revisar en que linea de código se produjo un error de Javascript o que datos se han enviado por los HTTP Headers vía Ajax, solo por mencionar algunas de sus utilidades.

"Editando el CSS del sitio del sr byte con Firebug"

Lo lamentable es que no todo mundo utiliza Mozilla Firefox sino que la gran mayoría de usuarios Windows suelen navegar desde Internet Explorer así como la gente de Mac utiliza Safari, otros tantos que se sienten cómodos con Opera y los que recientemente han empezado a probar Google Chrome. Esto significa (y lo menciono porque a mi me ocurrió) que si alineamos nuestro sitio perfectamente en Firefox, posiblemente se vea horriblemente mal en los demás navegadores y no tenemos nada que nos permita hacer lo mismo que con Firefox en el resto de navegadores.

Debido a esta situación fue que descubrí que al parecer, Internet Explorer también cuenta con un conjunto de add-ons para personalizarlo un poco, aunque no son tan conocidos ni usados como los de Firefox. Entre estos add-ons, casualmente existe uno Developer Tooblar, el cual es muy similar en funcionamiento al Firebug aunque no es tan completo ya que nada mas nos permite inspeccionar el codigo HTML de nuestra pagina y de los elementos de la misma, ademas de mostrarnos el CSS que ha sido aplicado a dichos elementos.

"Observando (porque es lo unico que se puede hacer) el codigo HTML y el CSS del sitio del sr byte con IE Developer Toolbar"

Ya que el add-on antes mencionado no nos permite editar el Javascript del sitio, podemos hacer uso del Microsoft Script Debugger para tal efecto. Por cierto, este programa es lanzado cada vez que se encuentra un error en el Javascript de una pagina, una vez que hallas elegido la opcion de utilizarlo como debugger en el cuadro de dialogo que te aparece al momento de producirse el error.

"Apariencia del editor MS Script Debugger"

addon chrome complementos desarrollo diseño firefox herramienta internet microsoft navegador Opera safari

Clickjacking Que es? Como protegernos?

"No es necesario ser paranoicos para aceptar que nos pueden vigilar y hasta controlar desde las paginas web que visitamos"

Recientemente, dos investigadores de ha.ckers.org Robert "RSnake" Hansen y Jeremiah Grossman publicaron noticias acerca de un problema de vulnerabilidad el cual afecta a todos los navegadores web de la actualidad y que podría monitorear y controlar la actividad de un usuario en un sitio web especifico. Hasta el momento ningún navegador del web se encuentra exento, por lo menos no los que todo mundo utiliza ya que es un problema relativamente reciente, no esta directamente relacionado con javascript y no es tan fácil de solucionar con un simple parche o actualización de los mismos. Los únicos que no se ven afectados por este grave problema son lynx, Links, w3m y similares.

Ahora dos preguntas vienen a nuestra mente:

En que consiste realmente este problema?

Clickjacking, que se podría traducir como secuestro del clic, se refiere a la capacidad del desarrollador o dueño de un sitio web de tomar el control de los vinculos que nuestro navegador visita, botón, o cualquier elemento de la página sin que ni siquiera uno vea que está sucediendo. Esto lo hacen utilizando un Frame o iFrame con opacidad nula por encima del contenido original de la pagina de manera que el usuario, al tratar de dar clic sobre los elementos de la pagina original, realmente interactúe con los elementos ocultos de este iFrame sin darse cuenta. Este iFrame, a su vez, puede en realidad ser parte de un dominio totalmente diferente al de la pagina original que cubre y tendría la capacidad de hacer requests via Ajax a repositorios de datos de dichos dominios.

Dicho de otra forma, imaginemos un cristal (opacidad 0) con algo debajo, intentamos tocar con el dedo lo que hay debajo, pero tocamos el cristal, esto es lo mismo que sucede cuando ponemos un iFrame con opacidad 0 (invisible) encima de ciertos elementos de nuestra web: el usuario irá a hacer clic en nuestros elementos, pero hará clic dentro del iFrame.

"Imagen que ejemplifica las dos capas invisibles que puede tener un sitio web: la capa que vemos y la capa con la que realmente interactuamos"

Ahora imaginemos que cargamos en el iFrame una página de noticias, como meneame, fresqui, o digg, lo volvemos transparente, y debajo metemos un botón que diga: haz clic aquí, posicionándolo justo exactamente debajo de donde aparece el botón para votar a la noticia, dentro de la página de noticias. Cuando el usuario haga clic en nuestro botón, que está debajo del iFrame transparente, justo donde está el botón para votar de la web de noticias que hay cargada dentro del iFrame, hará clic en el botón votar de la pagina que hay dentro del iFrame.

Que puedo hacer para protegerme?

Como habíamos mencionado, no es tan fácil como agregar un parche o actualizar a nuestra ultima versión de nuestro navegador. Lo primero seria evitar las visitas a sitios de poca fiabilidad (ustedes saben a cuales me refiero) y si no estamos seguros de adonde nos llevara un link o un botón, dar clic derecho sobre este y revisar sus propiedades.

• Opera: Vayanse a la pagina opera:config y deshabiliten la opción iFrames.

"Captura de pantalla de Opera, mostrando la pagina de configuracion donde se deshabilitan los iFrames"

• Firefox: Instalar el plugin (complemento, add-on o como le quieran llamar) llamado NoScript el cual, al igual que el plugin FlashBlock que te bloquea los elementos Flash de una pagina, este te permite bloquear una gran cantidad de tipos de contenido de una pagina, entre estos, los scripts, animaciones flash, aplicaciones Java y por supuesto, iFrames.

"Captura de pantalla de Firefox, mostrando en su barra de estado la informacion de bloqueos de NoScript y en una ventana emergente, la configuracion del NoScript y donde se deshabilitan los iFrames"

• Internet Explorer Safari y Chrome: Resignense a estar vulnerables, esperen a que los fabricantes encuentren una solución o cambien de navegador.

addon chrome clickjacking complementos computadoras firefox iframe internet java navegador network Opera safari seguridad

Clickjacking Que es? Como protegernos?

"No es necesario ser paranoicos para aceptar que nos pueden vigilar y hasta controlar desde las paginas web que visitamos"

Recientemente, dos investigadores de ha.ckers.org Robert "RSnake" Hansen y Jeremiah Grossman publicaron noticias acerca de un problema de vulnerabilidad el cual afecta a todos los navegadores web de la actualidad y que podría monitorear y controlar la actividad de un usuario en un sitio web especifico. Hasta el momento ningún navegador del web se encuentra exento, por lo menos no los que todo mundo utiliza ya que es un problema relativamente reciente, no esta directamente relacionado con javascript y no es tan fácil de solucionar con un simple parche o actualización de los mismos. Los únicos que no se ven afectados por este grave problema son lynx, Links, w3m y similares.

Ahora dos preguntas vienen a nuestra mente:

En que consiste realmente este problema?

Clickjacking, que se podría traducir como secuestro del clic, se refiere a la capacidad del desarrollador o dueño de un sitio web de tomar el control de los vinculos que nuestro navegador visita, botón, o cualquier elemento de la página sin que ni siquiera uno vea que está sucediendo. Esto lo hacen utilizando un Frame o iFrame con opacidad nula por encima del contenido original de la pagina de manera que el usuario, al tratar de dar clic sobre los elementos de la pagina original, realmente interactúe con los elementos ocultos de este iFrame sin darse cuenta. Este iFrame, a su vez, puede en realidad ser parte de un dominio totalmente diferente al de la pagina original que cubre y tendría la capacidad de hacer requests via Ajax a repositorios de datos de dichos dominios.

Dicho de otra forma, imaginemos un cristal (opacidad 0) con algo debajo, intentamos tocar con el dedo lo que hay debajo, pero tocamos el cristal, esto es lo mismo que sucede cuando ponemos un iFrame con opacidad 0 (invisible) encima de ciertos elementos de nuestra web: el usuario irá a hacer clic en nuestros elementos, pero hará clic dentro del iFrame.

"Imagen que ejemplifica las dos capas invisibles que puede tener un sitio web: la capa que vemos y la capa con la que realmente interactuamos"

Ahora imaginemos que cargamos en el iFrame una página de noticias, como meneame, fresqui, o digg, lo volvemos transparente, y debajo metemos un botón que diga: haz clic aquí, posicionándolo justo exactamente debajo de donde aparece el botón para votar a la noticia, dentro de la página de noticias. Cuando el usuario haga clic en nuestro botón, que está debajo del iFrame transparente, justo donde está el botón para votar de la web de noticias que hay cargada dentro del iFrame, hará clic en el botón votar de la pagina que hay dentro del iFrame.

Que puedo hacer para protegerme?

Como habíamos mencionado, no es tan fácil como agregar un parche o actualizar a nuestra ultima versión de nuestro navegador. Lo primero seria evitar las visitas a sitios de poca fiabilidad (ustedes saben a cuales me refiero) y si no estamos seguros de adonde nos llevara un link o un botón, dar clic derecho sobre este y revisar sus propiedades.

• Opera: Vayanse a la pagina opera:config y deshabiliten la opción iFrames.

"Captura de pantalla de Opera, mostrando la pagina de configuracion donde se deshabilitan los iFrames"

• Firefox: Instalar el plugin (complemento, add-on o como le quieran llamar) llamado NoScript el cual, al igual que el plugin FlashBlock que te bloquea los elementos Flash de una pagina, este te permite bloquear una gran cantidad de tipos de contenido de una pagina, entre estos, los scripts, animaciones flash, aplicaciones Java y por supuesto, iFrames.

"Captura de pantalla de Firefox, mostrando en su barra de estado la informacion de bloqueos de NoScript y en una ventana emergente, la configuracion del NoScript y donde se deshabilitan los iFrames"

• Internet Explorer Safari y Chrome: Resignense a estar vulnerables, esperen a que los fabricantes encuentren una solución o cambien de navegador.

addon chrome clickjacking complementos computadoras firefox iframe internet java navegador network Opera safari seguridad