Sindicador de canales de noticias
Horario del Metro de Málaga en Semana Santa: Estos son los días con servicio 24 horas
Sevilla.-Horario especial Metro de Sevilla Semana Santa 2025: cuándo cierra y qué paradas están disponibles
Text-wrap: pretty y otras técnicas CSS para hacer más bonito el texto de las páginas web
Hace poco una anotación sobre los subrayados me recordó poderosamente la evolución de la justificación del texto, esa técnica centenaria que actúa como un acordeón con las palabras y los espacios que hay entre ellas – a veces incluso con el interletraje– alineando a la vez a izquierda y derecha.
Ahora la mismísima Jen Simmons (desde hace algunos años trabajando para Apple) ha explicado los cambios más recientes que se están incorporado en el navegador Safari en artículo titulado Better typography with text-wrap pretty. El caso es que text-wrap: pretty; es una característica del CSS que ya existía en Chrome, Edge y Opera, aunque el cómo se aplicaba varía un poco de unos a otros navegadores.
Una historia justificadaOriginalmente los libros se componían con tipos de metal, así que justificar el texto a ambos lados, aunque resultaba elegante, era tedioso y delicado. Se usaban unas varillas especiales para ello. Los periódicos, de hecho, usaban una combinación de texto en bandera (alineado a la izquierda) y justificado, según las secciones o la relevancia de la sección.
Con la llegada de las máquinas de escribir la cosa no cambió mucho; la mayoría de las tipografías que se usaban (ej. Courier) eran monoespaciadas, de modo que añadir espacios para que todo quedara justificado en su columna requería calcular mentalmente por anticipado (una vez pulsada una tecla no había vuelta atrás). Las primeras máquinas electrónicas con pantalla, normalmente de una línea, cambiaron esto un poco porque podían realizar una justificación bien calculada.
A todo esto los guiones para dividir palabras andaban por ahí. Normalmente eran una buena solución, pero hay que reconocer que muy elegantes no eran, porque tampoco coincidían siempre con el final de las líneas en cada columna. Con las impresoras y los primeros ordenadores esto mejoró un poco cuando muchos programas de tratamiento de textos empezaron a ser capaces de incluir reglas y diccionarios de división de palabras en puntos clave. Todo era más elegante y sencillo.
Justificar los textos se volvió tan normal que en muchos programas, como Word, era el valor por omisión. Eso sí, si se usaba mal, con texto demasiado grande o columnas muy estrechas podían quedar ríos de blancos, perfectamente visibles al mirar la página de lejos. Uno de los más notables: el texto de inicio de Star Wars.
Pero hete aquí que llegaron los navegadores web y el HTML. Sin diccionarios de división de palabras y con tamaños de columnas variables según manipularas la ventana, aquello era… una aberración tipográfica. Así que la Web nació «alineada a la izquierda» por simplicidad. De ahí aquello de el texto justificado no está justificado en la Web. Me gusta cómo lo definieron su uso: «… un intento de parecer serio y autoritario».
En las siguientes versiones del HTML y el CSS apareció el align="justify" para conseguir el efecto de justificado, así como mayores controles tipográficos. También surgieron hyphens: auto; y algún otro. Hasta que llegó Text-wrap: para embellecer el resultado.
El resultado es que algunas páginas web justifican el texto y otras no. A mí me gusta más sin justificar. Aun así, hay muchas maneras de decidir cómo dividir las palabras al final de las líneas para que todo quede más bonito, y eso es justamente lo que trabaja text-wrap.
Text-wrap: una forma de arreglar el desaguisadoLa idea del Grupo de Trabajo CSS para Text-wrap: era que cada navegador se las apañara para hacer más bonito el resultado, gestionando la división de palabras, espaciado y palabras sueltas, demasiado largas o demasiado cortas, como buenamente pudiera.
El resultado busca:
- Igualar la variación del ancho de las líneas.
- Evitar los ríos de blanco.
- Evitar las huérfanas (palabras sueltas al final de párrafo).
- Priorizar las formas de dividir las palabras.
- Aprovechar la división por guiones de las sílabas.
- Aprovechar oportunidades de justificar.
- Evitar demasiados guiones consecutivos.
El caso es que ahora existen todas estas opciones (que además se pueden combinar con otros valores globales y CSS relacionado, como el de los guiones:
text-wrap: wrap; text-wrap: nowrap; text-wrap: balance; text-wrap: pretty; text-wrap: stable;La principal diferencia entre wrap y balance es que balance busca equilibrar las líneas y entre balance y pretty que pretty usa más técnicas y el resultado suele ser mejor. La diferencia se pude ver en esta demo, donde se pueden activar y desactivar los guiones, la justificación y el text-wrap: pretty.
Como curiosidad, decir que en Microsiervos tradicionalmente usábamos un CSS para los titulares (H1) sin guiones, pero desde hace meses cambiamos a text-wrap: balance; probablemente empezaremos a probar en breve con text-wrap: pretty; para que se vean más bonitos y se puedan leer mejor tanto en el escritorio como en los móviles.
Empleats i empleades de TMB, models per un dia gràcies al Centenari de Metro
Fa uns mesos, una crida interna a tot el personal de TMB per participar en un càsting de models per a la campanya publicitària del centenari de Metro va aconseguir que es presentessin un total de 133 empleats i empleades, ara, quatre d'aquests són els models que protagonitzen la nova fase de la publicitat dels 100 anys del Metro.
Són en Carlos, mecànic; la Salud, TOLA (agent de línies automàtiques); en Sergi, agent de Punt TMB i l'Eva, agent d'atenció al client a l'L3; tots quatre apareixen als diferents elements online i offline de la campanya de publicitat del Centenari de Metro i es podrà veure en diferents suports de les xarxes de transport de TMB, als canals i a les xarxes socials corporatives i altres suports de la ciutat de Barcelona i la seva àrea metropolitana.
Els treballadors i treballadores, per parelles, es mostren somrients i posen, una parella als tallers de ZAL de les línies automàtiques de metro a la Zona Franca i l'altra parella al vestíbul de l'estació de Sagrada Família de la línia 5, acompanyats del lema de la campanya: Sent el Metro. Sent la vocació de servei.
El centenari de Metro és un dels esdeveniments més importants de la ciutat de Barcelona. Enguany, el Metro celebra els seus cent anys d’història gràcies a la feina de tot el personal de TMB al llarg del temps, i per això tots els treballadors i treballadores també són els i les grans protagonistes. La resta de personal presentat al càsting no apareix en aquesta acció però participarà igualment en altres iniciatives de la campanya dels cent anys de Metro.
Imatges de la fira Lleida ExpoTren 2025
Us mostrem algunes imatges de la Fira Lleida Expo Tren que es va celebrar els dies 15 i 16 de març de 2025.
Electrotren – Set de dos vagones cisterna de gas, dos ejes, PR, «Butano S.A.», Renfe, Ep. III-IV, Escala H0. Ref: HE6073
Electrotren – Set de dos vagones cisterna de gas, dos ejes, PR, «Butano S.A.», Renfe, Ep. III-IV, Escala H0. Ref: […]
La entrada Electrotren – Set de dos vagones cisterna de gas, dos ejes, PR, «Butano S.A.», Renfe, Ep. III-IV, Escala H0. Ref: HE6073 aparece primero en Blog Zaratren.
Marklin – Catalogo General Marklin 2024/2025, en Castellano, Ref: 15819.
Catalogo General Marklin 2024/2025, En Castellano, 385 paginas. Marca Marklin, Ref: 15819. Precio: 10 Euros. CATALOGO GENERAL MARKLIN 2023/2024. ESCALA […]
La entrada Marklin – Catalogo General Marklin 2024/2025, en Castellano, Ref: 15819. aparece primero en Blog Zaratren.
Electrotren – Vagón plataforma, MMC3, RENFE, rojo oxido, Cont. Frigorifico «Trans. Combinado», Ep. V, Escala H0. Ref: HE6080
Electrotren – Vagón plataforma, MMC3, RENFE, rojo oxido, Cont. Frigorifico «Trans. Combinado», Ep. V, Escala H0. Ref: HE6080. Precio: 57,90 […]
La entrada Electrotren – Vagón plataforma, MMC3, RENFE, rojo oxido, Cont. Frigorifico «Trans. Combinado», Ep. V, Escala H0. Ref: HE6080 aparece primero en Blog Zaratren.
Miniart Models – Avión Junkers F-13, Escala 1:48, Ref: 48004.
Miniart Models – Avión Junkers F-13, Escala 1:48, Ref: 48004. Precio: 45,90 Euros. FICHA TÉCNICA AVION JUNKERS F-13. INCLUYE: CALCAS […]
La entrada Miniart Models – Avión Junkers F-13, Escala 1:48, Ref: 48004. aparece primero en Blog Zaratren.
Miniart Models – Figuras de Tripulación de tanque Italiano, Escala 1:35, Ref: 35500.
Miniart Models – Figuras de Tripulación de tanque Italiano, Escala 1:35, Ref: 35500. Precio: 13,90 Euros. FICHA TECNICA FIGURAS DE […]
La entrada Miniart Models – Figuras de Tripulación de tanque Italiano, Escala 1:35, Ref: 35500. aparece primero en Blog Zaratren.