Tempus Fugit

Hoy “Tempus Fugit” se queda sin diseño, debido a que este 9 de abril de 2008 muchos blogs se desnudarán. Y lo harán en honor del Día Sin CSS (CSS Naked Day), una idea que persigue hacer notar la importancia de los estándares web.

Si deseas unirte a esta iniciativa, puedes usar el plugin de WordPress Naked Day que automáticamente calcula si es 9 de abril de 2008 para eliminar todas las hojas de estilo.

Acabo de “reactivar” mi blog técnico-informático, AC Log.

Hay cosas sobre informatica y desarrollo web que a veces quiero escribir y que no me cuadran dentro de la temática de este blog, que es más personal, así que las iré poniendo en ese otro blog.

A veces al maquetar, necesito hacer cajas que sean flexibles tanto en alto como en ancho, y que tengan bordes redondeados y/o sombreados.

Lo interesante es conseguirlo utilizando el menor número de etiquetas XHTML posible, un poquito de codigo CSS y solo una imagen para el fondo/bordes, así que hace unos días me preparé un “code snippet” para reutilizar en mis proyectos.

Existen un par de trucos para conseguir lo que quiero:

1. Una imagen de lo que sería una caja, a un tamaño lo suficientemente grande como para que nunca se quede pequeña en ancho y alto. Recomiendo que sea un PNG, porque por muy grandes que sean sus dimensiones, el tamaño del archivo apenas aumenta.
2. Utilizar semanticamente las etiquetas XHTML, para no tener DIVs vacios y cosas así.

Aquí teneis el código para su descarga: flexible-box.zip

Solo lo he testeado en Internet Explorer 6 y en Firefox 2.x, así que no puedo asegurar que se vea del todo bien en otros navegadores. Pero en todo caso, para lograrlo sería cuestión de añadirle algunos “hacks”. Cuando tenga un rato lo comprobaré para darle mayor compatibilidad.

Aunque este blog lo tenía abandonado, hay ciertas cosas que quiero escribir y que son demasiado técnicas para mi blog personal… así que voy a retomar este espacio y escribiré de vez en cuando…