Mi solución es bastante artesanal y no tiene nada de sofisticada. Aunque hay artículos bastante completos sobre el tema, yo había leído alguna vez que tenía que ver con el viewport, y entre los resultados de mi búsqueda di con el uso del parámetro media y los CSS Media Queries. En los siguientes recursos está cómo emplear diferentes hojas de estilo dependiendo del medio:

http://css-tricks.com/6206-resolution-specific-stylesheets/

http://css-tricks.com/6731-css-media-queries/

http://www.w3.org/TR/css3-mediaqueries/

http://reference.sitepoint.com/css/mediaqueries

http://www.css3.info/preview/media-queries/

http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

http://www.thecssninja.com/css/iphone-orientation-css

En cuanto al diseño web, siempre tuve una preferencia por layouts fijos por tener un mayor control del espacio en ventana y por tomar en cuenta la resolución estándar de un usuario potencial. Nunca me había preocupado porque la información quedara bien acomodada en diferentes resoluciones; es un reto interesante conservar la estética reticular y mantener un flujo de lectura adecuado para cada resolución. Este tipo de soluciones requiere que tengamos una actitud algo quisquillosa y obsesiva, así como trabajar cada layout hasta quedar satisfechos.

Justo por el cambio de "paradigma" de fijo a adaptable, y ante una especie de "bloqueo ante la hoja en blanco", no quedaba conforme en (regresar a) maquetar primero en algún software de diseño, así que lo trabajé directo en pantalla. Un pro de esta decisión es que vas viendo "en tiempo real" como quedan las cosas en diferentes navegadores y resoluciones. Un contra es que podemos perder el control fácilmente —sobretodo si dejamos el proyecto un día o dos. Es importante hacer anotaciones en papel y documentar en las hojas de estilo para que recordemos por qué tomamos ciertas decisiones. En este proyecto, me resultaron —a mi juicio— muchas hojas de estilo y fui redundante en ciertas reglas, dejándolas en cada hoja porque no sabía como iba a verse "el final" en todas las resoluciones; algo así como "un cambio por aquí y luego ajusto por acá".

Con un layout fijo no considero útil que tengamos muchas hojas de estilo, pero dadas las múltiples resoluciones, parece ser necesario un mayor número de "enlaces". Un colega me sugirió hacer importaciones, pero al final descarté esta opción porque según hojeé, afecta el rendimiento:

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Otro punto importante es verificar la compatibilidad de los CSS Media Queries. Originalmente estaba muy feliz —tipo the Oatmeal— porque IE se comportaba decente; pero por no leer, me llevo la sorpresa de que fuera de IE 9, simplemente no funcionan:

http://caniuse.com/css-mediaqueries

Ante esta situación, decidí dejarle un layout fijo a todos aquellos usuarios que tuvieran de IE 8 para abajo y tomando como resolución estándar 1024 px de ancho.

Luego está el asunto del iPhone y del iPad. Hay que poner una línea de código que indique qué va a pasar cuando el navegador sea Safari. Esta línea asocia la variable "ancho" empleada en el CSS Media Query con el "ancho" del iPad, iPod o iPhone —según sea el caso. Además, resulta que cuando pasamos de modo landscape a portrait, o viceversa, se hace un zoom medio raro y es posible que los textos se desplieguen de diferente tamaño a como los observamos en una computadora de escritorio. Para validar todo lo anterior está como referencia el siguiente recurso:

http://stackoverflow.com/questions/2977550/iphone-safari-css-rotation-bug

A mi me divirtió mucho esta idea de presentar el mejor layout dado el ancho del iPod, iPhone o iPad. Sin embargo, siendo sinceros y "usables", la desventaja de jugar con diferentes acomodos de la información es que rompemos con la navegación (browsing) del usuario. Cuando alguno de estos dispositivos se rota 90 grados, debido a este re-acomodo, el usuario pierde vista la información de su interés. Lo anterior es más evidente en el caso del iPod/iPhone. Cognitivamente, lo que hacemos es "resetear"  el flujo de interacción; definitivamente algo no bueno para ningún usuario. En este proyecto, la mayoría de la información es estática y aquella que podría cambiar o agregarse durante el año, estará ubicada en la parte superior de las páginas correspondientes.

Una colega me señaló que estos ajustes automáticos no siempre convenían si trabajamos en una computadora de escritorio  —o en una laptop con pantalla grande — porque quizá el re-acomodo de la información podría perjudicarnos cuando llevemos a cabo una tarea más compleja, donde trabajemos con la información proveniente de diversas ventanas. Se me hizo un punto válido; por ejemplo, yo mismo he copiado y pegado información de una página web a Word o Excel. En este tipo de situaciones, debería de haber una opción para "fijar" el layout.

