Archive for maio, 2007

Alinhamento de texto na web


À esquerda, direita ou justificado ?

Não existe um padrão estabelecido de alinhamento de textos em sites, o que vemos é que acabou por convenção o uso do texto alinhado à esquerda. Basta olharmos 3 dos principais portais da internet para perceber que este é o padrão adotado. Esta escolha não é por acaso. A seguir veremos cada opção de alinhamento que podemos escolher e analisaremos em detalhes cada uma.

Justificado

Quando definimos o parâmetro (Justify) o software em questão esforça-se ao máximo para manter o texto totalmente alinhado, considerando as margens da esquerda e da direita.No Word, Corel ou até mesmo Photoshop percebe-se que o recurso nem sempre atinge o objetivo de maneira satisfatória. Muita das vezes o espaçamento colocado entre os caracteres para conseguir tal efeito é excedido, fazendo com que a palavra fique com muito espaço entre os caracteres -
Veja os exemplos. Nos browsers não é diferente, o recurso justify ainda é muito limitado, por isso não recomenda-se o alinhamento justificado em textos na web.

Alinhado à direita

O nosso padrão de leitura é da esquerda para direita, usamos a linha da margem vertical esquerda como referência.
Ao alinhar o texto à direita a margem esquerda não mantém um padrão linear, causando um desconforto visual e dificultando a leitura a cada quebra de linha.

Centralizado

É a opção menos recomendada pelo mesmo motivo do alinhamento à direita. A ausência do padrão linear nas duas margens dificulta a leitura.

Alinhado à esquerda

Alinhando o texto à esquerda mantemos a linearidade da margem esquerda, não comprometendo o principal ponto de referência para o nosso parâmetro de leitura. O espaço entre os caracteres não é afetado e a diferença entre o termino de cada linha à direita não afeta a leitura. Portanto este é o tipo de alinhamento mais recomendado para textos na web.

Veja os exemplos.

759 Comments


Convite para o Joost

Ainda não tem o convite para o Joost? Seus problemas acabaram.
Através deste endereço é possível se auto convidar.
Não sabia que era simples assim antes do Vinicius Pinto me indicar este link.

Valeu mesmo Vinicius!

12 Comments


Joost – A TV na Internet

A internet não para de mudar o cotidiano das pessoas, entretenimento e informação em abundância, em uma velocidade absurda. É tanta informação que fica difícil escolher o que ler e definir o que fazer na hora de passar o tempo on line. Fotos no Flickr, vídeos no You Tube, música no Last FM e o mais novo serviço com foco em vídeo on line, Joost.

Dos mesmo criadores do Skype e Kazaa (Niklas Zennstrom e Janus Frii), o serviço é diferente do YouTube. Trata-se de um serviço de televisão online, apoiado no IPTV(Internet Protocol Television) e no P2PTV. Sua programação conta com Clipes de Filmes a documentários on line, transmitidos por seus diversos canais com qualidade de imagem muito superior a que vemos no youTube.
Para participar é necessário ser convidado. Quer um convite?

Economizando Banda

A grande sacada do Joost é a economia de banda na transmissão de seu conteúdo. Utilizando o P2PTV, os usuários acabam se tornando agentes essenciais na hora de transmitir os dados . O processo é parecido com o da transmissão de arquivos via Torrent, ou seja, enquanto o Joost transmite o vídeo para um determinado usuário, o mesmo transmite para outros e assim por diante. Com isso, o impacto na transmissão de dados por parte do Joost é exponencialmente reduzido.

TV jogada às traças

Com tanta oferta de conteúdo por parte destes novos serviços a TV como conhecemos está ficando obsoleta. Pesquisa feita na Europa, revela que 45% da população já assiste seus programas favoritos online. Isso revela um terreno fértil para serviços como o Joost. Caberá as TV’s retirarem o melhor deste quadro e aderir a nova onda.

7 Comments


Produção de post – Com Google Docs

Estava escrevendo outro post quando resolví salvá-lo e escrever este. Estou escrevendo no Google Docs, quem não conhece não sabe o que está perdendo.

Passei a utilizar esta ferramenta por um motivo muito simples, PRODUTIVIDADE.
É incontestável a qualidade dos serviços e ferramentas oferecidos pelo GOOGLE. Basta testarmos algumas para nos convencermos de que eles tem o verdadeiro “feeling” da Internet.

Produzindo meus posts

Todas as idéias que vou tendo eu transformo em tópicos e no começo de cada semana eu seleciono a que acho mais relevante. Feito isso começo a levantar as informações necessárias para a elaboração do artigo. Vou escrevendo tudo sem me preocupar com a coesão textual. Fragmentos de outros artigos, definições do tema, links e tudo o que tiver relação com o material que estou produzindo entra neste emaranhado de caracteres. Vou colocando tudo neste documento. Começo então a compilar as informações coletadas e começo a escrever.

Onde entra o Google Docs nisso tudo?

Este serviço permite que eu salve e compartilhe meus documentos online. Posso disponibilizar o documento para um grupo de colaboradores e verificar todas as altrações feitas por cada colaborador. além de me permitir voltar a qualquer ponto de edição. O salvamento é automático, oferecendo um grande conforto na execução do trabalho.As alterações feitas no documento ficam coloridas, dependendo do colaborador que tenha alterado. Ou ainda, se o conteúdo for elaborado só por você, são marcadas com uma cor diferente, todas as alterações feitas na última edição. A ferramenta conta ainda com o modo de edição em html.

Sem dúvida mais um ótimo serviço oferecido pelo GOOGLE.

5 Comments


Como retirar o serrilhado das imagens no Flash


Imagens serrilhadas em sua animação feita com Flash?Segue abaixo alguns procedimentos que podem lhe ajudar neste tipo de situação.

  • Verifique o parãmetro “JPEG Quality” no painel de configurações de Publicação (Publish Settings). Para acessar o painel aperte simultaneamente os botões “CTRL+SHIFT+F12″. Feito isso selecione a aba “FLASH”. ajuste o parâmetro “JPEG Quality” para 100.
  • Acesse a biblioteca do seu projeto apertando “F11″. Clique com o botão direito em cima da imagem que deseja corrigir e escolha o menu “Properties…” . Marque a opção “Allow Smoothing”.

Feito isso, o serrilhado da imagem na animação irá sumir.

Abraço a todos!

6 Comments


Centralizando verticalmente com CSS


Neste post vou abordar a centralização de um elemento verticalmente e horizontalmente utilizando css.

Para tal você deverá seguir os seguintes passos:

  • Definir o tamanho do elemento (div,imagem,swf) a ser posicionado. Neste exemplo vou utilizar uma div com o id= “elemento” e com o tamanho de 300×200 píxels.
  • No css vou definir os parâmetros para centralização na vertical e horizontal. O código ficará assim:

    #elemento{
    background: #ffff00;
    width: 300px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    }

Note que os parâmetros margin-top e margin-left correspondem a metade dos parâmetros height e width respectivamentes.

Veja aqui como ficou nosso exemplo.

4 Comments


Screenshot no firefox – Add On


Há algum tempo, sempre que me interessa, capturo a tela dos sites e guardo em formato de imagem. Sendo assim, posso disponibilizá la no flickr e ainda adicionar comentários e tudo mais para estudos posteriores. Comecei a fazer isso depois de ver a idéia sendo usada pelo Patrick Haney.

Uma extensão do firefox que pode vir a ajudar em uma hora como essa se chama Screengrab. Instalar Agora!

Com esta extensão é possível:

  • Tirar um screenshot da tela inteira
  • Tirar um screenshot da parte visível da tela
  • Selecionar a parte do site que deseja transformar em imagem

Recomendo e aprovo!

742 Comments



SetPageWidth