Silverback app

Por esta altura já todos devem conhecer, por terem visitado ou ouvido falar, da “aplicação mistério” que a Clearleft está a desenvolver, a Silverback app.

Como da aplicação apenas se sabe que é destinada a web designers, resta-nos apreciar o efeito conseguido no site, com a sensação de profundidade transmitida. O efeito é ainda mais surpreendente se redimensionarem a janela do vosso browser lentamente e repararem nas folhas que se movem, separadamente.

O efeito, chamado parallax scrolling pode ser também apreciado no blog do podcast The Rissington Podcast, criado por John Oxton e Jon Hicks. Vão até ao final da página, redimensionem a janela do browser e observem o Spitfire.

Se quiserem saber como reproduzir o efeito, o designer Paul Annett explica o processo de criação no artigo How to recreate Silverback’s Parallax.

Logo no início do artigo o autor esclarece que o efeito não será visualizado por quem utilizar o Internet Explorer 6.0. Segundo ele, o trabalho para reproduzir o efeito com alguma fidelidade seria demasiado, tendo optado por apresentar a estes utilizadores uma versão mais simples do site.

O gorila presente no site foi criado pelo acima referido Jon Hicks, que explica o processo no post Recent Work: Silverback.

Visitem o site, leiam o artigo, vale a pena, pela forma criativa com que são utilizadas as CSS e as imagens.

Silverback app

Por esta altura já todos devem conhecer, por terem visitado ou ouvido falar, da “aplicação mistério” que a Clearleft está a desenvolver, a Silverback app.

Como da aplicação apenas se sabe que é destinada a web designers, resta-nos apreciar o efeito conseguido no site, com a sensação de profundidade transmitida. O efeito é ainda mais surpreendente se redimensionarem a janela do vosso browser lentamente e repararem nas folhas que se movem, separadamente.

O efeito, chamado parallax scrolling pode ser também apreciado no blog do podcast The Rissington Podcast, criado por John Oxton e Jon Hicks. Vão até ao final da página, redimensionem a janela do browser e observem o Spitfire.

Se quiserem saber como reproduzir o efeito, o designer Paul Annett explica o processo de criação no artigo How to recreate Silverback’s Parallax.

Logo no início do artigo o autor esclarece que o efeito não será visualizado por quem utilizar o Internet Explorer 6.0. Segundo ele, o trabalho para reproduzir o efeito com alguma fidelidade seria demasiado, tendo optado por apresentar a estes utilizadores uma versão mais simples do site.

O gorila presente no site foi criado pelo acima referido Jon Hicks, que explica o processo no post Recent Work: Silverback.

Visitem o site, leiam o artigo, vale a pena, pela forma criativa com que são utilizadas as CSS e as imagens.

Findings From the Web Design Survey

Falei em Abril no The Web Design Survey 2007 realizada pela A List Apart, que é, como o nome indica, uma sondagem que pretende quantificar alguns dados (onde vivem, o que fazem, quanto ganham, localização geográfica, habilitações entre muitos outros) sobre as profissões de cariz tecnológico.

Os resultados foram hoje, divulgados e estão disponíveis para download em Findings From the Web Design Survey.

Havia 3 prémios para distribuir pelos inquiridos, um iPod, uma entrada para a conferência An Event Apart e uma t-shirt A List Apart. Tive azar!

A Beleza das Letras

Grande. Pequena. Mais clara ou mais escura. A tipografia é um dos factor determinante para a qualidade de qualquer site. Tão importante como as próprias cores do site, desempenha um papel fundamental na imagem que se pretende transmitir. O tipo de letra, as suas propriedades, o espaçamento entre caracteres, a altura das linhas, as margens, são elementos de vital importância para a experiência final do utilizador.

Para todos os que gostam da beleza simples de pequenos aspectos e especialmente para os que gostam de tipografia e de tipos de letra, deixo alguns links:

The Elements of Typographic Style Applied to the Web

Um guia prático da tipografia na web.

Compose to a Vertical Rhythm, por Richard Rutter

Neste artigo, Richard Rutter, consultor da Clearleft, demonstra como calcular o tamanho da letra, a altura da linha e a margem ou padding, pode melhorar e tornar mais apelativa a leitura de um site.

A List Apart: Topics: Design: Typography

Artigos sobre tipografia na A List Apart Magazine, revista sobre design, desenvolvimento e conteúdo web, com especial foco nos standards boas práticas para a web.

The Serif

Como o próprio título do site indica, uma fonte de inspiração. Não apenas relacionado com tipografia, mas com excelentes exemplos da mesma.

Flickr: Search

Pesquisa no Flickr pela palavra “typography”. Muitas fotos sobre o tema, actualizadas com grande frequência.

i love typography

Um site que o autor descreve como pretendendo trazer a tipografia às massas, desenhado para inspirar os leitores e tornar as pessoas mais atentas à tipografia que as rodeia. Um dos melhores exemplos do valor que a beleza das letras pode trazer a um site.

jQuery Ui Ui

Se era boa, ficou ainda melhor.
Falo é claro da jQuery, uma biblioteca javascript multi-facetada que ganhou agora uma UI que lhe permite adiccionar novas funcionalidades, ou facilitar algumas já existentes.

O melhor é ver, vale a pena, aqui jQuery UI: Widgets, Components, and Interactions.