Hacks CSS

Explico un poco por si alguien no sabe lo que es un hack CSS. CSS es un presunto estándar web para describir los estilos que se quieren dar a un sitio web. Sobresimplificando, permite usar los tags estándar de HTML (o XHTML) y hacer que las cabeceras aparezcan en tal tipo de letra y tamaño, que la barra de menús aparezca en tal sitio y color… Y permite que cambiar el estilo de todo un sitio web sea algo relativamente fácil (desde luego, mucho más fácil que en el sitio estático habitual). Y debería permitir escribir un solo

El problema comienza con lo de presunto estándar. Porque los CSS no se interpretan igual en todos los navegadores. Las últimas versiones de Mozilla (y por tanto Firebird), Safari, Opera e incluso Internet Explorer (6.0) son bastante respetuosos con los estándares, y muestran las páginas prácticamente iguales. Pero a los (pocos) Netscape Navigator 4.* y los (muchísimos) Internet Explorer <6 (5.0, 5.5 principalmente) que corren por ahí se les atraganta bastante el asunto. (Nota: ojo, no tanto si nos restringimos a los estilos CSS más básicos. Los problemas comienzan, como siempre, con los diseños sofisticados, y no con todos.)

Resultado: uno de los atractivos de CSS, escribir una sola versión para todos los navegadores modernos, se va un poco bastante a hacer gárgaras. Las posibles vías de solución, como casi siempre, se pueden clasificar en dos. La primera es tirar de lo que se conoce como CSS Hacks: truquillos para pasarle diferentes juegos de instrucciones a las diferentes versiones de los diferentes navegadores. La segunda, diseñar para un navegador ideal (que no existe: ningún navegador actual respeta el estándar al 100%), y controlar que el aspecto de la página se degrade ‘de forma decorosa’ a medida que usamos navegadores más arcaicos o menos respetuosos.

Cuál es la alternativa buena depende de a quién se le pregunte. No faltará, tampoco, quien opine que diseñar a la antigua, con tablas y etiquetas font. En mi opinión, la opción b (diseñar para los estándares, pero controlando qué pasa en los navegadores reales) es preferible. Es posible un diseño atractivo en el 95% de navegadores, legible en todos, usable y sin [demasiados] dolores de cabeza.

Si alguien pretende investigar más sobre el tema, un buen punto de partida es una búsqueda en Google como esta (css hacks).

Enlaces de martes

Un par de posts en mossyblog sobre usabilidad y diseño de interfaces. Parte 1 y parte 2. Básicamente, viene a decir (creo) que tampoco hay que pasarse con el principio del «don’t make me think». A veces, hacer pensar al usuario no es malo, y hasta puede llegar a ser bueno.

Habla como ejemplo del sitio en Flash de gskinner (el tipo del muñeco de nieve), que es una auténtica pasada, aunque no sea muy muy usable de salida. La navegación es innovadora, y seguir ‘laboratory’ > ‘experiments’ > ‘featured’ es muy interesante (tres cositas clasificables bajo ‘inteligencia artificial’, programadas en Flash).

Otro juego en Flash.

Otra historia de miedo sobre activación de soft. Esta vez, Norton Antivirus.

Más sobre cómo mentir con mapas. Esta vez, manipulación de la información (seguramente involuntaria y de buena fe) al analizar gráficamente los datos de las últimas elecciones en California. Muy aplicable a las últimas de Cataluña, seguramente.

Otro artículo más sobre el caso Eolas.

Internet no es tecnología robusta

Dicen en slashdot que hay un informe por ahí que dice que, a consecuencia del blackout de Nueva York de este verano, Internet se vio seriamente afectada en la zona (quién lo iba decir) y que, por tanto, es una tecnología ‘no crítica’ (es decir, de la que mejor no fiarse).

Como ya dicen las primeras respuestas al post, podría deducirse que, como la red eléctrica cayó antes y más que Internet, esta tampoco es precisamente una tecnología crítica… Y hay que añadir que Internet funcionó alrededor del blackout, e incluso en algunos lugares dentro de la zona afectada.

Más en serio, lo que queda claro es que, si te estás jugando dinero (o algo más serio), mejor que no dependas de Internet y tengas algún plan B. De la misma forma que los hospitales, por ejemplo, no se permiten depender de la red eléctrica y disponen de generadores. Dice uno de los comentarios al post que Air Canada se quedó sin el sistema de reservas, por ejemplo. Globalmente, no en la zona afectada. Impresionante. (Por cierto, si no lo he hecho mal, este segundo enlaces debería abrirse en la misma ventana que el otro.)

¿Fotografía digital vs fotografía analógica?

Este pasado fin de semana he tenido la oportunidad de volver a hacer fotografías con mi antigua cámara reflex, total y absolutamente manual. Después de tres años haciendo fotos con una Sony P1 de 3,3 Megapixels había olvidado la gran diferencia que hay entre una cámara reflex y una compacta. Y es que el poder cambiar de objetivo según las circunstancias, poder jugar con la profundidad de campo o con la velocidad de obturación, hace que la fotografía sea mucho más que simplemente capturar un determinado paisaje. Sin embargo hay que reconocer que la capacidad de hacer fotos con poca luz, el poder ver las fotos al instante (¡Cuánto he echado de menos esa opción!) y el no tener que revelar el carrete para escoger las que han quedado mejor le dan mucha ventaja a la cámara digital. La verdad es que (sin poder pagar lo que cuesta una reflex digital) para fotos bonitas y/o artísticas me quedo con la reflex de toda la vida y para fotos de las vacaciones la digital. Así que seguiré haciendo fotos con mi P1, con lo que a mí me gusta hacer fotos más me vale.

Enlaces de lunes

Note to self: http://randomfoo.net/.

¿Demasiado ordenador?

El ciclo de vida del desarrollo de software.

Va de nieve navideña en Flash y con código fuente. Aquí, con la fuente aquí, de gskinner.com.

No saben qué inventar: un ratón giroscópico. Diseñado para Windows Media Center, parece un mando a distancia pero permite funciones de ratón moviéndolo en 3 dimensiones. Más información en casa del fabricante.

Este chico es un demonio, deben pensar en la RIAA, la MPAA, la SGAE y demás… El noruego que a los 15 años hizo saltar por los aires la protección del DVD, ahora hace lo mismo con la de iTunes. Ha sacado un programa, QTFairUse, que se salta las protecciones de la tienda de música de más éxito en Internet.