Aprendiendo Web

Acabo de ver CSS3test, una interesante forma de probar soporte de CSS3 en tus navegadores… ¿porque usas varios, no?

Como explica su autora, Lea Verou, CSS3test prueba (muy superficialmente) casi todo de las siguientes especificaciones (y no solamente lo más implementado).

1. Backgrounds and Borders
2. Image Values and Replaced Content
3. Selectors
4. Media Queries
5. Basic User Interface
6. Transitions
7. Animations
8. 2D Transforms
9. 3D Transforms
10. Text
11. Fonts
12. Color
13. Multi-column Layout
14. Values and Units

Y cuando dice casi todo, en verdad es casi todo. Puedes darle click a cada una y ver exactamente qué tests pasó y cuales no

Aquí puedes ver, por ejemplo, como mi navegador (Chrome) pasa background-size pero no completa background.

Además termina con la siguiente frase:

Cheaters WebKit claims to support CSS3 background-repeat, but it’s LYING

En fin, una herramienta más en el arsenal del diseñador web.

Continúa leyendo...

CSS1K es un proyecto de Jakob Rask que busca probar el poder de las hojas de estilo.

La idea es sencilla, darle estilos a una página sin modificar el markup y usando un CSS que pese como máximo 1kb (1024 bytes).

Algo así como CSS Zen Garden con un límite en el tamaño del CSS. Pero esa no es la única limitante, tampoco puedes usar recursos externos como imágenes o @font-face, lo que hace que este proyecto se vuelva aún más interesante.

Para participar debes hacer un fork de CSS1K en github y enviar tus estilos mediante un pull request.

Yo ya envié mi diseño (de hecho la imagen de arriba muestra una parte), sería genial que también participes y compartas tu diseño en los comentarios!

Continúa leyendo...

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...

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...

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...

Ayer @whitneyhess compartió este video sobre la creación de wireframes con la frase: "If you never thought that UX could be sexy, you were wrong".

Le doy toda la razón.

El programa usado en el video es OmniGraffle.

Continúa leyendo...

Por Kristina Halvorson.

El contenido no es un feature

Confesémoslo, usualmente el contenido se patea para el final de un proyecto web, es una de las cosas a las que se les da menor importancia, es hora de cambiar eso.

Es hora de devolverle al contenido su lugar como pieza clave en el desarrollo de proyectos web...

Continúa leyendo...

La segunda charla de An Event Apart Chicago 09.

Thinking Small

Por Jason Santa Maria.

Continúa leyendo...

Este es el resumen de la primera charla de An Event Apart Chicago 09.

A Site Redesign

Presentación de Jeffrey Zeldman.

Continúa leyendo...