Selectores CSS: la intersección entre diseño y programación

El uso de selectores CSS en los "frameworks" para JavaScript más conocidos ha permitido lo que hace unos años era impensable: los diseñadores entienden el código de los programadores y los programadores pueden comprender el CSS de los diseñadores.

jQuery es especialmente adecuado: no distingue entre selectores "por id" ni selectores por "clase" (Prototype tiene dos funciones diferentes, $() y $$(), para estas tareas).

$('.lateral a.externo').click(function(ev) {
    // Código  a ejecutar
})

Este sencillo código es fácil de entender y un diseñador al verlo rápidamente intuye que en todos los tags A dentro de la "capa" lateral que tengan la clase externo se hará algo al hacer click.

.lateral a.externo {color: red; padding: 5px; margin: 0;}

Este fragmento de CSS afecta a los mismos elementos que el javascript anterior. Un desarrollador enseguida ve también a qué elementos afecta.

Lo bueno es que si el diseñador y el programador hablan en el mismo lenguaje (selectores CSS), el desarrollo es muy fácil y se puede trabajar en paralelo fácilmente.

Probando Android en un PC

Gracias al proyecto Live Android podemos probar en nuestro emulador favorito (VirtualBox, VMWare, ...) el sistema operativo para dispositivos móviles de una forma muy cómoda.

En mi caso he configurado en VirtualBox una máquina "Linux 2.6" con 256 Mb de RAM y 8 Mb de memoria de vídeo. Arrancamos desde la imagen ISO y ¡voilá!: ya tenemos Android en nuestro escritorio. Es un poco complicado usarlo con sólo las teclas, así que ahí va una "chuleta" (lo he encontrado aquí):

Arrows -> navigation
Enter -> confirm
Left Windows key -> home
Escape -> back
Menu key (next to right Windows key) -> application menu
+ F1 -> Console mode
+ F7 -> Graphical mode

(En el Mac no tengo tecla "Win" y la "manzanita" izquierda me "echa" del emulador. Ya lo miraré con más detenimiento).

He estado jugueteando un rato y la verdad, es un sistema muy apetecible no sólo para móviles, sino también para portátiles. A mi Aspire One le sentaría muy bien, tiene todo lo básico (correo, mensajería, cámara, álbum de fotos, reproductor de música, etc).

[gallery link="file" columns="4"]