Sitios web estáticos para situaciones críticas

If you are in charge of a web site that provides even slightly important information, or important services, it’s time to get static.

Get Satic — Eric Meyer

Ya hace un mes desde que Eric Meyer escribiera el artículo, y algunos días más desde que en España estamos confinados. Muchos otros países, antes o después han tomado medidas similares. Qué se puede contar que no sepamos todos.

En cualquier caso, la reflexión que hace Eric es para tenerla en cuenta, como el extremo pragmático ante la hipertrofia web que estamos viviendo. En situaciones de emergencia, uno se pregunta si realmente es necesario tanto javascript, estilos, imágenes, fuentes,… y un gestor de contenidos con las características de un barco petrolero, cuando lo que nos hace falta es un barco de papel.

Casualidades de la vida, poco después de la pandemia y el artículo, en el cliente en el que presto mis servicios tuvimos que hacer una página estática: nada de scripts, estilos en la cabecera (al menos una llamada menos al servidor) y una única imagen, el logo institucional. Se tardó en decidir los textos, las subidas a producción no son tan ágiles siempre como uno quisiera… pero personalmente voy a recordar este pequeño trabajo de forma especial, porque aparte de miniminzar el código, no se podía optimizar más. Y la página funcionaba en cualquier cacharro que se conectara a internet y ofrecía la información de forma clara a potenciales usuarios en cualquier parte del mundo en circunstancias que a priori no eran nada favorables. Y no es poco.

Presentación oficial de la nueva bitácora de webposible: Web es Móvil

Ya lo dije en el artículo anterior de esta bitácora (Presente y futuro de los teléfonos móviles: noticias telegráficas), donde os comentaba que tenía en mente publicar otra bitácora en webposible relacionada sobre la web móvil. Y lo cierto es que cuando escribí estas líneas, el proyecto estaba bastante avanzado (comenzó el día de los santos inocentes), pero antes de avisaros a todos, quería desarrollar un poco más el proyecto, y aunque todavía quedan detalles por pulir, por fin sale a la luz.
La gente normal, anuncia el lanzamiento en su primer post, pero en este aspecto debo ser muy raro, porque lo que yo anuncio es el post número 50 de Web es móvil, que lleva por título Un iPhone navegando por web es móvil. Obviamente, se trata de una broma 🙂

¿Y qué podéis encontrar en esta bitácora? En principio mi intención era escribir sobre web móvil e internet móvil, desde el punto de vista de desarrollo web, y nada o casi nada de teléfonos (hay sitios que cumplen esta función perfectamente). El problema es que cuando empezé a escribir y publicar, el abanico de temas a tratar, y el número de artículos publicados, se me ha ido de las manos. Aún así, creo que todos tienen su interés, pero seguir escribiendo con el mismo ritmo que he tenido hasta ahora (varios días con seis artículos al día), es demasiado: para mí y vosotros.

Así que a partir de hoy, seguiré una dieta a base de pocos post, y un poco más seleccionados (si es que se puede). Como siempre, cualquier comentario, crítica, sugerencia (por ejemplo para futuros post), es siembre bienvenida y agradecida. Y para terminar, espero que no os incordie mucho la publicidad.

Hojas de estilos, y dispositivos: monitores, PDA, teléfonos móviles, smartphones,…

Leyendo el artículo The Multi-Web Practice, sobra la dificultad que existe en la práctica del concepto de Web única (para muchos dispositivos con muy diferentes características), me encuentro al final una especie de propuesta para aumentar el número de medios-hojas de estilos más allá de screen y handheld que actualmente reconoce la especificación de HTML 4.01 del año 1999 (ver Descriptores de medios).

Sus propuestas, son los siguientes:

  • Monitores de alta resolución (2048 pixels de ancho)
  • Monitores “normales” (1024 pixels de ancho)
  • PDA (480 pixels de ancho)
  • Smart Phone (320 pixels de ancho)
  • Teléfonos móviles (160 pixels de ancho)

Tras unos segundos de “sesuda” reflexión, encuentro que puede tener mucha razón, aunque quizás aportaría alguna sugerencia con respecto al tamaño de algunos dispositivos.

Hay que tener en cuenta que la especificación de HTML tiene ya algunos años y aunque se intentó anticipar a un previsible crecimiento de dispositivos pequeños conectados a internet (PDAs, teléfonos móviles, smart phones) la realidad ha demostrado ser más diversa de lo que se pudo predecir en su momento.

Porque en dos “pequeños dispositivos” (tipo de medio handheld) te puedes encontrar con un teléfono móvil con una pantalla de 128×128, o una PDA con una pantalla de 480 x 640. Evidentemente en el primer caso (teléfono móvil con una pantalla pequeña), sólo te puedes plantear una disposición de la información vertical, colocando sucesivamente los bloques de información (por ejemplo, primero la cabecera, segundo el contenido, después el menú y por último el pié de página). En cambio para la PDA de gran resolución (480 x 640), se podría optar por un diseño vertical-horizontal, donde te puedes plantear por ejemplo, colocar el menú en un lateral junto al contenido, ambos por debajo de la cabecera y por encima del pié de página.

Evidentemente todo esto se podría optimizar desde el servidor y mostrando hojas de estilos optimizadas para cada tipo de pantalla, e incluso un navegador “inteligente” podría indicar al usuario las diferentes hojas de estilo que dispone para elegir la más adecuada (que puede ser el no usar ninguna).

Un asunto complicado, me temo.

Otras buenas prácticas sobre web móvil más realistas con los navegadores móvil actuales

El artículo New Mobile Web Development Resources tiene muchos puntos de interés, pero me voy a centrar en uno sólamente.

La versión alternativa que hace Luca Passani  a las Mobile Web Best Practices 1.0 del W3C, ya que las considera poco realistas con los navegadores de pequeños dispositivos actuales.

Ha escrito un completo tutorial (incluye incluso plantillas) que lleva por título Global Authoring Practices for the Mobile Web.

¿Diferencias con la documentación del W3C? Desde el punto de vista de Luca, los dispositivos actuales son bastante más limitados que los que presupone el documento del W3C (no soporta hojas de estilos externas, tampoco javascript,…) así que tiene muy presente esta premisa a lo largo del documento al escribir sus pautas.

Recomendable su lectura.

Presentaciones del seminario W3C Mobile Web disponibles

El pasado día 16 se celebró en París un seminario sobre Web Móvil. Y quien quiera, puede consultar las presentaciones que se hicieron en el evento: W3C Mobile Web Seminar 16 November 2006 – Paris, France. 8 presentaciones en total, y todas ellas breves:

Del café y la comida no hay presentaciones 🙂