Sitios que molan y validan
Vía Meneame.net he llegado a esta web que recopila webs guapas y que respetan los estándares recomendados por la W3C: W3C Sites
5 Octubre 2006
Vía Meneame.net he llegado a esta web que recopila webs guapas y que respetan los estándares recomendados por la W3C: W3C Sites
11 Abril 2006
Mirad la página de la embajada de Noruega.
O la de la embajada de Suecia.
O la de la embajada de Dinamarca.
¿Guapas verdad?
Pues ahora mira la de la embajada de España y llora.
Spain is different
Vía Cadius.
10 Abril 2006
Y si no que se lo digan al canal de televisión por cable ESPN que ha ahorrado 2 Terabytes al día de ancho de banda (en inglés) sólo cambiando la maquetación de las horribles tablas al maravilloso CSS.
8 Abril 2006
Me ha gustado esta definición de diseño líquido y elástico que he leído en Cadius, escrita por Carlos Campderrós :
El diseño de useit.com es líquido, lo que significa que es como el agua, por ejemplo, q se adapta a la jarra, el diseño líquido se adapta a la pantalla. Cuanto más ancha es la jarra o pantalla, más espacio horizontal abarca el agua o el diseño.
Diseño elástico es aquel q se acomoda al tamaño de letra. Si haces la letra más grande, todo se hace más grande, sin descuadrar el diseño. Aunque eso sí, el diseño no se adapta a la página ni ocupa todo lo ocupable.
Personalmente, prefiero el diseño elástico. [guiño]
2 Marzo 2006
Vía Mildiez.net y Logicola (muchas gracias) me he enterado de la existencia de este libro: Getting Real.
Hay que pagar por él 19 dólares, pero creo que merece la pena después de leer los capítulos gratuitos. Habla de cómo desarrollar rápida y eficazmente centrándose únicamente en lo importante y evitando papeleos, reuniones y demás burocracia poco productiva. También habla de la importancia de desarrollar desde fuera hacia dentro, es decir, desde la interfaz hacia el código, que me parece importantísimo.
8 Diciembre 2005
En muchas ocasiones necesitamos reducir un lote grande imágenes: para publicar en una página web, para subir a Flickr, o simplemente para reducir espacio.
En Windows, yo utilizo un programa gratuito (Freeware) llamado Faststone Viewer. Este programa me parece una maravilla. Cuando haces click en una imagen, el programa carga rapidísimo y la imagen se ve ajustada al tamaño de la pantalla. Si desplazas el ratón al borde superior de la pantalla, aparece una lista de las imágenes pequeñas (thumbnails). Si lo desplazas a la izquierda aparecen herramientas para cambiar el tamaño, cambiar tonalidades, saturación, etc. Personalmente, me encanta.
Hoy lo he utilizado para reducir unas 300 imágenes y me gustaría publicar el modo de hacerlo con este programa. Tan solo hay que abrir el programa a través del icono que te deja en el escritorio o a través del menú Inicio. Seleccionar la carpeta donde están las imágenes que quieres reducir. Seleccionar la herramienta Tools > Batch Convert. Luego seleccionar de la ventana de la derecha las imagenes que quieres reducir, en este caso todas (Add All) y ponerlas en la ventana de la izquierda. Seleccionar donde quieres que se guarden las imágenes reducidas en Output Folder. Pulsar en Advanced Options para elegir la operación que quieres realizar, en este caso, Resize, y elegir un tamaño, en este caso, 800x600, y pulsar OK. Comienza el proceso pulsando Start. En un momentito tendrás tus imágenes reducidas.
En fin, espero que esta chorrada sea útil para alguien porque yo, en su momento, no sabía hacer algo tan sencillo. Nadie nació aprendido.
11 Noviembre 2005
Acabo de leer, vía Caótico Neutral, las diapositivas de una interesante ponencia de Marco Giacomuzzi acerca del diseño universal. Cuenta las ventajas y desventajas de las diferentes formas de diseño web.
Hace unos días yo intenté abordar la mejor opción a la hora de diseñar. No era un estudio serio, ni mucho menos, solo era un toque de atención acerca de un problema que es ignorado por muchos desarrolladores y que a mí, personalmente, y para muchos que nos hemos interesado por la accesibilidad web, nos parece importante. Y no solo porque mejore la accesibilidad a algunas personas, sino porque además soluciona problemas de portabilidad de una página a diferentes dispositivos, como también se explica en esas diapositivas.
18 Octubre 2005
En los últimos años, hubo una moda muy extendida de hacer páginas a la resolución de pantalla que la mayoría de usuarios utilizaban. Por ejemplo, hasta hace bien poco, la resolución típica era 800x600 píxeles porque la mayoría de usuarios tenía un monitor de 14 ó 15 pulgadas.
Gracias al rápido bajón de precios de los monitores TFT, hoy los usuarios disfrutan de una variedad muy extensa de tamaños. Conozco mucha gente que todavía tiene monitores CRT de 14 o 15 pulgadas y otros muchos que tienen TFT de 19 pulgadas. Yo en el trabajo tengo uno de 17 pulgadas.
Y no quiero pensar en otros países. Estoy seguro que en países menos avanzados que el nuestro los monitores serán más pequeños y antiguos; y en países más avanzados serán incluso más grandes, o utilizarán habitualmente tecnologías con pantallas pequeñas, como la PDA.
Es decir, existe tal variedad de monitores, que hacer una página para una resolución específica ya no tiene sentido en absoluto. Realmente, nunca tuvo sentido, porque podemos ver que las páginas escritas hace años para resoluciones de pantalla de 800x600, hoy se ven pequeñas en un monitor de 17 ó 19 pulgadas. Quizás se creyó ahorrar tiempo de maquetación - lo cual, no creo en absoluto - pero se ha conseguido que estén desfasadas antes de lo creían.
Afortunadamente, hoy en día, muchos desarrolladores, comienzan a pensar en desarrollar sus páginas de forma elástica, es decir, que la página se pueda ajustar a las diferentes resoluciones y tamaños de pantalla. Esto es buenísimo para incrementar la accesibilidad de cualquier página, ya que permite a cualquier usuario adaptar la página para leerla de la forma más cómoda posible, independientemente de su capacidad para ver bien (vista cansada, miopía, etc.). Y además, consigue que la página también se ajuste al tamaño del papel cuando se imprime.
No obstante, en el caso de las páginas elásticas, hay que tener en cuenta un par de aspectos:
Conclusión: a día de hoy, yo creo que ya hay que cambiar las técnicas de diseño (también para el que dibuja en papel) y maquetación, y pensar en una web con múltiples tipos de dispositivos de salida de diferentes tamaños.
Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):
