Notícias
O que é novidade no mercado, você confere aqui.
Curso de HTML 5 no W3C Brasil
É com enorme satisfação que lhes digo que eu, Sergio Nascimento, fui um dos selecionados para fazer o Curso de HTML5 do W3C Brasil, que aconteceu na sede
do CGI.br/NIC.br nos dias 21, 22 e 23 de Setembro de 2010, ministrado pelo
pessoal da Visie/Tableless, (Diego Eis e Elcio).
Tecnicamente foi o melhor curso que já participei, porque todos falavam a mesma língua e só tinha feras em desenvolvimento web.
No 1º dia rolou uma apresentação sobre o que é o HTML5, suas tags, novos
formatos etc... Basicamente o HTML5 veio para mudar nossa forma de escrever semântica com menos código.
Um estudo detalhado feito pelo W3C apontou o nome de classes e id's que eram mais usados, como header, nav, footer, content, hgroup e decidiu criar as tags para melhor aplicação da semântica.
Uma mudança perceptível logo de cara é como se escreve o doctype no desenvolvimento de sites, simplesmente "<DOCTYPE html>", que é muito mais fácil de decorar. Também é importante definir o idioma <html lang="pt-br"> e o charset, que passou a ser escrito assim <meta charset="UTF-8"> . Ah... <frame>, <frameset> e <noframes> foram descontinuadas por falta de acessibilidade \m/ e ISO-8859-1 é para os fracos, ok? Use UTF-8, por favor!
Dica: O IE 6 infelizmente ainda existe, mas não é por causa dele que você não usará a nova forma de escrever html.
Para que ele entenda HTML5, basta criar os elementos via dom (sem trocadilhos, por favor, hehe).
Assim: document.createElement("nomedatag");
No segundo dia, tivemos várias dicas de CSS3 como animações com <canvas> e <svg>, bordas arredondadas, sombras em textos, posicionamento de elementos, tipo o menu em diagonal que fizemos para o site do SearchCast, mas nem todos os browsers reinderizam esses efeitos, mas estão aí para serem usados, abuse, experimente!
Em formulários, novos tipos de campos que já podemos usar sem medo, como <input type="email"> , "search" , "tel", "url"...
No Opera ele possui uma validação nativa destes campos. Se o navegador não entender, ele retornará type="text".
No último dia, muito javascript (DOM, Jquery, Prototype), elementos novos (campos de calendário, campos editáveis, campos de busca que só funcionam experimentalmente no Opera e Safari, mas foi bom conhecer), Acessibilidade e Microformats, que já está sendo usado pelo Google para criar os sitelinks, seguindo a estrutura dos Breadcrumbs.
Além de aprender muito, o networking foi sensacional...
Conheci caras como Horácio Soares (mago em acessibilidade
na web - @horaciosoares), Pedro Rogério, mais conhecido como @pinceladasdaweb, Guilherme Serrano (@gserrano do site www.andafter.org) e tantos outros, que são referência pra mim.
Infraestrutura, Organização e o melhor Coffee Break que já se teve notícia, estão de parabéns!
Concluindo:
Juntando um código bem montado com HTML5 seguindo uma semântica nos padrões, conteúdo relevante para ajudar o serviço de SEO e um design agradável, o resultado final é o cliente satisfeito, com um site agradável no visual, bem posicionado nas search engines e acessível para a maioria dos dispositivos disponíveis no mercado.
Para saber o que rolou no Curso de HTML5 do W3C, acompanhe a hashtag #cursow3c no twitter e para referências, acesse: http://www.w3c.br/cursos/html5/banco.htm.
E como diria um sábio profeta de costeletas:
“A little less conversation, a little more action, please”
Viva Elvis, HTML5 Rules.
Sergio Nascimento
@elvisdetona