El 9 de abril deshazte del CSS

Pasado mañana se celebra el tercer “CSS Naked Day” que consta en no usar el CSS de tu página para reivindicar los estándares web. ¡Es hora de enseñar tu <body> ;) !

Para hacerlo puedes optar por dos opciones: la manual editando y quitando la línea de CSS o la automática que es usando el siguiente código PHP:

1
2
3
4
5
6
7
8
9
10
11
12
<?php
function is_naked_day($d) {
  $start = date('U', mktime(-12, 0, 0, 04, $d, date('Y')));
  $end = date('U', mktime(36, 0, 0, 04, $d, date('Y')));
  $z = date('Z') * -1;
  $now = time() + $z; 
  if ( $now >= $start && $now <= $end ) {
    return true;
  }
  return false;
}
?>
1
2
3
4
5
6
7
8
9
10
11
<head>
...
<?php
if ( is_naked_day(9) ) {
  echo '<!-- El naked day no usa CSS, visita http://naked.dustindiaz.com/ para mas información -->';
} else {
  echo '<link rel="stylesheet" type="text/css" href="styles.css" />';
}
?>
...
</head>

Y por último si quieres escribir un post o un texto avisando el porque de la página sin estilos y así no se asusten los visitantes. Ejemplo:

1
2
3
4
<h3>¿Qué ha ocurrido con el diseño?</h3>
<p>Para saber de porque los estilos están deshabilitados en esta web visita la página
<a href="http://naked.dustindiaz.com" title="Web Standards Naked Day Host Website">
Annual CSS Naked Day</a> para más información.</p>
Escrito el 7 de Abril del 2008 a las 19:44 § RSS § Trackback § Comentar § Compártelo
Categoría-s: Diseño § Etiquetas: , ,

Un Trackback

  1. ¡Hoy es el CSS Naked Day, desnuda tu página! | Venraiker

Escribe un Comentario

Para usar un avatar que aparece al lado del comentario, visita Gravatar.com.
La dirección del trackback para este post es este.
Normas de los comentarios, leer antes de escribir un comentario.

XHTML: Puedes usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

Cerrar
E-mail It