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.

Roubei do Michel e da Dine.

Confira todas em slide show:
http://www.flickr.com/photos/paulthewineguy/sets/72157603619920398/show/

Termo que não tem no dicionário, seria de inserir um Flash, gadget, video e etc…

Sites são adpatados, usados por um gerenciador de conteúdo (CMS) ou ferramentas de blog, é utilizado bastante o uso de EMBED.

Não é preciso ter muito conhecimento em HTML, apenas copiar e colar o código no local desejado na página.

Primeiro gadget feito no google, usei o código fonte do meu primeiro game em Flash, é tosco mas pra aprender a mexer sempre vale a pena. O link da página pra baixar esta aqui
Bem simples, veja como ficou:

To aprendendo ainda, como primeiro tá de bom tamanho

Existe alguma diferença entre gadget x widget?

Em si, os 2 são a mesma aplicação que você instala ou executa uma função que roda em sites, blogs ou em sitemas operacionais e outros dispositivos.

Como por exemplo, você copia o código de um aplicação no caso um flash, e cola no blog, como podem ver aqui:

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

A árvore genealógica das tecnologias usadas na web.
O que veio primeiro: o HTML ou o JAVA? Descubra na imagem abaixo.

Clique para ampliar, tem todas linguagens Ajax, Action Script, Atlas, Ruby on Rails, C# . Net, CSS, xHTML e Softwares de Imagem desde o Paint ao Illustrator.

Dica da Pinga PIX, sua dose diária de diversão – 27ago07

Sexta-feira passada (17/08), teve o CodeShow foi desenvolvido um sistema de publicação de livros (bem no estilo do Flickr), porém por ser um projeto bem detalhado e especifico não deu para ser concluído em 6 horas de trabalho, mas foi interessante como funciona a metodologia de trabalho (Designers e Programadores), algumas dicas e utilidades surgiram que muitas coisas podem ser feita de outras maneiras.

Uma experiência interessante, porque não foi uma palestra e nem um workshop, algo diferente mostrando um dia-a-dia de trabalho, com desenvolvimento e sugestões.

Ganhei uma camiseta por interagir mostrando um recurso de acessibilidade na plataforma Mac OS X de aumentar elementos da tela, zoom interno maximiza a tela em até 20 vezes e acompanhando automaticamente o cursor do mouse — que também pode ser redimensionado — você pode focar mais no seu trabalho e não perder tempo correndo o mouse pela barra de rolagem.

Eu assisti à construção de um projeto, como integrar as ferramentas, nas seguintes etapas:

1. Projeto.
O desenho inicial da aplicação. Ferramentas utilizadas: wireframes, quadro-branco e canetão.
2. Layout.
Ferramentas utilizadas: Adobe Illustrator. O layout já estará feito, mas o Diego aproveitará para mostrar para os Designers de plantão as facilidades do Illustrator para a criação de layouts.
3. Construção do HTML e CSS.
Escrita do código client-side, em XHTML válido e semântico, com folhas de estilo CSS, inclusive para dispositivos móveis e impressão. Ferramentas utilizadas: CODA, templates do PSE, XHTML, CSS, media types.
4. Criação do Banco de Dados.
Ferramentas utilizadas: quadro-branco e canetão, MySQL Query Browser, Subversion.
5. Desenvolvimento das camadas de modelo e controle.
Ferramentas utilizadas: Kate, gedit, Python, SQLObject, Subversion.
6. Desenvolvimento GUI HTML.
Neste ponto teremos uma aplicação completamente acessível e funcional, porém sem interação via Javascript. Ferramentas utilizadas: Kate, gedit, Python, PSE, Subversion.
7. Desenvolvimento Ajax.
Nesta etapa desenvolveremos toda a interação Javascript e Ajax da aplicação. Ferramentas utilizadas: Kate, gedit, Javascript não-obstrutivo, CSS, Ajax, JSON, Python, PSE, Subversion.
8. Publicação. (Esperando o Código-fonte)

Mais em: http://visie.com.br/codeshow/