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);
?>
/*
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””
bueno tu plugin extrañamente me deja sin nada XDDD..
hay veo que hago...
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.
[...] No conocía esta iniciativa hasta que la leí hace un par de días en aNieto2K y hace un rato en Buayacorp. [...]
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 🙁
Yo he tenido otra idea totalmente independiente del CMS, por si alguien lo quiere usar...
Me parece muy buena idea, esta es la primera vez que participare y me parece algo grandioso.
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 🙂
[...] cierto, hay algunos plugins que pueden interesaros para este objeto; yo he escogido el plugin de Alex Concha; pero hay millares de [...]