Crea ‘destacados’ sin duplicar texto
Entendemos destacados como esa parte de un artÃculo de especial interés que se repite en otra parte del artÃculo y que se resalta. Quizás otra alguien de periodismo lo podrÃa definir de otra forma o llamarlo de distinta manera, pero creo que con la imagen siguiente nos entenderemos todos.
En 456 Barea Street nos ofrecen un javascript para realizarlo directamente sin necesidad de duplicar el texto.
La forma de realizarlo es sencillo, marcas el texto que quieres resaltar entre un elemento span, que tenga un estilo especÃfico. Después tan solo tenemos que obtener esta etiqueta, hacer una copia de su contenido, crearnos una capa que tenga el estilo float con valor left, incluir la capa nueva antes del padre del texto original, y ya está, tenemos el texto destacado resaltado sobre el texto normal.
Automatic pullquotes with JavaScript and CSS
VÃa / Site Point