Blog: Tipografía

Truncando cadenas de texto largas con CSS

Image

En el artículo sobre la web p2p y el protocolo dat:// tuve que incluir una cadena alfanumérica realmente larga:

dat://356d355c29f00965ad4504cd238a59bf10464c445ecc99325dda6c2071162f58/

Cuando vi la entrada en mi ordenador no aprecié ningún problema. Pero al visualizarla en el navegador del móvil observé que la cadena sobrepasaba el marco del navegador de esta manera, provocando un indeseado scroll horizontal: Leer más…

Incluir comillas latinas en tus citas con CSS

Para incluir citas breves en un texto, dentro de un párrafo, la etiqueta html que debemos emplear es <q>. Lo que incluyamos dentro de las etiquetas <q> y </q> aparecerá entre comillas automáticamente por arte de magia html/css. Bien. Pero aparecerá según el uso ortotipográfico anglosajón, es decir, entre comillas altas o inglesas (“ ”) y, si hubiera comillas dentro de la propia cita, serán comillas simples (‘ ’).

La cuestión es que el uso ortotipográfico español prescribe otras comillas diferentes: Leer más…

Componiendo párrafos de estilo narrativo en CSS

Hace poco encontré en este estupendo artículo un truquillo CSS para componer texto en el estilo usual de las obras impresas de narrativa. Es decir:

  • Sin separación entre los párrafos
  • Con la primera línea de cada párrafo ligeramente sangrada excepto en el primer párrafo del capítulo u obra, que va sin sangría.

El efecto es el siguiente: Leer más…