Este es un post relacionado con la adaptación de las hojas de estilo a normas de usabilidad y accesibilidad web.
Existe un atributo en las CSS que no mucha gente conoce o utiliza: media. Este atributo indica a qué tipo de dispositivo se aplica la hoja de estilo en cuestión. Puede ser tan variado como pantalla, impresora, dispositivo braille, pdas o incluso televisión.
La forma de utilizarlo en nuestras páginas HTML es la siguiente:
<link rel=”stylesheet” type=”text/css” href=”estilo.css” media=”screen,print”/>
Es importante remarcar que para aquellos dispositivos que no se especifiquen no se aplica la CSS. Puede parecer una perogrullada, pero asà nos evitamos problemas como ¿porqué si imprimo mi página no me aplica los estilos?.
Más información en este post o en la W3C en el siguiente artÃculo: “Media Types
Compártelo:
Cuando maquetamos páginas en XHTML debemos de usar capas y hojas de estilo CSS (más conocido como enfoque tableless), en vez de las conocidas y socorridas tablas.
Muchos superan este obstáculo más o menos airosamente, aunque con algunos problemillas cuando hay que maquetar en varias columnas, donde la cosa se complica. No obtante, hay en la red numerosas webs donde lo explican a la perfección.
Sin embargo, un aspecto que la mayorÃa desconoce y que a más de uno trae de cabeza, es la maquetación de formularios sin el uso de tablas. No sabemos cómo alinear los nombres de los campos con los inputs que los recogen.
Aquà os dejo un sencillo código para conseguirlo.
*nota: una de las claves es controlar el tamaño de las etiquetas (label) y el fieldset.
Compártelo:
Una serie de datos que creo que son bastante interesantes para los desarrolladores web son las estadÃsticas acerca de aspectos como pueden ser:
- La resolución de la pantalla
- El navegador utilizado
- El uso de JavaScript
Siempre es bueno conocer estos datos, porque nos pueden ayudar a crear nuestros diseños adecuándonos en mayor medida al mercado existente y también porque son indicativos de tareas que debemos de realizar, como puede ser testear nuestras páginas en Internet Explorer 6 y 7, asà como en Firefox.
Los datos más significativos a mi entender son:
33.7% de usuarios ya utilizan Firefox e importante aumento del IE7 (19.2%)
| 2007 |
IE7 |
IE6 |
IE5 |
Fx |
Moz |
S |
O |
| May |
19.2% |
38.1% |
1.5% |
33.7% |
1.3% |
1.5% |
1.6% |
| April |
19.1% |
38.4% |
1.7% |
32.9% |
1.3% |
1.7% |
1.6% |
| March |
18.0% |
38.7% |
2.0% |
31.8% |
1.3% |
1.7% |
1.6% |
| February |
16.4% |
39.8% |
2.5% |
31.2% |
1.4% |
1.7% |
1.5% |
| January |
13.3% |
42.3% |
3.0% |
31.0% |
1.5% |
1.7% |
1.5% |
El Javascript, y por extensión AJAX, compatible en el 94% de los navegadores.
| 2007 |
JavaScript On |
JavaScript Off |
| January |
94% |
6% |
El 80% de los usuarios tienen una resolución de pantalla igual o mayor a 1024×768
| 2007 |
Higher |
1024×768 |
800×600 |
640×480 |
Unknown |
| January |
26% |
54% |
14% |
0% |
6% |
|
|
|
|
|
|
| 2006 |
|
|
|
|
|
| July |
19% |
58% |
17% |
0% |
6% |
| January |
17% |
57% |
20% |
0% |
6% |
Para más información visitad este enlace: http://www.w3schools.com/browsers/browsers_stats.asp
Compártelo:
