5.1.1.

28 febrero 2004

Redise�o versi�n Sakura

Más alla del aspecto estético, más importante son algunos de los cambios en el código HTML.

Agregado: Enlaces permanentes

En mi loca carrera por borrar todo aquello que me parec�a superfluo —como la frase por fulano de tal—, el enlace permanente a un post aparece dentro de los t�tulos. O sea, en lugar de buscar el s�mbolo de numeral # al final del post, hay que usar directamente los t�tulos.

Fechas

Hasta el momento la linea correspondiente a la fecha del post la venia remarcando como un párrafo más —o sea, usando el tag <p>—, pero dado que el título aparecía luego, no quedaba clara la relación que habia entre la línea de fecha y el post. El contenido del post —los párrafos— son facilmente identificables como descendientes del título, pero, según ese razonamiento, el párrafo de la fecha quedaría como parte del post anterior. Una opción era remarcar las fechas tambi�n como títulos, para que se entiendan que están por sobre los títulos de los posts; pero teniendo en cuenta que hay programas que sacan provecho de estos —caso Opera que permite desplazarse a traves de ellos con el teclado, o sino un programa que arme un tabla de contenidos guiandose por los títulos—, la idea de que 14 febrero 2004 sea considerado un verdadero título no era muy atrayante. La opción que termine usando fueron definition lists. Después de haber visto artículos reseñando el poco uso que se les da y lo utiles que pueden ser, termine remarcando a las fechas como el término a definir (<dt>) y cada post como una acepción (<dd>).

Fuentes

Las fuentes de los títulos es uno de los cucos de la web: Times New Roman. El artículo Times New Roman - It’s time we take back Times New Roman on the web dá ejemplos para hacerla atractiva y más legible, planteandola como una alternativa a Georgia.

Pop-ups de los comentarios

Los Habbicomments, por defecto, dependen de Javascript para funcionar, por tal navegadores que no lo soportan —caso Lynx o los mismos buscadores— no tienen forma de acceder a ellos. En The perfect pop-up se explica como con un simple cambio todo puede ser mejor. El codigo original era <a href="javascript:comentarios('número de post')">, estando el atributo href ocupado por la llamada a la función. La opción que plantea el artículo es pasar la llamada a Javascript a un evento onclick y incluir la dirección en el atríbuto href. Pero como eso provocaría que se activaran tanto la función como el enlace, se agrega al evento onclick la función return false para que los navegadores que la entiendan solo lanzen el pop-up y obvien el enlace. El codigo finalmente termina siendo <a href="http://www.brinkster.com/micuenta/blog/comments.asp?PostID=<$BlogItemNumber$>" onclick="comentarios('<$BlogItemNumber$>');return false;">.

Sindicar

Ahora además de la posibilidad de sindicar los posts en formato ATOM, se puede elegir la alternativa de RSS. Este pequeño milagro viene gracias al servicio Atom2RSS que convierte los feeds de Atom en RSS. El servicio es gratuito y no hace falta registrarse, por lo que se puede experimentar con cualquier blog que se les ocurra.

Imagenes

Mujer con la mirada en blanco y la mejilla tatuada
Imagen de ejemplo

Ahora las imagenes aparecen más presentables con un sombra rodeandolas. El código para hacerlo ya era bastante conocido pero recién ahora se publicó el artículo CSS drop shadows en A list apart, así que si les interesa lean la explicación —en ingles— que es bastante sencillo de reproducir.

Como dato anecdótico, la imagen del ejemplo corresponde a un canción llamada Sakura. Sakura, para quienes no lo saben, es la flor del cerezo en japonés. A su vez, el kanji —ideograma japonés— que lleva tatuado en la mejilla es el de sakura. Como la imagen de fondo del título del blog son justamente estas flores, metí de ejemplo esa imagen. Todo se relaciona con todo.

Powered by Blogger