→ 14/03/2011 @18:14

Acabei de descobrir a pólvora

Este post é sobre o velho dilema texto justificado versus texto alinhado à esquerda na web – e de como eu resolvi o problema a favor do texto justificado, sem prejudicar a fluidez da leitura.

Sim, eu sei, sou a cagagésima criatura a pensar que descobriu um cesto de pólvora escondido num armazém do Google, mas talvez tenha encontrado uma solução para o meu grande dilema tipográfico-existencial dos últimos seis anos: saber que não se pode justificar o texto numa página web…

… mas querer justificá-lo à mesma!

Bum!

Voltei a justificá-lo. E agora?

Tenham paciência enquanto exponho o bê-a-bá da questão aos menos geeks.

Num livro ou revista, o texto pode ser alinhado à esquerda e à direita em simultâneo sem grandes problemas; na web, infelizmente, não é assim. Como os browsers não suportam a hifenização, o texto justificado apresenta-se cheio de «buracos» entre as palavras – o próprio espaçamento entre caracteres é adulterado na visualização.

Isto é péssimo para a fluidez da leitura e é feio que se farta.

É também em nome da fluidez da leitura que não se deve atirar sobre os olhos do leitor pazadas e pazadas de parágrafos longos.

É devido sobretudo à preocupação com a leitura que qualquer web designer, embora compreenda que o texto justificado fica bem em papel e se apresenta mais arrumadinho, irá sugerir o alinhamento do texto à esquerda: assim se evitam os indesejáveis espaçamentos entre palavras e nos próprios caracteres, facilitando a leitura e criando um bloco de texto sem «buracos».

Não há absolutamente nada a opor quanto a isto: os web designers têm toda a razão.

E todos estes meses tenho andado a largar-lhes pragas por terem razão.

Se me falarem de política, sou pessoa para dizer que alinho à esquerda. No texto é que não, sou mais Bloco Central.

Por falar em blocos: senhores web designers sempre a estragar o gozo aos amadores, se os colchões fossem blocos de texto e as frases as molas, sempre queria ver como é que Vossas Excelências iriam acordar no dia seguinte, se tivessem a palavra inconstitucionalissimamente espetada nas costas a noite toda. Bem feita!

Já eu, meus amigos, dormiria tranquilamente no meu colchão todo justificadinho.

Claro que um web designer mais mete-nojo se apressará a dizer-me que eu também não poderia dormir bem, tal a quantidade de buracos que o meu colchão justificado haveria de ter.

Ah! Mas desta vez vou lixá-los!

E agora, a pólvora

Dado haver tanta gente a preferir justificar o texto, seria de esperar que algumas mentes brilhantes se dedicassem a resolver este estúpido problema e criar uma ferramenta capaz de reorganizar os espaçamentos e fazer a necessária hifenização, dividindo as palavras mais longas – a palavra inconstitucionalissimamente, por exemplo.

Essa ferramenta existe – um senhor certamente muito inteligente e trabalhador e sensato criou um script em javascript que faz esse trabalho pelo browser, calculando espaços, encarregando-se da hifenização, por aí fora.

E um tipo igualmente inteligente, trabalhador e, arrisco dizer, verdadeiro santo que a blogosfera deveria canonizar ontem, encarregou-se de transformar esta ferramenta num plugin para WordPress que qualquer maníaco do texto justificado pode instalar e usar no seu blogue.

Chama-se Hyphenator e está a ser testado aqui no bloguinhas.

Bum! Venha a pólvora!

