Archive for the ‘reference’ Category

Landing page art

Posted on December 27th, 2008 by fspina

Landing page

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

Mobile Web Best Practices 1.0

Posted on September 7th, 2008 by fspina

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

Mobile Web Best Practices (MWBP) Flipcards

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

favicon game

Posted on September 4th, 2008 by fspina

Já tinha visto em 2005 o menor site do mundo, agora vejo no Game Reporter o menor game do mundo e o mais incrível que ele funciona no favicon do browser.

favicon game

Favicon game

10 erros comuns da acessibilidade na web

Posted on August 22nd, 2008 by fspina

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

Cool Icons

Posted on July 9th, 2008 by fspina

Tenho uma série de icones legais em meu del.icio.us e vou tentar compartilhar alguns links e referências nesse post.

Para customização e organizações de icones utiliza o CandyBar CandyBar desenvolvido pela Panic. (somente para usuários da plataforma Macintosh)

Bacana que eles tem uma página de extras que mostram sites que copiaram seus icones, vale a pena conferir.

Conheça as Produtoras de icones:

Read the rest of this entry »

Antigos games com fundos reais

Posted on June 27th, 2008 by fspina

Que mané 3D que nada… Aqueles “Old School” Games 8bits em 2D lembra né? Com um cenário de fundo usado imagens reais de paisagens, fotografias e retratos ( se esses 3 itens não for a mesma coisa ).

Se liga nesse post da Fubiz um blog francês que é uma dose diária de inspiração.

Retro Gaming on real backgrounds

Update: Vi agora no Abduzeedo que tem essas imagens em alta resolução no DeviantART do RETROnoob

Aplicativos em redes sociais

Posted on June 26th, 2008 by fspina

Demorou mas não demorou muito para virar febre no Brasil os aplicativos do Facebook, existem vários que abrange interagir com seu amigos numa espécie de jogo entretenimento. Particularmente só tenho instalado no meu Facebook as App de Social Media para fazer MashUp de outras ferramentas que utilizo, acho que a página cheia de app deixam lerdo o carregamento da página.

A nova onda agora é um “app” onde você pode comprar seus amigos o “Friends For Sale” , onde você compra seu amigo e ele será seu PET e terá um nickname que você pode criar, gerando uma competição de quem compra quem. O negócio viralizou rápido com várias mensagens no Twitter. Vi também no Sim, Viral e no Just Play post sobre o assunto. UPDATE: no Blog do Yassuda também.

Eu já tinha dito que as agências estão de olhos nesse novo mercado, vai bombar, já tá bombando…

Pixel art

Posted on June 23rd, 2008 by fspina

Acabei de ver na Smashing Magazine sobre Pixel Art, algo que curto bastante mesmo apesar de não saber fazer direito fiz algumas artes e até ganhei um prêmio sobre isso.

Minha inspiração e meu gosto por isso veio dos games 2D, que no qual jogava muito na infância e ainda acho super legal a forma de pontinhos (pixels) juntos formando desenhos, elementos, personagens, objetos e cenários.

Quantos games você na imagem?

Quantos games você nesta imagem acima?

Varios Fliperamas

Várias máquinas de fliperama old school games

Confira mais inspirações e referências no post da SM

Recomendo

Posted on April 28th, 2008 by fspina

O MAQ (do site Bengaja Legal) lançou seu site sobre Acessibilidade digital, com dicas e artigos interessantes!

Confira: http://acessibilidadelegal.com

Novo conceito de programa musical

Posted on April 1st, 2008 by fspina

Acesso direto da Nota

Um pioneiro tecnologia que torna possível o impossível: editar individual dentro notas e acordes polifónicos material áudio! Sim, áudio, não MIDI. Os fabricantes de Melodyne que fizeram: www.celemony.com