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.

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

Encontrei uma solução para navegar sem precisar carregar determinados elementos das páginas como CSS, Javascript e outros. No qual demorava muito para abrir ou o browser não suportava.

Usando o PSP aqui, alguns sites são incompatíveis e na maioria das vezes não abrem.

Meu amigo Sergio, me mostrou uma solução para isso usando Mowser

É uma ferramenta que você digita o endereço do site e gera apenas o HTML e as Imagens da página.

Isso facilita para quem quer somente o conteúdo, se não for em Flash ou qualquer Applet, é claro.

Hoje é o CSS NAKED DAY, sim você verá uma lista de sites “pelados” nesse dia!
Isso, é somente o código HTML e tirar o CSS da página. O meu site ficou pelado: http://fspina.com.br/
Confira a lista com uma porção de sites pelados:
http://naked.dustindiaz.com/

1. Define uma única linguagem chamada HTML 5, que pode ser gravada em um “customizável” HTML sintaxe e na sintaxe XML.
2. Define detalhadamente a transformação de modelos para fomentar interoperáveis implementações.
3. Melhora a marcação para documentos.
4. Introduz marcação e APIs para emergentes gírias, como aplicações Web.

Saiba mais aqui: http://www.w3.org/TR/html5-diff/

Sempre procuro em desenvolver websites e formulários acessíveis nos padrões W3C (WAI).
Mantenho referência desses sites:

• http://www.maujor.com/tutorial/formac-a.php
• http://www.maujor.com/tutorial/formac-b.php
• http://www.ivogomes.com/blog/criar-formulrios-acessveis/
• http://cirofeitosa.com.br/post/formularios-acessiveis

Procure utilizar sempre as propriedade Tabindex e Title e as tags Fieldset e Label.

Já falei do Coda uma vez aqui e vai eu de novo com a mesma opinião de ser o melhor editor de HTML. 

Tem uma biblioteca de referência, com 4 livros dentro dele (HTML, CSS, JavaScript e PHP).

Tem o desenvolvimento local e no servidor hospedado, podendo editar já na web apenas salvando o próprio programa faz o FTP.
A lista de sites que você edita, aparece com thumbnail a screenshot do próprio site, para fazer isso apenas definir nas propriedades do FTP da onde vem a imagem.

Na edição de CSS, tem um painel para selecionar as propriedades nas quais precisa, em modo que parece preencher um formulário para setar as mesmas.

O Coda ainda é só para usuários da plataforma Macintosh e só é FREE por 30 dias.

53

Quantos elementos HTML você consegue escreve em 5 minutos?

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

Tutoriais de conteúdo e estrutura

1. Como legendar imagens de uma página web.
2. Marcar a estrutura de uma tabela de dados.

Tutoriais sobre CSS

1. CSS em Acção: Conteúdo Invisível apenas para Utilizadores de Leitores de Ecrã.

Tutoriais sobre Formulários

1. Criar formulários acessíveis.

Tutoriais sobre Web Semântica

1. Criar Uma Estrutura Semântica.

Tutoriais sobre JavaScript

1. Criação de JavaScript Acessível.

Mais em: http://www.acesso.umic.pt/tutor/index.htm