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: , , , , ,

deviantArt: CSS Journal Contest

Justo hace unos momentos acaban de publicar en deviantArt un concurCSS Contestso para diseñar un CSS para los Journals de las cuentas en dA. El concurso solo aplica para los no-suscriptores. Entre los premios incluyen suscripciones de hasta 2 años para el ganador, pero tambien habran premios de 3 meses de suscripción para los buenos diseños que lo merezcan.

Los diseños pueden ser enviados hasta el 31 de Octubre, así que hay bastante tiempo para ponerse a trabajar.

Nota: Como los no-suscriptores no podemos jugar con el CSS de los Journals, todos los diseños serán enviados como imágenes en una categoría especial.

Para más detalles y ejemplos del concurso vean el Journal de =duhcoolies.

Etiquetas: css, diseño, deviantart

Adios Twitpic y Flickr, hola WordPress

Desde finales de Octubre he estado usando una instalación de WordPress a modo de Fotoblog, como remplazo a mis cuentas en Twitpic y Flickr, Los que ya me siguen en Twitter ya se habrán dado cuenta. Mis razones para dicho cambio:

  • Tengo mucho mayor control sobre el contenido, el diseño, comentarios, estadísticas, etc.
  • Realmente nunca me gustó el diseño de Twitpic, mucho menos que agreguen publicidad a mi contenido.
  • Tampoco le veo gran valor a la cuenta Pro en Flickr, y como desde hace mucho había pasado el límite de las 200 fotos para la cuenta gratuita, prefiero gastar que el costo de esto en Amazon S3 o en el hosting que ya estoy usando.
  • Obviamente me estoy perdiendo la parte “social” al no depender de un tercero, pero al final tampoco recibía tantos comentarios, favoritos, etc. 😛
  • Me he puesto a jugar con algunas modificaciones al WordPress, como: extraer las coordenadas GPS de las fotos tomadas con el iPhone, agregar Geotagging las páginas, hacer algunos ajustes de accesibilidad y SEO, crear short urls en base al ID del post, entre otras cosas.

Read More

Dejemos de usar Internet Explorer 6

Para los que trabajamos desarrollando sitios y que nos toca revisar que nuestros sitios se vean decentes en todos los (pseudo)navegadores allá afuera, sin dudas el que más dolores de cabeza da es Internet Explorer 6.

Me gusto la convocatoria que está haciendo Noruega, y que Maestros del Web está haciendo eco, sobre informar a los visitantes que hay mejores alternativas que IE6. El problema con IE6 no solo es lo poco que entiende de los estándares web y lo lento que corre el javascript, sino la experiencia en general es bastante mala.

Esto no significa que hagamos de menos a los que todavía usan IE6, deberíamos hacer que el sitio funcione “bien” para ellos, los que aún lo usan ya sea porque:

Read More

Mejora de Pago para desactivar anuncios en WordPress.com

Desde hace bastante tiempo WordPress.com incluye anuncios ocasionales en todos los blogs hospedados en este servicio. La mayoría de usuarios frecuentes de WordPress.com no habrá visto anuncios en los blogs, ya que para que se muestren se debe cumplir:

  • La visita debe venir desde un buscador
  • No tener una sola cookie de WordPress.com, al visitar por primera vez cualquier blog se te dará una cookie que evitará que se te muestren anuncios… por un tiempo.
  • Usar Internet Explorer, si usas cualquier otro navegador no se te mostraran anuncios.

Luego tiempo después hubieron muchos rumores sobre una futura mejora de pago que permitiría mostrar anuncios en el blog todo el tiempo en beneficio del autor. Hasta el momento aun no se sabe nada más al respecto, excepto que hoy WordPress.com anunció una nueva mejora de pago que permite desactivar los anuncios a todos los visitantes del blog, registrados o no en WordPress.com.

Sin anuncios

La mejora de pago cuesta $30 al año por cada blog, precio que está por debajo del costo de cualquier hosting shared decente. Claro cuando ya estas pagando por Custom CSS ($15) y Domain Mapping ($10) agregar otros $30 a la cuenta ya se acerca a lo que me costo el hosting de $65 el año. Mejor veré de usar Custom CSS para bloquear los anuncios 😉