Nova versão do meu site totalmente em inglês, usando aquele meu tradicional estilo de:

• layout fixo;
• escala de cores ao tom de preto, branco, azul, cinza;
• clean & simple;
• uma única página e apenas usando âncoras;
• easter eggs;

Foi usado Adobe Photoshop & Panic Coda. Check now: http://www.fspina.com (or www.fspina.com.br)

Algumas screen shots do projeto:

Um resumo em apenas uma simples página sem firulas mostrando rápido e fácil meus últimos trabalhos feitos até esse momento na Australia.

or foot lading page.

In online marketing a landing page, sometimes known as a lead capture page, is the page that appears when a potential customer clicks on an advertisement or a search-engine result link. The page will usually display content that is a logical extension of the advertisement or link, and that is optimized to feature specific keywords or phrases for indexing by search engines.

An eye-tracking Heatmap showing where a subject’s eyes alight on a landing page under test.

source by: Wikipedia

Como já estou morando há mais de dois meses aqui em Sydney, nada justo como redesenhar meu portfólio para a linguagem nativa do país onde estou vivendo. Isso tudo para a tentativa de novos trabalhos na minha área por aqui.

www.fspina.com (ou www.fspina.com.br dá no mesmo lugar)

Dê uma olhada e deixe seu comentário com o feedback.

Only the good stuff foi um case feito por estudantes, que usaram o produto Doritos em uma campanha de estudo. Onde você entra no site e ele instala um aplicativo em seu browser, nisso você navega em outros sites ele identifica as propagandas dos sites e substitui por fotos ou outras coisas que você pode escolher.

Novo documento oferecido pelo W3C sobre melhores práticas de desenvolvimento de website para plataforma móvel.

Mobile Web Best Practices (MWBP) Flipcards

10 maneiras de mobilizar seu site.

1. Design para Web 1
2. padronizar o uso de Web standards
3. Ficar longe para conhecer o perigo
4. Esteja atento das limitações do dispositivo
5. Otimize a navegação
6. Checar os gráficos e cores
7. Mantenha ele pequeno
8. Usar a rede moderadamente
9. Ajuda e guia para usuário
10. Pensar nos usuários utilizando

Tentei traduzir saiu mais ou menos isso, meu inglês anda meio fraco ainda.
Vi esse documento no blog do Daniel Camargo

Acabei de ver um post do Ivo Gomes, sobre os 10 principais erros na acessibilidade web:

1. Usar frases grandes no texto ALT das imagens

2. Usar caracteres aleatórios para separar os links

3. Inserir texto nos campos vazios dos formulários

4. Usar teclas de atalho

5. Usar resumos nas tabelas (só são importantes se adicionarem valor à tabela)

6. Esquecer os conteúdos

7. Preocupar-se com grandes declarações sobre a acessibilidade

8. Agonizar com os acrônimos e abreviações

9. Alterar a ordem das tabulações (a não ser que haja uma boa razão para isso)

10. Esquecer-se de ouvir o site num leitor de tela

Veja com mais detalhes cada um dos itens no blog dele

No meu clima de mudança pra Sydney (Australia), criei um novo background para a Home da CloseUp, inspirado em clima de praia, mar, sol, alegria, curvas, ondas e sonhos.

Para visualizar clique na minha imagem que aparece na home, se quiser visualiza-lo inteiro veja aqui.

No site de desenvolvedores do iphone, tem vários guias e tutoriais interessante.

O iPhone Dev Center é a sua única fonte de informação para a concepção, codificação e otimização de aplicações web para iPhone e o iPod touch.

Guias de desenvolvimento Web

Aprender as técnicas mais recentes sobre navegador móveis, experiência do usuário com base na concepção, e garantir os usuários da sua aplicação web e uma melhor experiência no iPhone.

iPhone Técnicas de video

Vendo o iPhone, engenheiros da recente iPhone Tech Talks discutem tudo de interface do usuário desenho para otimizar suas aplicações web e de conteúdo para iPhone.

• Introdução: iPhone Desenvolvimento
• iPhone User Interface Design (interface para usuário)
• Gerenciamento de Conteúdo e Sincronização de Dados para o iPhone
• Safari no iPhone Parte I: Compatibilidade
• Safari no iPhone Parte II: Otimização
• Safari no iPhone: Parte III: iPhone Aplicações
• Fazendo Web Design e conteúdo para iPhone

Código de exemplo

Escolha a partir de uma série de projetos que fornecem Código de Exemplo, desenvolvimento e técnicas de design de interface interativa e normas com base na concepção sobre iPhone.

• iPhoneButton
• iPhoneListPatterns
• iSudoku
• makeiPhoneRef Movie
• Puzzler

Biblioteca de referência para o iPhone

O navegador com Biblioteca de referência para o iPhone tem todas as documentação técnica e guias sobre desenvolvimento e otimizando Web 2,0 aplicações e conteúdos para iPhone.

• Começando com iPhone
• Exportando Filmes para iPod, a Apple TV e iPhone
• Javascript códigos de orientações para Mac OS X
• Safari CSS referência
• Safari HTML referência
• Safari notas para iPhone (1.1.1)
• WebKit DOM programação tópicos
• iPhone Human Interface Guidelines (Guia de interface humana)
• Safari Web Conteúdo Guia do iPhone
• Preparar conteúdo para Safari 3 e WebKit
• WebKit DOM Referência

  Site totalmente fora de todos os padrões, além de ser pesado só o HTML tem 3,64 MB.

Poluição visual é apelido. Acesse: http://havenworks.com/

Dica da minha pinga pix diária