Entradas de Abril 08UTC 2009 en Dave Ruiz blog

CSS Naked Day. 9 de Abril

Abril 8th, 2009

Como aficionado de la creación de web estandar (porque me queda mucho que aprender) me he unido a esta iniciativa, idea de Dustin Diaz, que lleva funcionando desde 2006 y que año a año va acogiendo a más webs.

La idea no es ser uno más, sino que junto al resto de desarrolladores hagamos un poco de ruido de lo importante que es maquetar bien una web, teniendo en cuenta que al otro lado puede haber dificultades físicas o técnicas que impidan disfrutar del contenido de la web.

Puedes comprobar con tus propios ojos este hecho en cualquier página. Si usas Firefox pincha en Ver > Estilo de Página > Sin estilos, y debería desaparecer casi todo el apartado gráfico de la web.

Alternativamente, he hecho un pequeño script (bookmarklet) que hace mas o menos ese trabajo, para aquellos navegadores que no tengan esa opción. Solamente hay que copiarlo, ir a la página ‘victima’, pegar este código en la barra de dirección y darle intro.
javascript:function a() { function g(o) { return document.getElementsByTagName(o) } ; j=g("link"); for (i in j) { if (j[i].rel == "stylesheet") j[i].href = "" } j=g("style"); for (i in j) { j[i].innerHTML = "" }  }; a();

Eliminar estilos de la página actual

Mientras llega o no la revisión de CSS Level3 ¿Como quedarán mis páginas favoritas con bordes redondeados?
javascript:function a(c) { j=document.getElementsByTagName("*"); for (i in j) { if(j[i].style) j[i].style.WebkitBorderRadius=j[i].style.MozBorderRadius=c+"px"; } };a(15)

Aplicar bordes redondeados

Y un ejemplo de cómo queda:

Ejemplo de border-radius sobre w3.org

Qué cuco queda youtube :)

Youtube.com con bordes redondeados