Por último, no olviden visitar http://ciria.udlap.mx/franciscana/ para enterarse de qué conferencias y exposiciones habrá en dicha biblioteca. Saludos

Si le preguntamos a un "jóven", podemos encontrar que ha crecido con un hi5, un mySpace o un MetroFlog. Y que si había carencia en cuanto a la conexión casera a Internet, mínimo contaba con un selecto grupo de su lista de contactos con lo que se enviaba mensajes de texto y últimamente mensajes multimedia (sobretodo fotografías). Siendo Facebook una de las redes más populares de hoy en día, los jóvenes al parecer no tienen ningún conflicto por subir sus fotografías, etiquetar a medio mundo en imágenes o GIFs animados chuscos o compartir videos de alguna celebridad web con la que se sienten identificados.

Existe entonces una aparente transparencia o congruencia entre el yo "digital" y el yo "real". Y aunque lo anterior no sea del todo cierto, el "yo digital" puede tener una fuerte presencia e influencia ante otros, por lo que podríamos considerarlo incluso independiente del yo real. Los jóvenes no se preocupan por si salen en fotos con sus amigos en un bar para demostrar que están in (aunque no tomen alcohol o les moleste ser fumadores pasivos), haciendo una pose tonta (aunque les preocupe su apariencia en el mundo real), o comentando algo con suma ligereza (como si todos entendiéramos el contexto en el que dicha frase podría haberse dicho en el "mundo real"). La privacidad es importante, pero no es algo de lamentar: ante una realidad que produce y produce información y que ha hecho que los jóvenes sean voraces consumidores de ésta,  mientras más expuesto, mayor vigencia del yo "digital".

Las observaciones anteriores abarcan "jovenzuelos" de unos 20 y tantos para abajo. Sin embargo, observando a gente de 40 y tantos para arriba, la cosa cambia. Una persona "mayor" no puede asumir tales riesgos: la información personal debe ser cuidada y el yo "real" debe ser preservado — y esto es porque el yo "real" es en realidad una "máscara" para su otro yo más interior y que los adultos se han esforzado en construir para tener credibilidad y respeto ante sus pares con los que más conviven — los cuales obviamente están en "el mundo real" y no en las redes sociales. En más de una ocasión me han comentado usuarios de este perfil que han decido cerrar sus cuentas porque fueron etiquetados en la foto de un amigo y que no querían que dicha foto sea vista por otras personas. Y en aquellos casos donde los "mayores" no cierran sus cuentas, simplemente producen muy poca o ninguna información — aunque he observado que son unos pillines, les encanta a veces estar mirando qué publican los demás. Existe también una percepción de que las redes sociales son una tontería porque la gente sólo se dedica a "poner" puros comentarios que no son serios o importantes, como mencionar qué están haciendo o cómo se sienten. En general, hay un temor grande a no controlar la información personal y la privacidad es algo delicado para estar jugando con ella: "todo lo que diga, postee, etiquete o suba a la red, puede ser usado en mi contra" — en contra de mi yo "real".

Claro, existen las excepciones para ambos lados de la brecha. Además de que son observaciones en un contexto dado. Quizá alguien "joven" no se dedique a producir tanta información porque simplemente no puede acceder a la tecnología o que un "adulto" intente ser todo un social media expert porque su situación laboral así lo demanda. Al final, ya sea el yo "real" o el "yo" digital, su "conformación", "maduración" y "proyección" involucrarán la producción y consumo de información alrededor de alguno de éstos; no se puede escapar de este hecho, ni aún siendo ermitaño. Y en cuanto a la brecha, creo que nos afecta más cuando llegamos a esos puntos en los que estamos conformes con cómo entendemos el mundo y ya no estamos dispuestos a adoptar "nuevas tecnologías". Como diseñador, lo anterior implica "dar batalla hasta donde el cuerpo aguante", porque a pesar de que los principios del diseño son prácticamente los mismos sin importar la época, la tecnología es un factor clave para la ejecución, porque al igual que la brecha, no deja de avanzar.

Sitio web del congreso: http://www.cin.ufpe.br/~ihc_clihc2011/

Convocatoria:

5th Latin American Conference on Human-Computer Interaction
and
10th Brazilian Symposium on Human Factors in Computing Systems

