Sites brasileiros em HTML5
Postado por: Pedro Rogério emEsse post não tem o intuito de fazer propaganda de site algum, mas sim divulgar o trabalho dos desenvolvedores brasileiros e mostrar aos usuários que hoje em dia já é possível desenvolver sites utilizando HTML5.
Pinceladas da Web: Site pessoal deste que vos fala.
Apple: Home do browser Safari.
CHR Designer: Site do Designer César Ribeiro
DS3 Comunicação: Site da agência DS3 Comunicação
Everton Melo: Site pessoal do desenvolvedor Everton Melo
Leonardo Maia: Site pessoal do designer Leonardo Maia
Tableless: Site do desenvolvedor Diego Eis.
Verso e Inverso: Internet e Comunicação.
Se você conhece mais algum site brasileiro desenvolvido em HTML5 que não esteja aqui na lista, divulgue aqui nos comentários.
Update: Abaixo mais sites que encontrei desenvolvidos em HTML5
Leonardo Moreira: Potfolio do Designer e Programador Leonardo Moreira.
Screencaster: Vídeo tutoriais sobre diversos assuntos pertinentes a web.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Quero agradecer pela divulgação do meu site. Foi uma grande experiência trabalhar com o HTML5, foi como procurar uma saída num túnel sem luz, pois temos pouca informação sobre essa evolução do HTML5. Para conseguir fazer a página em HTML5 validada foi um sufoco, porém muito prazeroso. Aos poucos irei customizando a página. O meu objetivo era a progração, agora será o design. Qualquer ajuda sobre o HTML5 estarei à disposição.
Gostei muito da iniciativa de trabalhar com novas tecnologias,
sou novo na area e me interessei muito pelo html5, se puder me ajudar com dicas e materiais sobre a tecnologia agradeço muito .. rafaelds.89@gmail.com
opa o meu tbm está em html5 pah! ^^
Eu só queria reforçar que tinha que passar um “pente fino” nesses sites que dizem estar em HTML5, pois estar em HTML5 é fácil, quero ver estar validado. Seguem os que passaram no teste de validação do W3C ( http://validator.w3.org ): Pinceladas da Web, CHR Designer, Everton Melo, Leonardo Maia e Tableless. Os que não foram aprovados: Apple e Verso e Inverso. O do Alexandre tem as tags do HTML5, mas consta como XHTML 1.0 Transitional e contém 21 erros. Espero que esclareça isso aqui no blog para valorizar o trabalho de quem conseguiu fazer com os padrões adotados pela W3C.
Ae Pedro, legal o post, tb curti mto os sites criados bem bacana, só uma dica de um humilde usuário hehe, no seu site cara, coloca os links como blank, é um saco ter q ficar clicando lá encima pra voltar pra ele.
Flw.
Youtube, nao é brasileiro mas vai ai a dica: http://www.youtube.com/html5
Opa, bacana! agora faltou o meu! todo em HTML5, Css e WordPress.
Para mim seria uma honra ter uma indicação de vocês!
Abraços
Kaleb Martins
http://kalebweb.com/blog/
Este aqui tbm é em HTML5
http://www.araraazulwebsites.com.br
Muito legal a iniciativa, eu to pouco me fudendo para o selinho de OK da w3c, pq não quer dizer nada.
O importante o site for desenvolvido em web standart
e ficar = em todos navegadores
[...] Sites brasileiros em HTML5 » CSS no Lanche. [...]
Também estou testando lá no site da TV Brasil http://www.tvbrasil.org.br/beta
Meu.. fica na sua cara. Você quer aparecer, pinta a bunda de vermelho.
–
Eu só queria reforçar que tinha que passar um “pente fino” nesses sites que dizem estar em HTML5, pois estar em HTML5 é fácil, quero ver estar validado. Seguem os que passaram no teste de validação do W3C ( http://validator.w3.org ): Pinceladas da Web, CHR Designer, Everton Melo, Leonardo Maia e Tableless. Os que não foram aprovados: Apple e Verso e Inverso. O do Alexandre tem as tags do HTML5, mas consta como XHTML 1.0 Transitional e contém 21 erros. Espero que esclareça isso aqui no blog para valorizar o trabalho de quem conseguiu fazer com os padrões adotados pela W3C.
Esse Everton é um babaca mesmo. Se for reparar, os erros não são exclusivos de HTML 5. Está querendo fazer propaganda dele, mas, derespeitando os colegas.
Legal que já tenha bastante gente experimentando o HTML 5. É uma pena o nosso grande amigo IE não dar suporte nem ao HTML 5, nem ao CSS 3.
Abraços!
Ao Thiago, só para ficar bem esclarecido.
Não houve desrespeito nenhum da minha parte. O comentário que fiz do site do Alexandre serviu como um alerta para ele e até fui agradecido.
Se for para colocar desrespeito em jogo, já começa de sua parte em usar palavras baixa contra mim. Respeito é fundamental. Se você não conseguiu fazer um site em HTML5 validado, não fica se doendo com o que eu falei. Quero apenas ajudar, ok?
Estamos aqui para compartilhar ideias e sugestões. Que fique bem claro isso.
Um abraço!
“Se você não conseguiu fazer um site em HTML5 validado, não fica se doendo com o que eu falei”
Cara, não estou me “doendo”. Não fui um dos reprovados.
Você falando assim, chega a ser engraçado, parece que só você sabe o “grande segredo”, porém, também não tenho problemas em desenvolver um site em HTML 5 validado pelo W3C.
Mas, é muita falta de ética listar nome por nome dos sites “impuros”, segundo você.
Se você dá tanta importância ao W3C ( aproveitando que você disse no seu primeiro comentário, que quer trabalhar na aparência do seu site. ), desenvolva-o usando CSS 3 (e funcione tanto nos browsers baseados em WebKit e Gecko) validado por eles.
O W3C vai indicar erros na sua folha de estilo em todo os parâmetros que você colocar para os browsers baseados nesses renderizadores.
Só porque o digníssimo senhor W3C aponta que isso está errado, basta para você? Devemos dizer amém?
Sei que há diferença entre HTML e CSS. Com HTML5, nós podemos criar um documento correto em todos os browsers e ser validado, já em CSS, não.
Mas, resumindo: Não copule! ( Viu? Estou sendo respeitável, poderia dizer “não fode!”) HTML 5 ainda está em fase experimental, se você reparar na página de validação, os mesmos pedem para reportar possíveis problemas.
O validador no momento não pode ser levado a sério. Não coloque ninguém na fogueira.
Ele é muito útil em validação de outras versões de HTML – eu costumo usá-lo com frequência. Não quero em momento algum, tirar a importância dele.
Um efusivo abraço!
A frase minha que você destacou foi apenas uma hipótese pela maneira de você partir para cima de mim.
Não é falta de ética da minha parte. Estamos aqui para ajudarmos um ao outro. Foi preciso listar os sites com erro para não usarem o código deles como referência… isso é para os que estão iniciando.
Está sentindo dor pelos outros! Se eles não gostaram, peço para entrar em contato diretamente a mim e não como anônimo. Lamento informar, você para mim é anônimo, pois “Thiago” existem milhões por aí. Passe um contato seu para a gente resolver isso melhor e não ficar por debate, pois isso é infantilidade. Já estamos fugindo do foco. O assunto aqui é HTML5!
contato@evertonmelo.com
Um abraço a todos!
Talvez, nem seja Thiago meu nome e isso não vai fazer diferença alguma no que eu escrevi aqui.
Sou um anônimo p/ você? Que trágico, vou cortar os meus pulsos!
Se contestar opiniões, para você, é sentir as dores dos outros, estou sentindo as dores por eles.
Passando um contato (suponho um e-mail) vou deixar de ser um anônimo(legal!!!)?
P/ gente resolver melhor o que?
Acho engraçado vocês discutindo, quase se agredindo, se o site é válido ou não, sendo que estes foram feitos com uma linguaguem que nem ao menos virou recomendação ainda.
Acho super bacana utilizarmos algumas coisas do HTML 5, as tags semânticas principalmente, mas vamos com calma. Concordo com o rapaz que disse que não dá pra levar um validor a sério, quando a linguagem nem ao menos virou recomendação.
Algumas tags criadas para o HTML 5, já até foram abandonadas antes de virar recomendação.
Inclusive, algumas tags até mudaram a sua definição semântica em menos de 4 meses de existência.
Quem quiser seguir a definição do W3C é só seguir o link:
http://www.w3.org/TR/2008/WD-html5-diff-20080122/#new-elements
Vi muito desenvolvedor dando uma definição diferente do W3C para as tags. Claro, que elas podem ter mudado, como já aconteceu. Mas é sempre bom estar atento ao site do W3C.
Enfim, achei uma grosseiria dizerem que os sites que não foram aprovados pelo validador não deveriam servir de exemplo.
Bem, de qualquer forma, acho que devemos sim usar o HTML 5 e parabéns para as pessoas que fizeram a coisa funcionar.
E vou SIM, usar os sites indicados como referência.
Um grande abraço a todos.
Fala, Marcos, blz?
Acho que você foi “um pouco” mais objetivo do que eu rsrsrs. Disse tudo o que queria ter dito no meu primeiro post.
Também não achei legal esse negócio de dizer quem foi ou não aprovado pelo validador, por isso resolvi falar.
Abraço!
É um mal educado e babaca mesmo!
Por onde começar o html5???
agradeço a ajuda de todos e se me puder mandar via email agradeço
betinho.pwa@gmail.com
Legal os novos sites em html 5
PS: Everton vc foi infeliz em seu comentario , humildade e tudo !!!
Meu site estreou a pouco tempo, e foi, pela primeira vez, desenvolvido seguindo os preceitos do HTML5. É bem mais rápido do que a versão em HTML 4.
Olá pessoal, gostaria de agradecer por incluir meu site na lista (screencaster.com.br), e pedir se possível que atualizem o screenshot pois recentemente alterei o seu layout.
Um abraço!
Eae Pedro, tudo bem?
O site da minha agência foi feito em HTML 5 + Css 3
Caso ache interessante e queira incluir na lista ..
o site é http://www.sbdois.com.br
twitter.com/sbdois tb
Por hora é isso!
Obrigado! Até mais!
Olá, tudo bem?
Montei recentemente o seguinte site: http://www.thesaladbar.com.br
Utilizei algumas tags do HTML5, fiz rodar inclusive no IE6 (o cliente pediu).
Se achar interessante, inclua na lista
Abraço.
Olá Pedro!
Gostei muito da sua iniciativa sobre os sites de exemplo, e gostaria de saber se você indica algum livro/apostila/site que explique bem como utilizar o HTML5 e o CSS3…
Principalmente agora com o advento do iPad (que parece priorizar o uso deles), uma boa adequação dos sites se faz imprescindível.
Obrigado!
Rafael,
Indicação de livros é meio complicado, pois como a especificação ainda está em desenvolvimento podem ocorrer alterações na mesma. Mas vou deixar aqui 2 links para você dar uma olhada:
HTML5: http://search.twitter.com/search?q=%23html5
CSS3: http://creativefan.com/the-ultimate-css3-toolbox-50-resources-tutorials-and-articles/
Um site que achei muito bom foi o http://slides.html5rocks.com/#slide1
Vale à pena dá uma olhada.
Um abraço!
Sei que esta galeria está parada faz tempo, sem atualização alguma. Porém, aí vai o meu novo blog: http://www.luiscardoso.com.br/
Ficou muito bom!