Categories
CSS Diseño Web

Todo listo para el “CSS Naked Day”

CSS Naked Day, es un evento que se realiza cada 5 de abril y tiene como objetivo promover el uso de estándares web.

CSS Naked Day, es un evento que se realiza cada 5 de abril y tiene como objetivo promover el uso de estándares web.

Para participar, lo único que tienen que hacer es quitar todas las hojas de estilo y dejar que se muestre sólo la estructura de vuestros sitio. Si utilizan WordPress y quieren formar parte de este evento, puedes utilizar el siguiente plugin:

php:

<?php
/*
Plugin Name: CSS Naked Day
Plugin URI: http://www.buayacorp.com/
Description: Elimina todas las hojas de estilo definidas en la cabecera del tema que actualmente usas.
Author: Alexander Concha
Version: 1.0
Author URI: http://www.buayacorp.com/
*/

function is_naked_day() {
        return '0405' == mysql2date('md', current_time('mysql'));
}
function css_naked_stylesheet($stylesheet_uri) {
        if (is_naked_day()) {
                return '';
        }
        return $stylesheet_uri;
}
function css_naked_head() {
        if (is_naked_day()) {
                $header = ob_get_contents();
                ob_end_clean();
               
                $header = preg_replace('|<link.*?rel="stylesheet"[^>]*>|is', '', $header);
                $header = preg_replace('|<style[^>]*>.*?</style>|is', '', $header);
               
                print $header;
        }
}
add_filter('stylesheet_uri', 'css_naked_stylesheet');
add_filter('wp_head', 'css_naked_head', 100);
?>

Lamentablemente el código mostrado no elimina el CSS generado por otros plugins, así que hay que modificar manualmente éstos -pueden usar la función is_naked_day para determinar si es el día indicado o no 😉

Actualización: Sergio publicó una versión más genérica, pero usando javascript.

8 replies on “Todo listo para el “CSS Naked Day””

Ya participé el año pasado en esa iniciativa, creo que este año tb lo haré, es tan simple como comentar las líneas donde se hacen referencia a las hojas de estilo, es más,creo que se tarda menos en hacer esto, que en incluir un plugin que lo haga por ti. Desde luego a este paso crearemos plugin hasta para que nos diga la hora, antes de mirar el reloj. Es lo que se conoce como matar moscas a cañonazos.

g30rg3_x: no tengo idea porque está pasando eso, pero como todo programador usualmente dice, funciona para mi 😀

Mario: en realidad estoy usando el plugin porque a la hora que debería hacer los cambios ya no tengo conexión a internet 🙁

Gracias por compartirlo Sergio 😉

Crysfel, también es la primera vez que participaré en este evento, sólo espero que el plugin se comporte a la altura ese día 🙂

Comments are closed.