Novo layout do Techbits

por Alexandre Fugita

TechbitsFinalmente, depois de 1 ano e 4 meses, o Techbits muda de layout. Deu trabalho, foram dezenas de horas mexendo em código, e muita dor de cabeça com um tal de Internet Explorer 6. O novo design contempla 3 colunas, é mais limpo, e é baseado no NonZero – veja no rodapé, todos os links – e foi feito para telas com resolução horizontal de 1024 pixels. De acordo com as estatísticas a maioria dos usuários usa telas com essa resolução ou maiores. Cerca de 15% ainda estão no velho 800 pixels de largura. Já estava na hora de deixar o layout mais largo. A simplicidade continua pois não gosto de coisas poluídas.

Navegadores testados

Testei nos mais variados navegadores. O Firefox foi testado no Windows, Linux Ubuntu e MacOS X. O Safari já rodou esse layout tanto no Mac quanto no Windows. Testei também no Opera, via Windows. O Internet Explorer, responsável por várias horas desperdiçadas de desenvolvimento, teve os sabores 7, 6, 5.5 e 5 testados. Na verdade posso dizer que funciona bem no 7, razoavelmente no 6, e não me responsabilizo nas versões mais antigas. Sério mesmo, a dor de cabeça para acertar tudo no IE é tanta que dá vontade de fingir que esse browser não existe.

Mobile

Também testei em versão mobile, tendo funcionado sem problemas no Opera mini – testado no simulador de Opera mini do Opera do Windows – e no Palm OS, com o navegador padrão. Não fiz testes mais profundos em dispositivos móveis pois não tenho acesso a todos os sistemas que gostaria de testar. Se você possui qualquer forma de acesso mobile e se não se importar, gostaria que testasse o Techbits na sua plataforma e me enviasse os resultados.

Finalizando

É isso, novo layout, se alguém achar algum bug esquisito, avisem! Espero que tenham gostado, só lembrar que a qualidade dos posts continuará a mesma, hehe! Só preciso aumentar um pouco a freqüência, talvez um por dia útil. Para evitar estranhamentos, já basta um visual novo, a forma de usar do Techbits continua a mesma, só com algumas melhorias em termos de SEO e pequenos detalhes que estava devendo. Agradeço a todos que deram uma pequena ajuda, testando o novo layout em suas respectivas plataformas, antes de ele sair oficialmente. Abraços e aproveitem!

