Archivos de Tags: estandares

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