go to the content followme

Wikier.org

  1. 3 Apr 2007

    CSS Naked Day script

    written by Sergio Fernández at 21h56

    El próximo 5 de abril es el CSS Nacked Day, un sencillo evento para promover el uso de estándares en la Web. La idea es dejar nuestras páginas sin estilos (CSS) durante un día, dejando ver sin maquillaje alguno el marcado.

    Evidentemente no vamos a estar pendientes de andar quitando o poniendo las CSS a mano. Hay quien ha hecho una solución para un determinado CMS, pero yo buscaba una solución más genérica; así que he programado una sencillísima función que lo hace por mi:

    function nacked() {
	var today = new Date();
	var todayStr = "";
	todayStr += today.getDate();
	todayStr += today.getMonth() + 1;
	if (todayStr=="54" && document.styleSheets) {
		var stylesheets = document.styleSheets;
		for(var i=0; i<stylesheets.length; i++) { 
			stylesheets[i].disabled=true; 
		}		
	}
}

    Basta incluirlo en la cabecera de nuestra Web, con esta simple linea: 

    <script type="text/javascript" src="http://www.wikier.org/css-nacked-day.js"></script>

    La funcion automáticamente desactivará toda las hojas de estilo cuando nos visiten el 5 de abril (ojo, fiándonos de la fecha de cliente). En el script tenéis todo el código, hecho con javascript no intrusivo, probado sólo en Firefox. Quien tenga cualquier sugerencia para mejorar el script que me la comente.

    1. # Dani Vlayar on Apr 4, 08:02

      Uy!, pues ahora mismo voy a cambiar la fecha de este equipo para ver la página!