Tableless - Desenvolvimento inteligente com Padrões Web

13/10/2006

Redesign 2007

Normalmente eu faço o redesign no final do ano junto com o aniversário do site (primeiro de janeiro). Mas ultimamente ando muito ocupado e não sei se terei muito tempo para fazer isso mais para frente, portanto, resolvi fazer agora …

Por


Normalmente eu faço o redesign no final do ano junto com o aniversário do site (primeiro de janeiro).
Mas ultimamente ando muito ocupado e não sei se terei muito tempo para fazer isso mais para frente, portanto, resolvi fazer agora que me restou um tempo neste feriado.

Ainda há um bocado de coisas para se fazer. Qualquer sugestão é bem vinda. Acho que até domingo consigo terminar a atualização do código php/html e CSS, é só ter um pouco de paciência. Irei sempre mudar algo no site. Realinhar coisas aqui e ali. Acho mais fácil do que ficar fazendo redesigns e outra: Good Designers Redesign, Great Designers Realign.
E 3 Vivas para o WordPress e toda a sua facilidade. :-)

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Rodolfo

    Eu tomei foi um susto, hehehehe, tava lendo um artigo e quando mudei d página tava td diferente, pensei… “ih será que cliquei em algo errado..” mas logo percebi que era o tableless mesmo com uma nova cara.. gostei! Parabéns!!

  • http://juliogreff.wordpress.com Júlio Greff

    Ficou 10! Só tem uma coisa: no FireFox, a coluna do lado (página principal) pula lá pra baixo. Era pra acontecer isso?

  • http://Fareiemtableless.: Mateus Galhardo

    No Firefox/1.5.0.7 ja não faz isso.
    Atualizei e ficou show. :D

  • http://www.pinceladasdaweb.com.br Pedro Rogério

    Ficou bem melhor que o outro. Parabéns!!!

  • http://www.300dpis.com Levi

    ficou show de bola hein diego… designer é designer mesmo…

    falow cara

  • http://www.goatkvlt.org Leonardo

    Pois é! O layout tá dando esse problema mesmo.

  • http://mundofw.net Exper Aguiar

    além disso, aquelas cores ali em cima não estão muito compatíveis com o lay nao.
    O arquivo está muito grande. 43 linhas!
    a busca está colada na barra e os menus estão desalinhados no Firefox.
    Achei que o blog ficou com uma cara comercial, muito Visie.

    Fora isso, gostei de tudo, inclusive o Fala aqui nos comentários =P

  • http://mundofw.net Exper Aguiar

    nota: bota pimenta no prato nao que estraga ^^

  • http://alexandre.gaigalas.net/ Alexandre

    Não gostei, fixo denovo… o arquivo poderia ser em um menu drop-down pra ficar mais organizado

  • http://www.antenando.com.br Rael B. Riolino

    Realmente…. falta acertar ainda a sidebar que pula para baixo…

    Acho muito estranho essa incompatibilidade com o firefox, principalmente se tratando do site tableless (que acredito que tenham MUITOS adeptos da rapoza)…

    tenho certeza que vocês usam o firefox como referência, mas imagino que seja para linux ou Mac OS para dar essa incompatibilidade… estou certo?

    Ah… sobre o layout, eu achei simples demais. Acho que deveria permanecer o símbolo junto à marca (logotipo)… E nao gostei muito do colorido em cima…

    Eu acompanho o tableless ja ha um bom tempo… e sinceramente, a versão que mais me agradou até hoje foi a primeira. Não sei se alguém concorda comigo… Mas na minha opinião o primeiro layout do tableless foi o melhor até hoje.

    No fórum, o layout atual está nota 10! :-)

    valeu!

  • http://www.antenando.com.br Rael B. Riolino

    Opa, após mandar meu comentário, o sidebar ficou certo :-S e percebi que são 2 blocos, um do lado do outro… bacana! fica mais organizado…

    Apenas um pitaquinho de leve…:

    Acho que eu inverteria a ordem das sidebars… colocaria a de propaganda do lado esquerdo, e a de navegação do lado direito…

    é isso ai… valeu! ;-D

  • .bp

    toscão… sem criatividade…

  • http://www.progbr.com Daniel José

    Mto bonito o novo layout! Parabéns!
    Poderia reduzir os meses do ARQUIVO, deixando apenas do ano corrente e um link para os outros anos.

  • Erick de Oliveira Leal

    Putz, logo o firefox, uso o Opera e ficou tão bunitinho mas tudo bem
    Depois dessa voltarei para o Internet Explorer 5.5.

    Vamos aos bugs:
    No IE não existe espaço entre os comentários, no Opera não aparecem os números relacionados aos comentários, no Firefox como o amigão Júlio Greff disse o menu e o espaço publicitário estão desfigurados. Ah, e eu concordo com o Rael B. Riolino, o Tableless tem de voltar ao design dos velhos tempos – simples e limpo. Mas com um conteúdo decente é claro.

  • http://project47.viscountbox.com Carlos Eduardo

    Aqui o sidebar não está certo… o_O

    Achei que ficou muito espaço em branco (talvez seja impressão porque a barra lateral foi para baixo do conteúdo), mas não sei…

  • Camilo

    Comigo também aconteceu o problema dos menus ficarem pra baixo, uso o FF.

  • Raphael Cardoso

    Ficou simplesmente perfeito. Sobre a questão de estar estatico, isso na minha opinião não interfere no conteudo. Quanto mais rapido o site puder ser aberto, melhor. Tá tudo fmz tanto no IE quanto no FF. Abraço!! ;-)

  • http://tableless.com.br/ Diego Eis

    Show galera…
    Esses problemas eu já tinha percebido… estou arrumando.

    Sobre o resto das coisas, relaxem, vou mudando o layout de acordo com minhas forças! ;-)

  • http://www.numclique.net Joares

    no coment a barra com a publicidade fica em baixo d’onde escreve…

    Acho q deixar claro q eh melhor visualizado na resolução 1028 é muito melhor…

  • http://dgmike.wordpress.com Michael

    Vem cá!
    Vai ter o CSS com comentários de novo ou um videotutorial disto?

  • http://www.zoopnews.com Nil tojal

    Ola tudo bem, entã so conseguir ver a coluna de menu e de propagandas quando entrei no ie, ou seja no fire num vi :( mas vou deixar meu comentario, to achando que é uma tendencia deixar cada vez mais os site clean e so seu esta assim… mas num entendi o quadrinho coloridos no topo, não ficou legal na minha opinião… para ver o texto neste layout fica bacana, mas para ta falntando algo..sei la…espero não estar sendo chato, o quero deixar minha opnião abraços

  • http://andres.50webs.org Andres

    No IE está 10! Mas no Fire as colunas de navegação e publicidade estão aparecendo abaixo dos posts e não ao lado, como no IE. O layout ficou muito bom, acho que mais limpo é a melhor expressão. Sou iniciante em Web Design e o meu site ainda está em desenvolvimento. O meu tb não está funcionando no Fire como funciona no IE. Se o pessoal puder visitar e me dar um help, eu agradeceria muito! Um forte abraço e sucesso!

  • http://www.ianliu.art.br Ian Liu Rodrigues

    Muito bom, achei bem melhor que o antigo. Acho que da pra ler melhor por causa do constraste. As cores no topo nao me incomodaram, afinal, sao apenas 10px (chutei) do site. Só falta arrumar os bugs do FF ;)

  • http://www.ianliu.art.br Ian Liu Rodrigues

    ah, já arrumou Oo

  • http://notenho deborah (debs)

    welll… mmmmm, eu curtia o outro layout, mas já que mudou, eu testaria o conteúdo na coluna do meio…. o menu do lado esquerdo e a propaganda do lado direito… ou ao contrário, mas o conteúdo imagino q fike melhor no meio, sabe?? é ruim ter q ler ali no cantinho!! parece que fica meio espremido, não sei… achei estranho… huahahauua bem, eh isso… tu não me respondeu sobre o dvd, mas enfim… já comprei e já assiti, tá!!! huhu!! bjs

  • http://rochester.wordpress.com Rochester

    \o/
    Viva

    \o/
    Viva

    \o/
    Viva

    ^^ curti o desgn mais brancão do que nunca… escreverei sobre ;)

    []‘s

  • http://www.needforlumbriga.com Ronan

    Show
    Muito melhor assim, mais limpo, claro está tudo de bom, ainda não passei no fórum para ver se foi modificado tmb, mas vou dar uma olhadadinha.
    OBS: no FF aqui nesta página o menú que creio que deveria ficar do lado direito ta para baixo.

    Deve ser só um erro na lagura dele. Cya.

  • http://www.needforlumbriga.com Ronan

    Ae desculpa postar rapido assim é que vim do fórum agora uma pena ele não estar com uma skin parececia com essa. Mas acho que devem fazer né?

  • http://www.priori.dact.com.br Leonardo Priori

    mais uma prova da superioridade do internet explorer

  • http://tsassara.wordpress.com Tarcísio Sassara

    Nossa! Ficou muito legal.

    O titulo serifado deu um novo ar.

    Parabéns!

  • http://vdepizzol.wordpress.com Vinicius Depizzol

    Legal o slogan: “Web-standards com pipoca e polenta” :P

    A coluna direita também está quebrando aqui no meu Firefox 1.5.0.7 com linux.

  • Diogo

    Achei legal o layout porem as fontes estão muito pequenas e o layout estraga no ff

    abraços !

  • http://www.uhull.com.br jrsmo

    gostei do re-design, o problema está na coluna da direita q vai lá pra baxo do site em algumas páginas… e alguns erros na busca… como você mesmo comentou, falta alguns ajustes…

    gostei das cores, ficou bem limpo o layout, muito bom, parabéns…

  • http://www.thalisvalle.com Thalis Valle

    Aqui não está sendo visualizado corretamente, mas acho que ainda estão mexendo, né…

    Diego, gosto de ver layouts novos, mas não espera que você fosse modificar a Logo do site. Fiquei triste com isso.

    Abraços

  • Rigo

    Blz….
    Show de bola o novo layout…..

    Pena ele não estar aparecendo direito no Firefox……

    Mas sei que logo estará tudo ok…

  • http://www.herbertbianchi.com Herbert

    No Netscape as colunas da direita também ficam embaixo do texto… sobre o design, gostava mais do anterior. Abs,

  • http://www.felipegomes.com.br Felipe Gomes

    Layout simples, limpo, está bom.

    O único problema é o defeito que está dando no Firefox mesmo. As colunas do meio e da direita estão quebrando e indo para baixo.

    Um abraço,
    Felipe Gomes
    http://www.felipegomes.com.br | contato@felipegomes.com.br

  • Kronus

    To usando Firefox 1.5.0.7 com a resolução 1152 x 864 e as colunas laterais de anuncio estão bugando, indo pra baixo…
    Sobre aquela barra colorida ali no topo do site, me desculpe mas achei feio… muito feio… de resto ta normal para um blog…

    Um conselho… se não tem tempo pra fazer um layout novo… não faça… é melhor do que fazer algo desse tipo corrido com bugss e feio…

  • http://www.harleygirl.blogger.com.br/ Fernanda Prevedello

    Tá bom mas pode melhorar!

  • http://www.newtonwagner.net/blog Newton Wagner

    Não dá pra avaliar 100%, por q as colunas estão descendo mesmo.. Parece que acontece na versão 1.0.x do Firefox…

    Já tive problemas com isso aqui no trabalho, e até falei sobre “novos navegadores antigos” no meu blog.

    Mas pelo que dá pra ver, acho que ficou mais clean, tirou aquele peso que estava antes.

  • http://www.zhp.com.br Henrique Pimentel

    humm … é mudanças de layout sempre são dolorosas, principalmente na questão de agradar a todos.
    Sou a favor de um layout mais limpo, clean e minimalista, gosto muito dessa tendencia.
    Porém, acho que a identidade ( kd a logo ?) ficou um pouco prejudicada nessa versão.
    No mais, é so aparar algumas arestas e tudo vai ficar mais harmonioso.

  • http://www.wl.com.br Marcelo

    Rapaz não gostei da interface, sou assiduo leitor deste blog e acredito que tenha ficado bem menos confortavel a leitura, o menu a direita a meu ver está muito no centro, ele chama mais atenção do que os posts, está numa area muito nobre no site, porque por condicionamento o menu é a esquerda.

    Sugiro pelo menos a inversão dos posts com o menu

  • William Grasel Martins

    sinceramente não gostei, prefiro mil vezes o antigo… achei mt claro…. sei lá…

  • http://www.eugeniogrigolon.com/ Eugenio Grigolon

    Concordo. A mudança do logo me fez pensar que estava em outro site, e não no Tableless. A identidade do site se perdeu, achei péssimo isso.

    Quanto ao layout, acho que pode ficar melhor.

  • Geison

    Po… nao mudem a logo…
    Como todos disseram ai em cima.. tirou a indentidade do site… eu estranhei muito…
    imagine… se a cada atualização do site da UOL por exemplo eles mudassem a logo…????
    Muito estranho… mas ta legal tudo clean assim!

  • Zephon

    Muito sólido… E quando há comentários demais, fica esse espaço em branco até o fim…

  • Rafael Marin

    Gostei desse visual brancão com algumas corzinhas =DD
    Mas o que vale mesmo é o conteúdo né?

  • André

    Não gostei muito do layout, em cima, onde há bastante coisa, fica muito esprimido e em baixo, onde só existem comentários, fica sobrando espaço demais. Concordo que o conteúdo deveria ficar no meio. Achei que na página inicial está tudo muito apertado, um post grudado no outro. Quanto a questão do logotipo não acho que tenha perdido a identidade e acho que ficou até melhor, mas ainda com a idéia do table em preto e less em vermelho.

  • André

    O topo prarece uma lona de circo. Gostava mais do primeiro layout ..

  • http://www.eugeniogrigolon.com/ Eugenio Grigolon

    Vi que você colocou o logo ao lado do “Tableless”. Mas acho que a fonte deve ser a mesma do site anterior. Está perdendo muito a identidade.