Um dos meus últimos trabalhos como web designer foi realmente desafiador: um site voltado ao público de moda. Basta uma rápida pesquisa no Google para descobrir que a tecnologia da Adobe domina este nicho do mercado. Música de fundo, carregadores animados, imagens que aparecem do nada, menus que dançam... enfim. Este cliente em particular não fez exigências tecnológicas e acredito que nem se apegue à elas, nem mesmo as conheça. Simplesmente queria um site bonito e animado. Depois de cogitar a compra de ferramentas para desenvolver em flash, resolvi ir a luta e encarar de frente o futuro. Graças aos deuses da web a Apple está do nosso lado e nos dá um aval bastante forte à nossa escolha, pois o IPad, por exemplo, não suporta flash de fábrica. Desenvolver um site animado com javascript e html não é tão complicado. Temos ferramentas ótimas que facilitam muito o trabalho, como o JQuery. O maior problema, na minha opinião, é a compatibilidade entre os navegadores. Aliás, entre os navegadores decentes e o Internet Explorer. Eu tive que abandonar a idéia de fundos transparentes pois versões antigas do IE (e ainda muito utilizadas) não suportam PNG transparente decentemente. Entre os demais, tudo funciona bem. A rotina era: desenvolver com Chrome e testar no IE e cortar o que não funciona. Desenvolvo no Chrome porque ele oferece ótimas ferramentas de debugging nativas. No final acabei com um conjunto de idéias bem interessantes e que não prejudicaram o resultado final. E, principalmente, o cliente adorou. O JQuery foi o pilar do projeto. Utilizei vários plugins para dar vida ao conteúdo do site. Para a música de fundo, utilizei o ótimo plugin JPlayer, que suporta tocar tanto via tag <audio> quanto via flash, e escolhe o melhor automaticamente, dependendo da configuração do visitante. A página de carregamento, muito semelhante ao que vemos em sites em flash, foi conseguida com a ajuda do plugin queryLoader. Ele vasculha as imagens do site e as carrega automaticamente logo no início, chamando um callback após tudo ser carregado. Para o mostruário da coleção, usei o plugin SmoothDivScroll, que suporta navegação com o scroll do mouse. Excelente! Vale mencionar também o excelente plugin (apesar de extremamente simples) HashChange, do Ben Alman. Com ele consigo links para pontos específicos do site, mesmo ele inteiro sendo apenas uma página html. Assim eu consigo, por exemplo, passar para alguém um link direto para o mostruário da coleção. Este comportamento também habilita a utilização dos botões de navegação dos navegadores. E, claro, tudo isso grudado um no outro por várias linhas de código javascript. Essa, pra mim, é a parte mais divertida. O resultado desta experiência foi gratificante. Um site dessa natureza escrito sem flash é raridade e precisa ser divulgado para que mais desenvolvedores decidam fazer o mesmo. Mesmo pequena, esta é a minha contribuição. Você pode ver o projeto em www.gabriellabraga.com.br.  Abraço a todos e até a próxima. Por: Paulo Brito