Problemas com quebra de linha em CSS

Mais um post de dica rápida, mas bem valiosa – pelo menos pra mim foi BASTANTE!!

Quem nunca teve problemas com quebra de linha? Colocamos um texto mais longo dentro de uma DIV ou de um P e o comportamento que esperamos é do texto sendo quebrado quando está para sair da caixa do elemento pai. Contudo, alguma vezes o texto sai da caixa como na imagem abaixo.

Texto sem quebra
Texto sem quebra

Quebrei a cabeça pra descobrir que quando um texto tem no lugar de espaços em branco normais o nosso “amigo”   – que expressa um espaço em branco em caracteres especiais do HTML – ele considera que o texto é uma “palavra” só, toda amarrada com o  . Por isso ele escapa da caixa e fica com esse comportamento horrível! Levei 4h para descobrir isso, gastas entre pesquisas no Google e tentativa e erro tirando algumas partes do código.

Então, se retirar os   de seu texto e deixar espaços em branco normais, o texto se quebra normalmente!

texto-com-quebra
Texto com quebra

CSS for Developers and Out of the Box!!

Estive ontem – 01/10/2012, segunda-feira – no #horaextra Salvador. Mais uma vez uma boa dose de conversas sobre TI, discussões sobre testes, TDD, BDD, agilidade, #startupdojoba, etc. São boas horas de engradecimento pessoal e profissional.

Durante as conversas surgiu aquele papo de que ninguém gosta de CSS. Cada vez mais descubro que estou sozinho! Funcionalidades de um site, portal, sistema fazem diferença, mas, cada vez mais, vejo que um bom design e usabilidade bem trabalhada prende as pessoas no site. São dois vetores que, quanto maior a influência, mais usuários. Funcionalidade… BOM!! Site bonito… BOOOM!!!! Usabilidade 10… MUUUUUITO BOOOOOOOM!!!!!!! Continue lendo “CSS for Developers and Out of the Box!!”

Expresso 3 – XMPP, ExtJS, jQuery e Strophe!

Já que estou me reabituando a escrever posts, vim escrever um pouquinho sobre meu projeto no qual estou trabalhando hoje, o Expresso 3. Sempre escrevemos melhor sobre algo que entendemos!! Estou nele desde meados de 2011 e estou terminando o módulo de Instant Messenger (IM) dele.

O Expresso 3 é baseado no Tine 2.0 – groupware baseado no Zend Framework e no ExtJS 3.x. Para o IM, usamos um servidor de XMPP, o ejabberd, para troca de mensagens, e uma biblioteca baseada em Javascript e jQuery para se comunicar com o servidor XMPP chamada Strophe. Essa combinação para o IM se mostrou bem eficiente e interessante, pois aprendi tecnologias novas como o protocolo XMPP e o framework javascript ExtJS, trabalhei mais a fundo com jQuery e aprimorei meus conhecimentos em javascript e CSS – principalmente no que concerne a seletores.

Continue lendo “Expresso 3 – XMPP, ExtJS, jQuery e Strophe!”