Comentários do Facebook
28 comentários
  1. Ficou bom o layout. Também aderi ao 1024 na última atualização de layout do meu blog e substitui o menu de categorias pela nuvem de tags.

  2. Sensacional, Fugita. ;)

  3. Sempre dá um gás novo fazer essas atualizações, parabéns pela iniciativa.

    Estava lembrando ontem à noite que você falou que queria fazer um layout novo pro Techbits. E naquela oportunidade, eu nem me ofereci pra ajudar :(

    Abraço!

  4. Só pra dizer que o layout está bem melhor!

  5. Grande Fugita!

    Parabens cara, ficou muito bom!

  6. Design bonito, clean e elegante. Tudo o que o Mundo Tecno não tem! rsrsrs! Mas para 2008 pretendo fazer grandes mudanças.

    Aprovado!

    []’s

  7. Pois é Alexandre, se o que eu vejo ao apertar SHIT F11 no opera é o mesmo layout que você colocou para os mobiles…

    Te falo, ficou muito bom :)

    E o layout no geral está ótimo ;)

    FALOW !

  8. 8. Maurício M. Maia disse em 14 nov 2007 - 11:16

    Muito bom Fugita! Essa é minha arquitetura preferida para blogs.

    A única coisa que continua me irritando é o link de comentários do artigo na home ir direto para o formulário…

    Abraço

  9. Ficou bem legal Fugita, parabéns! ;)

  10. Ficou muito bom, principalmente a cor predominante, é bem melhor que o antigo.

    Um abraço Fugita!

  11. 11. Pablo Bravo disse em 14 nov 2007 - 13:32

    Apesar de ler techbits sempre no palm(newsbreak)o layout ficou muito bom, bem clean, gosto de ler. Grande Abraço

  12. O menu ficou bem melhor do que o da base.

    Está mais aparente.

    Abraço.

  13. Olá Alessandro!

    O layout está de parabéns, só aproveito pra fazer duas observações:

    – Esse cinza sobre o azul (como no menu de páginas acima) ficaria melhor com os links em branco.

    – A barra lateral que contém as tags está meio vazia, deixando um buraco. Algo pra completar ela não seria de todo mal! :D

    De qualquer maneira, são apenas observações. Parabéns pelo tema!

  14. 14. Lucia Freitas disse em 14 nov 2007 - 17:39

    Parabéns, Fugita! Ficou muito bom.
    bj

  15. very good!!! ;)

  16. Fugita,

    Eu sei que isso não é problema seu mas eu eu estou criando o meu próprio Blog e não estou conseguindo indexá-lo no Google porque o wordpress não deixa colocar meta tags no “head”.

    Você sabe me dizer se há uma maneira de driblar este “defeito” do wordpress para que eu consiga indexar meu blog.

    Valeo.

    Adams

  17. Fugita,

    O layout ficou dez. E pra você saber, eu testei nos Palm Treo 650 e 680, e nos BlackBerry Pearl 8100 e 8700G. Tá perfeito!

    Semana que vem vou poder testar no iPhone. Se tiver algum pepino eu te falo, mas pelo visto vai rodar na boa, então, se eu não aparecer, é porque está redondo também.

    Parabéns!

    Abração,

    Beto Tester

  18. Ficou tudo de bom! Parabéns, Fugita!

  19. Pessoal,

    Valeu, pelo visto o novo visual agradou, hehe! Eba, vou comemorar no feriado, hehehe! As horas sem dormir valeram à pena! Agora vou responder individualmente alguns dos comentários:

    Thiago,

    Nuvem de tags é o que há, hehehe!

    Camilo,

    Nem esquenta. Não sou um Camilo em termos de html + css, mas resolvo bem a situação, hehehe!

    Cesar,

    Valeu aí por ter testado no Motorola + Opera Mini!

    Cynara,

    É isso aí. Aguardo suas mudanças!

    Sérgio,

    Bom, foi assim que testei no Opera Mini hehe! Acho que deve ser a mesma coisa que vemos no browser de verdade para mobile! :-)

    Maurício,

    Para isso que existe, ao lado do link de comentários, o link Permalink, que vai para o início da página! :-)

    Helder,

    Verdade, ter mostrado o layout em teste aquele dia para aquele monte de nerd valeu à pena. Peguei várias dicas!

    leanDrow,

    Hum… Alessandro? hehehe! Acho que não sou eu! :-)
    Bom, esses e outros toques que eu acho de extrema importância. Vou testar e ver. Quanto ao espaço da barra lateral, vou preencher com algo, mas ainda não pensei no quê…

    adams,

    Como disse no email que enviei para vc, use o HeadSpace2, plugin que faz exatamente isso no WordPress.

    Beto,

    Fantástico, funciona, finalmente inventei algo que funciona! – lembrando o Doc Brown… hehe! Que bom que funciona em todos esses dispositivos. Ufa! E valeu por relatar a experiência! Quanto ao iPhone, acho que deve funcionar pq é Safari, hehe, mas qualquer coisa, avisa aí!

    Abraços a todos e novamente obrigado. Quem eu não respondi diretamente sabe que eu agradeço o comentário!

  20. Pois é, vou testa-lo de verdade no mini ;)

    Ah! O Livre Pensamento também esta de cara nova…

    Depois de 2 dias inteiros fazendo testes enfim consegui deixa-lo descente ;)

    FALOW !

  21. Demorei, mas finalmente consegui postar meu comentário. :P

    Simplesmente ficou show de bola Fugita. Continua com a cara do Techbits de sempre. :P

  22. Muito bom!
    Me dá uma preguiça ter que fazer um tema novo pro meu blog. É muita coisinha que tem que ajustar, principalmente os bugs com o IE6 e o 7 também.
    Mas ficou muito bom o negócio aqui, parabéns ;D

  23. Tirando o acréscimo de 1 coluna, não senti tanta diferença. Gosto desse estilo clean.

    Algum dia eu crio vergonha e contrato uma hospedadagem decente para wordpress.

  24. A Semana na Blogosfera Brasileira – Parte XXXII…

    Will Eisner é um gênio das historias em quadrinhos. Veja no Um Blog no Planeta Mongo tudo sobre O Sonhador, uma obra quase auto-biográfica, que a Devir acabou de lançar no Brasil. O episódio de número 400 dos Simpsons……

  25. Sergio,

    No final acabei conseguindo testar no Opera Mini de verdade, em um Symbian. Valeu! Ah, e fui checar o layout novo também!

    Tiago,

    Legal, que bom que gostou! Como você mesmo disse, continua com a cara do Techbits, hehehe! Tentei não faer mudanças profundas demais para não o usuário não estranhar.

    Rafael,

    Valeu! Realmente os ajustes é que comem tempo. Principalmente para aquele tal de Internet Explorer. Aliás, de quem foi a idéia de lançar o IE? Eu daria um tapa na cara desse sujeito, hehehe, pra aprender a programar direito.

    Issamu,

    Bom, teve uma pessoa, a Lu Monte do Dia de Folga, que não notou diferença alguma no layout. Hehehe! Era isso que eu queria, mudar e melhorar, sem muito impacto para os meus leitores. Acho que consegui, hehehe! Quanto a hospedagem, encare essa, vale à pena!

    Abraços a todos!

  26. so para dizer que estou testando o layout pelo SE P990i :)

    ficou show e sem barra horizontal :)

    FALOW

  27. Ficou ótimo o novo design, pena que ainda uso o 800*600

  28. Sergio,

    Valeu por relatar como ficou em um P990i! Testei também no Windows Mobile 6, com o Pocket IE, e ficou perfeito!

    Ostrock,

    Então, eu acabei “abandonando” o 800 pixels de largura pois, como disse no texto, já não representa a maioria como quando começou o blog.

    Abraços a vcs!

Deixe um comentário

Faça apenas comentários relacionados a este post. Caso tenha dúvidas, sugestões, críticas, ou queira discutir qualquer outro assunto que não esteja relacionado a este post, entre em contato pelo formulário ou através do email [email protected]

Siga-nos no Twitter Nossa página no Facebook Assine o RSS Receba os posts pro email