Experimento HTML5 + CSS3 Fase 2
Postado por: Pedro Rogério emÉ com grande prazer que venho anunciar, como vocês mesmos podem ver, que alterei o layout aqui do blog. Mas essa versão é especial pois foi desenvolvida em HTML5 e CSS3. Como em casa de ferreiro o espeto é de pau eu nunca havia desenvolvido o meu próprio layout para esse blog, sempre utilizei de temas prontos. Não que eu não tivesse conhecimento para desenvolver um tema do zero, mas queria desenvolver algo especial e creio que essa hora chegou.
Gostaria do feedback de vocês quanto as funcionalidades do blog, pois como ainda está em fase beta podem ocorrer erros. Portanto, encontrou algum problema me avise aqui nos comentários, agora, só não me venha dizer que não funciona no IE pois nesse browser para vocês terem idéia eu não testei o site até agora e também não estou com a mínima vontade de testar.
E em relação ao layout antigo, o que acham? Ficou bem melhor?
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 Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Com toda certeza um ótimo layout Pedro.
Parabéns pelo trabalho.
Twitter: @migueltrindade
Ficou ótimo cara! bonito, leve… gostei muito.
Eu só clarearia a cor do mês na data do post.
Ficou muito bom, parabens!
Concordo quanto a cor do mês, no mais está tudo beleuza!
Abraço
Ficou mto bom Pedro, em breve farei o meu também! O DesignLivre.net tá com o tema em HTML5 em ponto de bala, falta só cortar e montar o bixo.
Ficou muito legal o layout. Bem no estilo “clean”
Tem umas coisinhas que poderia mudar:
1. A cor da fonte no formulario dos comentario poderia ficar mais escuro
2. Quando se esta digitando o nome no formulario de comentarios, ao se usar o tab para pular pro campo de email o cursor vai para o Search da lateral direita.
Parabéns Pedro…
estou no mesmo processo de desenvolvimento do meu site… mas tá osso…vou precisar das suas dicas e observações… sucesso!!!
Cara, ficou muito bom…
Só precisava por uns hovers por ai…
link sem hover perde um pouco o efeito
hehe
Parabéns Pedrão, html5 na veia!
Como sempre.. simples e objetivo, isso pode parecer piegas, mais você é o cara..dificilmente faz algo pra não prestar!
Cara pra falar a verdade, acho q seu blog deveria ter tecnologias como Silverlight, ou JavaFX, pq html5 não da futuro!!!
Brincadeira, kkkkkk…
Muito bom seu blog, parabéns!!! Penso em adotar isso como definitivo já.
Flw cara, muito bom!!!!
Parabéns pela iniciativa Pedro! Ficou ótimo o novo layout do blog e o emprego do HTML5 e CSS3. A primeiro momento o bug que eu encontrei foi a barra de rolagem horizontal na resolução 1024×768. @edysegura
Precisamos muito de iniciativas como essa para que possamos levar a web ao seu potencial máximo.
Gostei bastante do tema
Parabens, ficou muito bom
Eu, infelizmente estou no trabalho agora, e aqui eu sou obrigado a usar o IE8 então não consigo ver todas as funcionalidades de CSS3 =/
Mas assim que eu chegar em casa vou poder dar um full view =P
Dei uma olhada rápida no codigo e parece estar bem legal
Mas tenho algumas sugestões para dar.
Aqui no trabalho, uso a resolução 1024, e o site está muito colado nas laterais, chegando a ter até uma pequena barra de rolagem horizontal.
Minha sugestão é reduzir o espaço entre a sidebar e o conteudo e colcoar este espaço nas laterais.
E ao invez de usar img />autor do coment ( Nos comentários )usar autor
Só pra deixar o codigo mais bonitinho mesmo =P
o Resto está de parabens
Deixa só eu chegar me casa pra ver o css3 funcionando bonito que eu faço outro comentário =P
Parabens ae pelo layout =)
Ficou ótimo!!
Parabens!
Parabens Pedro,
Eu testei no IE6 e deu uma diferença boba de altura…so isso.
eu tinha testado faz tempo, desde quando vc postou os sites em html5 no blog css no lanche…
IE6 não conta mais, você sabe disso, mas obrigado.
#IE6 é uma #merda! #prontofalei
aí sim hein? \O/
Parabéns, ficou muito bom!
Olá Pedro, tudo beleza?
Parábens pelo layout. Ficou muito bom e sei que a conquista por um bom trabalho deve ser sempre exaltada!
Vamos aos feedbacks, com o foco no fomrulário de comentário:
(1). Escurecer um pouco a fonte dos inputs e do textarea e, talvez mudar a posição dos label para a esquerda (uma sugestão).
Mais uma vez parábens pelo trabalho!
[]’s
Ficou show. Quando a W3C irá validar o código.
A propósito, o q vc tem a dizer sobre css/html (in)válido?
Jônatan,
Ele já valida de forma experimental. E sobre HTML válido, já escrevi sobre isso aqui:
http://www.pinceladasdaweb.com.br/blog/2009/07/13/html-valido-nao-quer-dizer-muita-coisa/
Ficou ótimo, bem clean. Parabéns!
Achei bacana o tema, as cores estão bem legais, mas uma coisa…
Montar um site com … significar ser html5? Não vi muita coisa diferente no código fonte, acho que é um pouco pretencioso da sua parte já querer dizer que o layout está com html5.
Não leve a mal, é só um comentário…
Pyro,
É só dar uma conferida na especificação do HTML5 e você verá que está dentro dos padrões:
http://www.pinceladasdaweb.com.br/html5/
Cara ficou Muito! melhor
parabéns pelo layout e ainda mais por ser feito em HTML 5 e CSS 3,
gostei muito em relação ao anterios, ficou mtu prático!
valeu
APROVADO!
Gostei muito!
Acertou em cheio ein!? Ficou bom o layout, gostei bastante! E ainda me tirou uma dúvida, que era colocar a tag dentro da , tava meio desconfiado e não tinha certeza se podia fazer isso.
Ficou bem legal. Uma sugestão, mantenha seu banner do final do post dentro da moldura branca. Dá maneira que está isolado, é bem possivel que sua taxa de cliques caia…
Parabéns, ficou bem bacana. Como foi sugerido mais acima, também acho que poderiam ter mais alguns efeitos “hovers”, principalmente no menu superior direito.
Ae Pedro … show de bola msm, como o amigo ali de cima disse … uns hovers ia ficar d+! ^^
Parabéns … assim como você, eu também aproveitei para experimentar o HTML5 e o CSS3, está lá meu site, ainda tenho que atualizar algumas coisas no HTML5, mas o layout já esta pronto e funcionando! ^^
Abraço!
Só precisa mudar seu Doctype também pois o que está lá é o Doctype do XHTML.
Cara adorei o layout pela organização, que ficou dez e tal as cores, poxa comecei a dissecar o html do seu site e tal e fiquei procurando por algum javascripit onde faria o internet 8 entender as tags section, header, footer e não encontrei, e ficou a pergunta como vc tratou esse detalhe em relação aoo IE8 e seu antecessores
O JavaScript para isso está lá no topo do site:
http://www.pinceladasdaweb.com.br/blog/wp-content/themes/html5/js/html5.js
Valeu matou a pau parabéns!!
Mtooo bom!!! =)
muito bom cara,
o foda o pessoal se preocupando com validação, com ie6 e outras coisa nada a vê.
Realmente um ótio trabalho, parabéns.
Meu amigo so para dar um toque , aqui abriu normal no internete explorer rss
Tambem trabalho com sites ai resolvi testar rss
Um abraço para ti meu amigo.
Taí um layout que realmente gostei muito.. tem todas as características que eu gosto, acessibilidade bem trabalhada, etc. parabéns!