IHC + CLIHC 2011 (http://www.cin.ufpe.br/~ihc_clihc2011/)

Porto de Galinhas, Brazil, October 25-28, 2011.

Main (strict) deadline: June 3, 2011.

Venue:                  Porto de Galinhas, Pernambuco, Brazil
http://www.portodegalinhas.com.br

---------------------------------------------------------------------------
KEYNOTE SPEAKERS
----------------------------------------------------------------------------
Alex Repennig (University of Colorado, Boulder - USA)
Jesús Favela (CICESE - México)

----------------------------------------------------------------------------
THEME
----------------------------------------------------------------------------
The joint conference theme is **FROM PERSONAL COMPUTERS TO FOLK
COMPUTING**, which explicitly evokes not only the speedy evolution of
context in the users experience with computers (from the individual to the
collective and societal), but also a leap in the knowledge level required
from users to take full advantage of widely available resources in Web 2.0
(from knowing about computers to knowing about computing). In the
not-so-distant past, full citizenship depended on being literate with
Maths and Language in order to use numbers and words efficiently to
achieve one's individual and collective goals in society. Now, this
depends more and more on being literate with Computers, and using programs
to express and achieve our social and civil goals, with the Internet
enabling new forms for communities and societies.

The conference organizers invite the Brazilian, the Latin American and the
International HCI communities to discuss the role of HCI researchers and
practitioners in developing interactive technologies that truly promote
Computing Literacy. We are interested in discussing the users' needs,
expectations, experiences and possibilities while using computers and
computing to participate fully in social and civil activities supported by
computer systems. In the context of Latin America, where this conference
takes place, we are especially interested in discussing how HCI can
promote and bring about increased levels of social development.

Contributions to the conference program should address one of the
following non-exclusive aspects of moving FROM PERSONAL COMPUTERS TO FOLK
COMPUTING:

•Accessibility and therapeutic uses of interaction
•Adaptive, adaptable, intelligent user interfaces
•Affective computing
•Augmented reality
•Computational literacy
•Context-aware interaction
•Effects of aging on interacting with computers
•End user programming and development
•Ergonomics
•HCI and citizenship
•HCI design - methods, tools and perspectives
•HCI education
•HCI evaluation - methods, tools and perspectives
•HCI impacts on society: social life, health, education, transportation,
sports, environment, etc.
•HCI theories and theoretical approaches
•Human-robot interaction
•Integrating HCI and Software Engineering
•Interacting with information visualizations
•Interacting with new devices
•Interaction and information processing
•Interfaces for mobile and ambient systems
•Internationalization and cultural aspects of HCI
•Iteraction and entertainment
•Legal issues in HCI
•Multimodal interfaces
•Natural user interfaces
•Organic user interfaces
•Social interaction (virtual and online communities)
•Speech interfaces
•Tactile interfaces
•Task ad user analysis
•Usable privacy and security tools
•Web interfaces

----------------------------------------------------------------------------
SUBMISSION DEADLINES
----------------------------------------------------------------------------
Full and short papers:
Submission: June 3, 2011 - 11:59 PM Brasilia Time (strict deadline)
Decision notification: July 18, 2011
Camera-ready due: August 5, 2011

Posters: June 10, 2011
Student Competition: June 10, 2011
Workshops: June 13, 2011
Tutorials: June 17, 2011

----------------------------------------------------------------------------
ORGANIZERS
----------------------------------------------------------------------------

General Chair
Alex Sandro Gomes, UFPE (Brasil)

Program Co-Chairs
J. Alfredo Sánchez, Universidad de las Américas Puebla (México)
Clarisse Sieckenius de Souza, PUC-Rio (Brasil)

Full Papers Co-Chairs
J. Alfredo Sánchez - Universidad de las Americas, Puebla: Mexico
Clarisse de Souza - PUC-Rio: Brasil

Short Papers Co-Chairs
Cesar Collazos - Universidad del Cauca: Colombia
Vania Neris - UFSCAR : Brasil

Workshops Co-Chairs
Leonel Morales - Universidad Francisco Marroquín: Guatemala
Jair Leite - UFRN: Brasil

Tutorials Co-Chairs
Eduardo Calvillo - Universidad Politécnica de San Luis Potosí: Mexico
Kênia Sousa - Intrasoft International: Bélgica

Posters Co-Chairs
Omar Sosa Tzec - UDLA Puebla: Mexico
Cristiano Maciel - UFMT: Brasil

Student Competition Co-Chairs
Mario Moreno - Universidad Tecnológica de la Mixteca: Mexico
Janne Oeiras - UFGD: Brasil

----------------------------------------------------------------------------
PROCEEDINGS AND POST-CONFERENCE PUBLICATIONS
----------------------------------------------------------------------------

The Conference Proceedings will be published in the ACM International
Conference Series (appearing in the ACM Digital Library). Authors of the
best papers of the conference will be invited to submit extended versions of
their work for publication in JISA (Springer’s Journal of Internet Services & Applications)
and/or JBCS (Journal of the Brazilian Computer Society).