CSS Naked Day 2008

Hoy en la madrugada estaba casi seguro de que era el día del CSS Naked Day, pero resulta que este año será el 9 de abril, y no el 5 como el año pasado. Me quede con las ganas de dejar mi blog a lo pr0n xDD

Para quienes no sepan que es el CSS Naked Day, se trata de una iniciativa que busca promover el uso de estándares web demostrando lo fácil que ese quitar el diseño de nuestros sitios, si hacemos uso de los mismos, y dejar el contenido desnudo, tal cual está estructurado.

Quienes piensen participar en este evento, pueden agregar su sitio al listado oficial, y opcionalmente agregar una leyenda que explique a los visitantes que es lo que está pasando:

<h3>¿Que ha pasado con el diseño?</h3>
<p>Para conocer más acerca de por que están deshabilitados
los estilos de esta página, visita <a href="http://naked.dustindiaz.com"
 title="Web Standards Naked Day Host Website">
Annual CSS Naked Day</a>.</p>

Para participar basta con eliminar la referencia a cualquier hoja de estilos del sitio, si usan WordPress en un servidor propio pueden usar este plugin del CSS Naked Day que hará todo el trabajo sin editar código, o hacer lo a mano editando la plantilla.

Para los usuarios de WordPress.com si no tienen Custom CSS pueden usar la platilla SandBox que casí dejara el sitio con estilos; para los que tengan la mejora de pago Custom CSS hay que eligir que no use la hoja de estilos de la plantilla como base y dejar el cuadro de texto en limpio.

Versión imprimible del blog via CSS

Aunque no sea una práctica muy común, hay personas que aún imprimen páginas de sitios en Internet; Así que, ¿por qué no facilitarles una versión imprimible de nuestro blog? Con ayuda de la regla @media podemos agregar un CSS específico para dispositivos de impresión.

Para mi blog, que usa la plantilla Sandbox, he definido estas reglas CSS en la versión imprimible:

@media print {
div#wrapper {width:100%;}

div#wrapper * {width:auto;}

div#header {
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
}

#blog-title {
	text-align:center;
	margin:0 !important;
	padding:0 !important;
}

#wpcombar,#blog-description, div#footer, #wpstats, 
div.sidebar, #globalnav,.navigation {
	display:none !important;
	margin:0;
	padding:0;
}

div.container {
	margin:0;
	padding:0;
}


h2.entry-title { padding:0 !important; }

.comments { display:none; }

a,a:visited {
	color:black !important;
	text-decoration:none;
	border-bottom:1px dotted #333;
}

}

Fácilmente puede ser adaptado a otras plantillas sin necesidad de un plugin adicional. Básicamente hay que dejar el contenido real y ocultar aquellos elementos que no sean de importancia en la versión imprimible como:

  • La descripción del blog.
  • La navegación.
  • La barra lateral.
  • Los comentarios del post.
  • El formulario de envío de comentario.
  • El footer.

Puedes considerar eliminar paddings, colores y otros adornos en el texto innecesarios. Si imprimen alguno de los post de este blog, deber verse como similar a esto:

Versión imprimible de un post

Etiquetas: diseño, ,

CSS Naked Day 2007

Faltan 3 días para que llege el CSS Naked Day (5 de Abril), un evento donde muchos sitios web eliminan sus hojas de estilos con el fin de promover el uso de estándares web, ya que si no los usaran, sería muy difícil hacerlo 😉 .

¿Como Participar? Solo debes editar la plantilla de tu blog/sitio y comentar donde incluyes la hoja de estilos:

<!-- <link rel= "stylesheet" href= "http://tusitio/wp-content/themes/plantilla/style.css" type="text/css" media="screen" /> -->

Si por alguna razón no podrás editar tu plantilla a las horas adecuadas, puedes instalar este plugin que haga el trabajo por tí (y de paso quedas preparado para el año próximo). Solo incluyes en tu plantilla:

<?php if (is_Naked_Day()) : ?>
<!-- It's Naked Day don't ya know! See http://naked.dustindiaz.com for more information. //-->
<?php else : ?>
<style type="text/css">
<!--
@import"/css/your_style_sheet.css";
//-->
</style>
<? endif; ?>

Para los que estamos en WordPress.com, que no podemos editar las plantillas ni instalar plugins, todavía hay opciones. Si tienes CSS Custom (de pago) solo debes ir a Dashboard >> Presentación >> Edit CSS y luego eliges la opción Iniciar desde cero y usar solo esta, asegurate de guardar por aparte el CSS que tengas y borrar todo. Si no tienes CSS Custom en tu blog puedes usar Sandbox, que es una plantilla especial para CSS Custom, y seleccionar que no utilice un Skin en especial para la misma. Solo recuerda hacer los cambios a las horas adecuadas …

Te apuntas?

Vía >> Anieto2k.com.

Etiquetas: , , , , ,

Nueva platilla al blog

Hasta que me aburri de mi fea plantilla anterior Silver is the New Black, y me he cambiado hacia la K2. Hace algún tiempo pensé en migrarme hacia CutLine, pero K2 demostró ser mucho más versatil con el manejo del Header, con CutLine no podía usar un banner tan grande y siempre estaba presente el título del blog :S, me gusta la tipografía de CutLine, pero bueno… que se puede hacer; mientras la basura de PayPal no me deje usar mi Tarjeta de Crédito y poder aventurarme con la plantilla Sandbox, esta será mi plantilla por algún tiempo. ¿Que tal les parece?