Archive for the ‘webdesign’ 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

Brand new website

Posted on October 26th, 2008 by fspina

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.

Brand New website

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

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

E agora como fica a propaganda online?

Posted on October 18th, 2008 by fspina

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.

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

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

Novo fundo para a Home da CloseUp

Posted on August 10th, 2008 by fspina

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.

New background CloseUp Home

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

Desenvolvimento no iPhone

Posted on November 1st, 2007 by fspina

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.

Works With iPhone

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.

iTunes

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

Sample Code

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

Reference Library

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 Poluído

Posted on October 30th, 2007 by fspina

Site poluido  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

New Design

Posted on October 3rd, 2007 by fspina

Novo design (redesign) do meu site fspina.com.br mais simples e mais acessível.

Confira: www.fspina.com.br

Como construir sites visualmente impressionantes com CSS

Posted on September 10th, 2007 by fspina

Divulgando a apresentação da Paula Mariano na palestra “Como construir sites visualmente impressionantes com CSS” no Evento Microsoft Remix 07.

Vale a pena dar uma conferida, mostra a funcionalidade do CSS para apresentação multi plataforma e fazer o estilo a partir do HTML semântico.
Também, relata os benefícios para otimização de código, carregamento do site mais rápido, acessibilidade e conteúdo em site de buscas (SEO).

Para visualizar a apresentação (ppt), clique abaixo:
http://download.microsoft.com/…/
ComoconstruirsitesvisualmenteimpressionantescomCSS-PaulaMariano.ppt