1

CSS al desnudo

Posted Abril 5th, 2006. Filed under CSS del blog estándares

Los casi 200 locos que, según mis estadísticas, van a entrar hoy a esta página se preguntarán qué pasó con el diseño. Los que leen desde un lector de feeds, vengan y pregúntenselo.

La respuesta empieza medio filosófica: la blogósfera se alimenta constantemente de memes que están dando vueltas por todos lados. Por fin creo que una vez inventaron uno que valía la pena. La idea de todo esto es fomentar los estándares. Mostrarle a tu público cuán accesible es tu sitio aún sin una hoja de estilos, el HTML pelado y desnudo.

¿Para qué?

Esto puede parecer inútil a algunos. Otros dirán que con Flash estas cosas no pasan. Pero yo les digo que así como lo ven es como lo van a ver en una Lynx corriendo en una XT con linux en disquette, en un Opera, Firefox, IE, en el navegador de un celular, una palm o lo que se les ocurra. Y el usuario va a poder usarlo tranquilamente por más que no tenga la última tecnología o no la quiera usar. Lo que es más, una persona con problemas de visión seguramente no ve cuán lindo queda tu sitio con colorcitos; lo prefiere así para que su programa se lo lea en voz alta.

Esto también demuestra para qué se hizo CSS. El HTML no es un lenguaje de presentación, sólo le da una base a Internet para poder inter-relacionarse. Todo el resto de arriba son adornos.

Si está hecho con estándares: cualquiera lo va a poder usar.

La locura es obra de Dustin Díaz. Es sólo un día al año, el 5 de Abril, en el que estamos seguros que todos nuestros usuarios van a estar viendo nuestro sitio igualito sin importar si lo están imprimiendo, si perdieron la visión, en su gadget favorito o en un proyector.

Demostremos que el contenido sigue siendo lo importante

¿Cómo?

Hay varias formas, todo depende. La más sencilla es simplemente comentar la línea de la hoja de estilos. Sin embargo vas a necesitar hacer esto todos los años (si tu locura da para tanto). Para eso existen otras soluciones:

WordPress

En el archivo headers.php (que se encuentra en el directorio wp-content/themes/nombre_del_theme/) tienen que cambiar la línea:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

por el código:

<?php
$DustinsNakedDay_isToday = (date('md')=='0405');
$DustinsNakedDay_allPages = true; // false for just the home page
$DustinsNakedDay_getNaked = ($DustinsNakedDay_isToday && (is_home() || $DustinsNakedDay_allPages));
if(!$DustinsNakedDay_getNaked) { ?>
<link rel="stylesheet" href="" type="text/css" media="screen" />
<?php } ?>

Simple PHP

Agregás el código siguiente y luego utilizás la función como guarda de un if que incluye el código de tus hojas de estilo:

<?php
function is_naked_day() {
$start = date('U', mktime(-12,0,0,04,05,date('Y')));
$end = date('U', mktime(36,0,0,04,05,date('Y')));
$z = date('Z') * -1;
$now = time() + $z;
if ( $now >= $start && $now <= $end ) {
return true;
}
else {
return false;
}
}
?>

Nótese que esta función devolverá que es el día de desnudos si en algún lugar del mundo todavía es 5 de Abril.

El que se quiera prender, bienvenido sea. El que no, allá él.

If you have enjoyed this entry. Please feel free to bookmark it using your favorite social bookmarking site

One Response so far

  1. Lucas dice:

    Yo soy uno de los que vino del feed. Me impresionó la idea y creo que tiene un concepto potente. Yo me prenderia si mi sitio estubiera funcional.

    Apoyo la moción desde un simple comment.