Aprendiendo Web

Hace ya buen tiempo que los dispositivos móviles son parte de nuestras vidas y como diseñadores/desarrolladores web tenemos que pensar en ellos al momento de crear nuestras aplicaciones.

Seguramente muchos piensan que los navegadores más usados en móviles son los de iPhone y Android... ¡pues no es cierto!

Según StatCounter, a Diciembre del 2011 el navegador más usado en móviles es Opera (24.22%) con Android (20.22%) en segundo lugar y iPhone (18.41%) en tercero.

Me imagino que siempre probaste tus diseños en los navegadores de Android y iPhone ¿Pero lo hiciste en Opera?

Aquí un video sobre Opera Mini

Continúa leyendo...

Por favor, denle una mirada a Say No to SOPA, un artículo escrito por Jeffrey Zeldman en A List Apart.

Mientras, los dejo con el siguiente video:

Hitler reacts to SOPA

* SOPA = Stop Online Piracy Act

Continúa leyendo...

Antes que nada quiero contarles que pienso retomar el blog y empezar a escribir pronto.

Para los que se dieron cuenta, he estado algo ocupado el último par de años y una de las primeras cosas que dejé de hacer fue escribir en mi blog :(

Así que si se preguntan qué he estado haciendo todo este tiempo aquí les dejo una pequeña lista:

Continúa leyendo...

El sábado pasado dicté una charla en Arequipa sobre CSS 3

Y ya que estaba hablando de CSS 3 decidí no usar slides sino más bien usar una página hecha en HTML5 y CSS3!

La charla no fue grabada pero estoy seguro que les gustaría a ver la página Usando CSS 3 hoy que diseñé para el evento.

Estoy usando Media Queries en esa página, así que prueben de cambiar el tamaño de la ventana del navegador :)

Continúa leyendo...

Hace ya un tiempo les hablé de Chroma, ahora les cuento que le hemos incluído en Chrome Web Store.

Chroma

Aquí está el link directo a Chroma, recuerda que debes tener Google Chrome para poder instalar la app.

Y aquí un video del uso de Chroma:

Espero que les sea útil!

Continúa leyendo...

Aquí Google en:

IE6

IE7

IE8

Continúa leyendo...

Mix Online y An Event Apart están llevando acabo el concurso 10K Apart.

Las reglas son simples:

• El tamaño total del archivo, incluyendo imágenes, scripts y marcado no puede ser mayor a 10K.
• La app debe cumplir estñandares, de preferencia HTML5.
• La aplicación debe correr igual de bien en IE 9 Dev Preview, Firefox y un navegador basado en webkit.
• Se pueden usar Jquery, Prototype y Typekit como recursos externos. (no cuentan para los 10K)

Nuestra aplicación

Juan Pablo y yo decidimos participar y creamos una aplicación para mostrar tonos de color llamada Chroma.

Fue muy divertio optimizar todo el código para terminar con 10112 bytes que tienen las siguientes características:

• Rueda de color hecha con Canvas
• La Url refleja el color seleccionado (ideal para compartir colores)
• Usamos Media Queries para adaptar el diseño a diferentes resoluciones de pantalla (incluyendo dispositivos móviles).

Si quieres darle una mirada entra a http://10k.aneventapart.com/Entry/97 y si tienes tiempo puedes calificarla con 5 estrellas y ayudarnos a ganar el concurso :)

¿Qué opinas de Chroma?

Nota: Para ver la app necesitas Firefox 3.6, Safari 5, Chrome 5 o Internet Explorer 9 Dev preview.

Continúa leyendo...

Este verano Andy Clarke pasó sus vacaciones buscando a Yogi y hoy lo encontró y le tomó una foto.

Lo interesante fue que cuando entré a ver esa foto en Flickr vi el siguiente mensaje.

We're introducing a new photo page, and you can check it out early. Take me to the future!

Por supuesto tenía que probar la nueva página de foto de Flickr. La página me gustó, pero lo que me encantó fue el quick tour.

Flickr busca una conexión emocional con el visitante y en mi caso lo logró. Probablemente siga hablando mucho tiempo sobre ese quick tour.

¿Qué opinas?

Continúa leyendo...

Brad Neuberg (Google) nos habla sobre HTML5, CSS 3, JS y el futuro de la web.

Esta charla se dio el 11 de Mayo 2010 (hace menos de un mes) y está en inglés.

Continúa leyendo...

¿Estás pensando en hacer pruebas de usabilidad y no tienes el suficiente tiempo/presupuesto?

En el libro Rocket Surgery Made Easy, Steve Krug comparte una técnica muy simple y efectiva para hacer pruebas cualitativas de usabilidad de una manera rápida y barata.

Aquí el video que demuestra la técnica.

Continúa leyendo...