Archivos de Tags: HTML5

Ventajas y Desventajas de un sitio web para móviles

La semana pasada les platiqué sobre las ventajas y desventajas de implementar responsive design en un sitio web. Hoy vamos a abundar sobre una de las soluciones que les hable en el artículo pasado, implementar un sitio web especial para dispositivos móviles. Antes de hablar específicamente de los sitios web para móviles les voy a comentar algo de historia. Hace algunos años, dominaban las redes 2G (GSM), estas eran para su tiempo, más veloces que la primera generación de celulares digitales, además de hacer llamadas podíamos mandar mensajes de texto, mensajes multimedia y visualizar contenido de Internet. En ese tiempo los primeros sitios web para móviles eran muy pero muy limitados y solo mostraban texto. Algunas personas llamaron a ellos “sitios para conexiones WAP“, si nacieron a principios de los noventa o antes se habrán dado cuenta de ello, habrán conocido los celulares con teclado numérico en el cual el número de veces que presionabas una tecla era la letra que te mostraba.

vista-teclado-celular-e71-doble-sim-card-tv

Pues bien a que voy con esto, los gigantes del Internet como Google empezaron a adquirir dominios como 466453.com. (si entran verán que redirige a Google) ¿Por qué un dominio con números? por lo que les comente anteriormente, era más facil presionar una sola vez la tecla de ese número que varias veces, si observan en la imagen en esos números se encuentran las letras de la palabra “Google”. Esos fueron los primeros sitios para dispositivos móviles, después de varios años se vendría una revolución con el surgimiento de los smartphones.

Leer más »

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Pros y Contras del Responsive Design

En los últimos meses, hemos leído mucho acerca del Responsive Design (Diseño Responsivo o Diseño Adaptable). Muchos lo llaman la nueva tecnología, sin embargo tal y como sucedió en su momento con AJAX, yo diría que es una técnica de diseño web para mostrar los sitios web según la  resolución de la pantalla en que se esta visualizando. ¿Porqué una técnica y no una tecnología? Pues por que la tecnología ya existe y son las Hojas de Estilo en Cascada. Bueno, hecha esta aclaración quiero compartirles lo que a mi vista son los pros y contras del diseño responsivo. Muchas estas cosas ya las había leído antes, pueden Googlear un poco para aprender y otras más las he vivido por experiencias, pues en esta industria hay que estar a la vanguardia.

¿Qué es Responsive Design?

El Responsive Design es una técnica de diseño web utilizada para visualizar sitios web según la resolución de la pantalla en que se esta visualizando. Utilizando las medidas de la pantalla, establecemos reglas en las cuales pueden aplicar los estilos señalados dentro de esas reglas. Esto surgió gracias a CSS3 y HTML5, pero sobre todo yo se lo atribuyo a que los navegadores de dispositivos móviles adaptaron rápidamente estos (casi declarados) estándares. Debido a que los dispositivos móviles tienen una resolución de pantalla menor y estan limitados en ancho de banda, se empezaron a establecer alternativas de solución para la navegación, una es esta técnica. Cuando la posición del dispositivo es horizontal o vertical, la resolución solo se invierte. Por ejemplo, si tenemos un dispositivo cuya resolución es 360×640 pixeles en vertical (portraint position), si la ponemos horizontal será de 640×360 pixeles (landscape position)

Leer más »

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Redes sociales y la adopción de los nuevos estándares

Mucho se ha dicho y comentado de la nueva interfaz de Facebook, cambios que hacen muy parecido a Google+ y Twitter, algunos dicen que hasta tiene la escencia de 4Chan. Pero desde hace tiempo se ha venido comentando mucho acerca de la adopción de los nuevos estándares web en Facebook, como el reproductor de videos en HTML5. Es algo muy técnico, pero creo yo que es importante resaltarlo, ya que ahora con la nueva interfaz me he podido percatar de que en las URLs ya no aparece el HashBang del que les había comentado antes, empezé a analizar un poco, viendo el codigo fuente me encontre con el doctype de HTML5, posteriormente con el Firebug empezé a ver las consultas AJAX, y efectivamente las actualizaciones se hacían sin recargar toda la pagina, pero cambiaba completamente la URL en la barra de direcciones.

Recorde que hace tiempo ya había visto un tutorial para el manejo de URLs en HTML5, esto era cambiar la dirección que estaba en la barra de dirección ejecutando una sola función en Javascript.

Como sabemos, en Javascript el objeto principal es el window, con el cual podemos controlar todo lo que es la ventana de navegación, historial, DOM, etc. Ya habíamos hablado también del Hash, el cual es toda esa cadena de caracteres que tenemos en la URL despues del #. Este Hash esta en el subobjeto history. Es decir:

  1. window.history

Este objeto contiene una serie de funciones que nos ayudan a manejar el historial de navegación, sin embargo en el nuevo estandar HTML5, tenemos las funciones:

Leer más »

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

El fin se acerca, IE6 Countdown.

Me levanto de mi silla y brindo un gran aplauso por Microsoft, que por fin está haciendo algo bueno con su ya desestandarizado, antiguo y obsoleto navegador en su versión 6, Internet Explorer.

Via Punto Geek me entero de que Microsoft ha lanzado un sitio llamado IE6 Countdown, que es un sitio en el cual se muestra información acerca de la erradicación de este software, considerado muchas veces como un virus. En México, la cuota del mercado de IE6 es de apenas el 3.5% del total, comparado con China que es del 34.5%, y valla sorpresa, Japón todavía tiene el 10.3% de la cuota del mercado de este mismo navegador, algo que me pone a pensar muy seriamente ya que este país es uno de los más vanguardistas en cuanto a tecnología se refiere, y tiene ese porcentaje de uso de una tecnología obsoleta.

Además, esta es una excelente noticia, ya que eso nos obligaba a los diseñadores y desarrolladores web tener que ofuscar, aplicar hacks e inclusive hasta reescribir nuestro código por que el viejo y caprichoso navegador no interpretaba correctamente las reglas CSS y Javascript. Ademas, tambien vía Punto Geek me entero de otra excelente noticia y que, pienso yo, va a terminar dandole jacke mate al navegador de Microsoft.

Es el futuro lanzamiento de Firefox 4, que trae consigo considerables mejoras en la interpretación de HTML5, Javascript y CSS3. Valla que ha sido un fin de semana de buenas noticias, yo en lo personal espero ver pronto la muerte de IE6.

Un gran saludo mis estimados lectores y comentaristas.

Enlaces:

IE6 Countdown
Microsoft lanza ie6countdown.com para terminar con IE6 – Punto Geek
Preparen los motores, se acerca Firefox 4 – Punto Geek

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio