ceslava | diseño y desarrollo web

Etiqueta: sí­labas

  • Web-Typography | Separación por sílabas en textos web II

    En enero publiqué 9 formas de separar por sí­labas textos web hoy añado una décima:

    PHP Typography 1.12 que viene también como plugin para WordPress

    image

    Los requisitos son:

    • Servidor con PHP 5 +
    • Codificación UTF-«‹»‹8
    • Código xHTML válido

    Además de la separación por sí­labas tiene:

    • soporte para viudas,
    • comillas tipográficas,
    • puedes especificar mediante etiquetas HTML o clases CSS lo que quieres dejar intacto,
    • soporte para más de 40 idiomas incluido el español,
    • espacios en blanco,
    • sustitución inteligente de sí­mbolos y caracteres especiales, por ejemplo ©

    Es útil sobre todo en textos justificados para evitar los incómodos rí­os que dificultan la lectura. Siempre lo podemos hacer manualmente pero además del pesado trabajo y de que el texto no será indexado correctamente no es una opción a considerar si tienes un sitio con contenido dinámico y constantemente actualizado.

    Lo he instalado en pqpq.es (español) y en JustTellMeWhy.com (inglés) donde querí­a mantener los textos justificados y un diseño lí­quido y tení­a el problema de los rí­os, no es perfecto pero ha mejorado:

     

    image

  • 9 formas de separar por sílabas textos web

    A la maquetación web le quedan muchas lagunas que los estándares y navegadores irán implementando. Mientras tanto os voy a mostrar 9 soluciones de yellowgreen si queréis que el texto de vuestro sitio sea separado por sí­labas.

    Es útil sobre todo en textos justificados para evitar los incómodos rí­os que dificultan la lectura. Siempre lo podemos hacer manualmente pero además del pesado trabajo y de que el texto no será indexado correctamente no es una opción a considerar si tienes un sitio con contenido dinámico y constantemente actualizado.

    9 soluciones

    Las soluciones pasan por un generador online, Ruby, Java De todas ellas hago especial hincapié en la opción javascript (Hy­phen­ator) en la que detallo su uso, un par de plugins interesantes, uno para la librerí­a MoreCSS (AJAX) y otro para WordPress, y un bookmarklet para hacer la separación en nuestros propios navegadores. 

    (más…)