necesitábamos 4 clases para 4 funciones, que a su vez se corresponden con 4 efectos de diseño, pero como no teníamos base para describir las funciones, ni queríamos describir los 4 efectos, llamamos a las clases: a, b, c y d.

en el css, a alinea a la izquierda, b a la derecha, c lo centra, y d lo justifica a ambos márgenes.

reconozco que no tiene semántica ninguna, pero tampoco se “casan” con el estilo… ¿os parece aceptable?

Andrés: no sabía lo de DublinCore… ¿se viene un artículo sobre eso? Es interesante este tema, aunque creo que el acercamiento debe ser cauteloso, de otra manera tendríamos una enorme colección de valores para ciertos atributos que harían naufragar cualquier intento de estandarización (piensa por ejemplo qué pasaría si XHTML tuviera el triple de elementos: sería mucho más difícil de aprender y de aplicar correctamente)

sergio: buen problema el que planteas… de hecho, pensé algo al respecto al escribir el post, pero al final decidí no incluirlo en pos de una mayor simplicidad (tengo una tendencia a complejizar cuestiones simples sobre-explicándolas).

Creo que una buena alternativa, aplicada en el caso de Satori, sería la de tener la clases <code>postimgfull, postimgtn y postimgtn-alt</code> o algo así. Creo que lo principal a tener en cuenta es (como dice la cita del artículo) pensar en por qué quieres presentar algo de una forma distinta, no el cómo: en este ejemplo, <code>postimgfull</code> muestra a la imagen centrada y separada del resto del texto, porque para mí lo principal era mostrar imágenes "completas", más grandes (o sea, no miniaturas).

Existen muchas otras formas de lograr lo mismo: por ejemplo, supongamos que se trata de una revisión de un producto, con diferentes secciones: presentación del producto, instalación, utilización, valoración; y que en cada una de ellas desees presentar las imágenes de distinta forma: puedes crear estas secciones agrupando el título de la sección y los párrafos que la componen dentro de un <code><div></code> que las contenga y otorgarles clases o ids distintas. Luego, en el <acronym title="Cascading Style Sheets">CSS</acronym> defines la presentación de las imágenes en relación a la sección: <code>div#introduccion-articulo img { /*tus reglas de estilo*/ }</code>.

Por otra parte, si quieres aún más especificidad, puedes utilizar, además de clases, ids; o en otro caso: presentar las imágenes que están enlazadas de una forma (<code>a img</code>) y las que no, de otra (<code>img</code>).

En fin: incontables posibilidades

si quieres alternar en el cuerpo de tus posts imágenes en miniatura a un lado o a otro (izquierda o derecha), o centradas, necesitas, al menos, tres clases distintas, no?

cómo las nombrarías para que siguieran siendo semánticas y no hicieran mención alguna a su aspecto?

Además DublinCore define una serie id y class estandares para todo el mundo, osea unos microformatos universales.

Muy buen artículo ;)

Increible coincidencia, pero los temas de tus últimos 2 artículos, yo los tenía como borradores a punto de publicar en mi blog.

En todo caso esta todo muy simple y bien explicado :)

Felicidades, suerte