A evolução do formato PNG é o APNG (Animated PNG). Com este projeto open-source é possível animar imagens que até então só eram possíveis em formato GIF ou usando o Flash.
Para executar os exemplos é necessário ter o Firefox 3.5, Opera 9.5 e outros navegadores menos usados. Talvez seja o seu principal problema.
Quando você está em outro navegador, ele simplesmente mostra a imagem estática, porém carrega as variações da imagem inicial. Outro problema é que tamanho fica muito grande, dependendo da animação.
Para quem não sabe, frame é a borda do navegador, incluindo botões, rolagem e barra de status só que sem o conteúdo. O conteúdo você é que vai personalizar. As imagens estão em formato PSD (Photoshop) e você encontra em 1024×768 e 800×600.
Pode ser bastante útil para você colocar no seu portfólio para dar a impressão aos seus trabalhos de como eles estivessem no navegador emoldurados.
Com perdão do trocadilho, a realidade aumentada já virou realidade, graças a integração do Flash com classes de manipulação 3D e acesso a webcam.
Em uma apresentação do TED, Chris Hughes, um dos criadores da tecnologia que analisa a imagem e projeta a arte em 3D mostra como a tecnologia pode funcionar em um simples papel sulfite e também como projetar um elemento 3D conforme o posicionamento do objeto. O projeto usa as classes do Papervision3D e FLARToolkit.
O site Check My Colours é fundamental para quem quer manter o site com um ótimo nível de acessibilidade, coisa que ainda precisa melhorar muito nos sites. Com este simples serviço você consegue um relatório detalhado de cores que podem causar problemas para os usuários em situações adversas, que normalmente não sabemos e também não tinhamos como prever.
Basta colocar o endereço do seu site e aguardar alguns segundos para que o sistema possa realizar o teste. Os resultados são detalhados e mostram exatamente onde estão os problemas para serem corrigidos no CSS e HTML.
A Adobe, apostando mais uma vez na web, lançou o Browser Lab que permite que você veja um site em tempo real em vários navegadores ao mesmo tempo, os principais pelo menos. O objetivo do Browser Lab é minimizar o tempo gasto com testes em vários navegadores diferentes.
No Windows XP: Internet Explorer 6, Internet Explorer 7, Firefox 2 e Firefox 3. Já no MAC OS X: Safari 3, Firefox 2 e Firefox 3. O serviço é online e gratuito, basta fazer um cadastro no mesmo endereço da aplicação.
Em pouco tempo a ferramenta também deve ser integrada ao Dreamweaver.
A próxima geração da principal linguagem da web já está dando as caras, com exemplos que mostram que a próxima geração dos sites serão muito mais acessíveis, animados e bonitos graças ao HTML 5. Este exemplo do HTML 5 é sensacional. Parece, a primeira vista que foi feito com o Flash ou Silverlight mas é puro HTML.
Uma vantagem é que o HTML é uma linguagem livre, e você pode ver como foi feito este exemplo através do código fonte.
Lembrando que você precisa ter o Safari 4, Firefox 3.5 ou Opera 10 para executá-lo de forma correta.
O título deste post pode parecer um pouco estranho, mas é isso mesmo que você leu. O pessoal da agência BooneOakley criou o site com todo conteúdo feito dentro de um vídeo do YouTube, uma idéia simplesmente genial. Inclusive é o primeiro site que faz isso na internet.
Se você entrar no endereço do site ele é automaticamente redirecionado para o YouTube. Cada área do site também é encaminhado para um vídeo respectivo. Confira, então o site da BooneOakley.
Como nessa própria apresentação é falado os formulários é a principal forma de comunicação entre os sites e o usuário. São neles que fazemos cadastros, pedidos de compras, comentários em blogs e por isso é fundamental que o usuário se sinta bem o preenchendo, mesmo sendo uma tarefa chata e repetitiva.
O sucesso de um serviço online começa em uma boa usabilidade dos formulários, ou então o usuário fica sem paciência e simplesmente desiste. Acho que todo mundo já fez isso, pelo menos uma vez.
Essa apresentação criada pelo Português Pedro Custódio explica muito bem como você pode criar formulários mais objetivos para o seu projeto.