31 comentários

  • 1
    com Google Chrome 10.0.648.133 Google Chrome 10.0.648.133 em Windows 7 Windows 7
    14 de Março de 2011 - 18:23 | Link permamente

    Santa ignorância minha, demorei um certo tempo a perceber o que se estava a falar, mas já vi agora no texto, nunca tinha reparado nisso para ser franco e também sou adepto do texto justificado.

    Agradeço a partilha do plugin, vou testar eu também no meu site.

    Rendeste-te ao alinhamento agora? :wink:

  • 2
    com Firefox 3.6.15 Firefox 3.6.15 em Windows 7 Windows 7
    14 de Março de 2011 - 18:24 | Link permamente

    “prontos” … está aqui, finalmente, a razão que me vai fazer migrar para o wordpress. LOL

  • 3
    com Google Chrome 10.0.648.133 Google Chrome 10.0.648.133 em Windows Vista Windows Vista
    14 de Março de 2011 - 18:27 | Link permamente

    Adorei! Infelizmente é só para o WP… mas há anos que penso no mesmo assunto até porque sou designer gráfica e gosto das coisas limpinhas ;)

  • 4
    com Firefox 3.6.15 Firefox 3.6.15 em Ubuntu 10.10 Ubuntu 10.10
    14 de Março de 2011 - 18:28 | Link permamente

    Marco, só uma correção: não é um script em Java e sim um script em JavaScript. São linguagens completamente diferentes.
    Abraço.

  • 5
    Flávio
    com Chromium 10.0.648.127 Chromium 10.0.648.127 em Ubuntu 10.10 Ubuntu 10.10
    14 de Março de 2011 - 18:29 | Link permamente

    Tens a certeza que o script é em java ou será antes javascript, são coisas bem diferentes (podes até argumentar que não existem scripts em java, mas isso é semântica).

    Quanto ao texto estava a ser muito confuso estar a reparar nas quebras de palavras contigo a dizer que não dava.

  • 6
    nuno pinto
    com Firefox 3.6.14 Firefox 3.6.14 em Linux Mint 10 Linux Mint 10
    14 de Março de 2011 - 18:33 | Link permamente

    Resta saber a qualidade do suporte em Português. Como se sabe, o Português é uma língua f*dida e a hifenização nem sempre é simples, muito menos linear. Lembro-me de fazer longos trabalhos em LaTeX e de, apesar de pedir com jeitinho ao sistema para me hifenizar tudo em Português, depois tinha de ler e reler e de adicionar muitas excepções.

    Mas parece que tens aí um script porreiro! Depois diz-nos como funciona!

  • 7
    com Namoroka 3.6.16pre Namoroka 3.6.16pre em Ubuntu 10.10 x64 Ubuntu 10.10 x64
    14 de Março de 2011 - 18:55 | Link permamente

    Flávio e Murilo, obrigado por me ensinarem. Não estou a ser irónico.
    Vou corrigir o texto.

    Nuno, o plugin suporta o português e até agora a hifenização tem sido correcta.

  • 8
    com Firefox 3.6.15 Firefox 3.6.15 em Windows XP Windows XP
    14 de Março de 2011 - 19:18 | Link permamente

    Maravilhoso! Prodigioso!

    Vou já testar no meu site. Espero que não me f0da os posts. É melhor testar no XAMPP primeiro.

    h.udo

  • 9
    com Firefox 3.6.13 Firefox 3.6.13 em Windows XP Windows XP
    14 de Março de 2011 - 19:45 | Link permamente

    Gostei muito da idéia. Infelizmente, tenho muitos plugins rodando atualmente, alguns com javascript, e temo afetar o desempenho do blog.

    Sendo assim, pelo menos por enquanto, terei que me contentar em alinhar à esquerda… :(

  • 10
    com Google Chrome 10.0.648.127 Google Chrome 10.0.648.127 em Windows 7 Windows 7
    14 de Março de 2011 - 20:49 | Link permamente

    Engraçado ler isto primeiro no GReader e não perceber muito bem se estavas a ser irónico ou não. Depois ver no blog o post todo direitinho… é fantástico! Excelente plugin, parabéns. Vivam os textos justificados (tb sou fã). Bora criar um meme, tipo aquele do Piaçaba :)

  • 11
    Joca Carvalho
    com Firefox 3.6.15 Firefox 3.6.15 em Windows 7 Windows 7
    14 de Março de 2011 - 20:51 | Link permamente

    Pólvora? Acabaste de te tornar no Pacheco Pereira da justificação do texto na Web. Estás para o texto justificado como Cristo para a humanidade. Obrigado por me teres salvo deste também longo dilema :P .

    Btw, tenho tido alguns problemas com o plugin do new york times aqui no Blogue. Não sei se foste tu que fizeste a alteração propositadamente ou não mas apenas consigo ver os related posts quando faço scroll até ao fim, o que se torna um pouco obsoleto.

    Abraços.

    • 12
      com Namoroka 3.6.16pre Namoroka 3.6.16pre em Ubuntu 10.10 x64 Ubuntu 10.10 x64
      15 de Março de 2011 - 11:05 | Link permamente

      Joca, acho que já resolvi isso do plugin.

  • 13
    com Firefox 3.6.13 Firefox 3.6.13 em Windows 7 Windows 7
    14 de Março de 2011 - 21:43 | Link permamente

    Para além da opção pelo texto justificado ser altamente discutível – existem estudos dos dois lados da argumentação – existe um problema bastante mais grave, que outro comentador já indicou: com 31 (!!) ficheiros JavaScript nesta página, e uma pontuação de 68 em 100 no YSlow, está aqui armado um grave problema de performance – que faz dói-dói ao SEO.

    Se queres mesmo justificar o texto, existem ferramentas que fazem o mesmo do lado do servidor, ao invés do lado do cliente – mas ignoro se existem em versão WordPress.

  • 14
    com Firefox 3.6.15 Firefox 3.6.15 em Windows 7 Windows 7
    14 de Março de 2011 - 21:43 | Link permamente

    E este? http://code.google.com/p/hyphenator/
    Não sei se são primos ou irmãos, mas fica o bitaite.
    Abraço.

    • 15
      com Firefox 3.6.15 Firefox 3.6.15 em Windows Vista Windows Vista
      14 de Março de 2011 - 23:53 | Link permamente

      Este aqui dá para usar em qualquer site e não só no wordpress, não é? Ou estou a ver mal? Thank you very nice!

      • 16
        com Firefox 3.6.15 Firefox 3.6.15 em Windows 7 Windows 7
        15 de Março de 2011 - 00:20 | Link permamente

        Creio que sim, André. Li maravilhas dele, mas confesso que nunca usei, tenho-o aqui na prateleira pra quando precisar. Se precisar… porque sou fã do left-align, eheh.
        Mas, basicamente, acho que é um script JS que declaras no código e depois atribuis uma classe ao texto que queres hifenizar. Confirma na wiki do projecto.
        Abraço.

        • 17
          com Namoroka 3.6.16pre Namoroka 3.6.16pre em Ubuntu 10.10 x64 Ubuntu 10.10 x64
          15 de Março de 2011 - 11:03 | Link permamente

          É isso mesmo, Vítor.
          Na maioria dos blogues a classe é “post” ou “entry”.

        • 18
          com Firefox 3.6.15 Firefox 3.6.15 em Windows Vista Windows Vista
          15 de Março de 2011 - 12:47 | Link permamente

          Obrigado Vitor. Irei ver com calma!

  • 19
    com Google Chrome 10.0.648.133 Google Chrome 10.0.648.133 em Windows Vista Windows Vista
    14 de Março de 2011 - 22:10 | Link permamente

    Correndo o risco de me revelar uma ignorante…

    Mas isto já não dava para fazer antes? o.O

    • 20
      com Google Chrome 10.0.648.133 Google Chrome 10.0.648.133 em Windows XP Windows XP
      14 de Março de 2011 - 22:55 | Link permamente

      Dava mas ficava mal formatado.

  • 21
    com Google Chrome 10.0.648.133 Google Chrome 10.0.648.133 em Windows Vista Windows Vista
    14 de Março de 2011 - 23:07 | Link permamente

    Nos blogs sempre ficou bem formatado, mas se calhar não estamos a falar da mesma coisa! o.O

  • 22
    com Google Chrome 10.0.648.133 Google Chrome 10.0.648.133 em Windows 7 Windows 7
    14 de Março de 2011 - 23:33 | Link permamente

    Já que estamos a falar de plugins podias dizer-me qual o plugin que utilizas no quadrado que aparece “mais coisas do blogue” se não for segredo. :)

  • 25
    com Opera 11.01 Opera 11.01 em Windows 7 Windows 7
    15 de Março de 2011 - 01:16 | Link permamente

    Nos feeds continua tudo certinho e alinhado à esquerda. Bem hajas por isso. ;)

    • 26
      com Firefox 3.6.15 Firefox 3.6.15 em Windows 7 Windows 7
      15 de Março de 2011 - 01:29 | Link permamente

      Aliás, há alguns textos, no próprio blog, que ainda continuam alinhados à esquerda (como aquele sobre a manifestação de dia 12). :mrgreen:
      Bem hajas, Marco, por isso também.

  • 27
    com Firefox 3.6.13 Firefox 3.6.13 em Windows XP Windows XP
    15 de Março de 2011 - 09:24 | Link permamente

    Obrigado Marco pela “pólvora” apresentada neste post. Desconhecia este plugin para wordpress.
    Eu também sou fã dos textos justificados.
    Venham mais destas!

  • 28
    com Firefox 3.6.15 Firefox 3.6.15 em Windows XP Windows XP
    15 de Março de 2011 - 10:43 | Link permamente

    Curiosamente, estou a ter problemas em aceder à segunda página de comentários. O link http://bitaites.org/coisas-do-blogue/acabei-de-descobrir-a-polvora/comment-page-2/#comments não funciona. Atira-me com um educado

    Firefox has detected that the server is redirecting the request for this address in a way that will never complete.

    Outras vezes, para me ajudar a limpar a vista, vou parar ao 404. :mrgreen:

    h.udo

    • 29
      com Namoroka 3.6.16pre Namoroka 3.6.16pre em Ubuntu 10.10 x64 Ubuntu 10.10 x64
      15 de Março de 2011 - 11:00 | Link permamente

      É estranho porque aqui está tudo bem.

  • 30
    com Firefox 3.6.15 Firefox 3.6.15 em Windows 7 Windows 7
    15 de Março de 2011 - 11:28 | Link permamente

    Maria João Nogueira: sei que andas volta e meia por aí…
    Portanto, arranjem uma merda destas também para o Sapo!!
    Somos todos filhos de Deus, né :lol:

  • 31
    com Google Chrome 10.0.648.134 Google Chrome 10.0.648.134 em Mac OS X 10.6.6 Mac OS X 10.6.6
    17 de Março de 2011 - 16:45 | Link permamente

    Hum, tentei instalar isto no blog do meu pai que tem o texto justificado e não faz a ponta de um corno, mesmo depois de o configurar :/