Tableless - Desenvolvimento inteligente com Padrões Web

13/12/2005
Geral

Novo Tableless, agora WordPress

Como podem ver, o Tableless passou por uma reformulação. Tradicionalmente, costumo fazer essas mudanças no dia 1º de Janeiro, mas desta vez será diferente. Mudamos não só layout (gostou?) mas também nosso sistema de publicação. Nos anos passados, sofríamos um …

Por

Como podem ver, o Tableless passou por uma reformulação. Tradicionalmente, costumo fazer essas mudanças no dia 1º de Janeiro, mas desta vez será diferente.

Mudamos não só layout (gostou?) mas também nosso sistema de publicação. Nos anos passados, sofríamos um bocado para postar no site. Por isso, nessa reformulação, migramos para WordPress. Estamos gostando muito dessa ferramenta. Eu era um pouco avesso a aplicações prontas de publicação de blog. Por isso, ou fazíamos o nosso próprio ou editávamos direto o XML. Agora com WP nossos problemas acabaram.

Mudamos o layout também, como de costume. Feito meio às pressas, mas acho que ele agüenta até a próxima etapa.

Reformulei todo o Código XHTML e CSS. Se alguém abrisse o source do Tableless antigo, iria se deparar com técnicas ultrapassadas: image-replacement com SPAN, e outras coisas do tipo.
Agora, se você conferir nosso source, vai encontrar tudo comentado (para aqueles que gostam de estudar) bem como um CSS bem feito.

Mas o ponto forte, é que fomos para outro “hospedeiro”. Migramos para a DreamHost.
O pessoal que conheço (Bruno Torres, Danilo Medeiros, Thiago Rigonatti e outros) indica muito esse host. Com apenas US$7,95 você já consegue colocar seu site lá. Mais barato que os hosts brasileiros, e o serviço é impecável. E dizem que o suporte é fascinante.
Agora, estamos lá. :-)

Espero que as alterações sejam apreciadas por vocês, caros leitores.
Outras modificações virão com certeza.

OBS.: Gostaria de agradecer o Bruno Torres por ter ajudado a fazer essa migração. O cara simplesmente fez tudo. Desde instalação do WP até importação do XML enorme do site antigo.
Valeu cara.

A respeito do fórum, migramos para phpBB. Logo, logo, vamos dar um jeito também no layout. Infelizmente, não é possível importar as senhas do Snitz, que são codificadas num formato próprio. Então, para acessar, você vai precisar criar uma senha nova. Acesse por aqui e coloque seu nome de usuário e seu e-mail. Uma nova senha será gerada e enviada para você por e-mail. Se você não sabe seu nome de usuário, basta procurar algum post seu no fórum. É o seu nome, do jeito que estiver aparecendo lá.

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

← Older Comments
  • http://www.echoes4ever.com Jonathas Scott

    Bem, gostei. hehe algumas coisas eu poderia comentar em relação ao novo tableless mas deixa para outra ocasião.

    O mais importante sem dúvida eh uma ou algumas matérias sobre o wordpress .. principalmente na área de ter a base de dados em xml e nao num mysql da vida.

    E claro um exclarecimento sobre os arquivos padrões do sistema para mudança de templates e etc.. eu particularmente comecei a testar o textpattern quem quizer ver em: http://www.echoes4ever.com/blog

    Mas não to curtindo muito não.. seria de muita agrado e ajuda caso exista aqui no tableless algo a respeito do wordpress .. iria iluminar muitas pessoas inclusive eu que sou incessante por aprendizagem.. hehehe

    Abs.
    Jonathas Scott

  • http://www.cico.org.br Mike

    Só mais “dos cositas”:
    - Quando eu clico em “Bonito de se ver” e diz que tem 22 comentários, só aparecem 10, cadê os outros 12?
    - Atualizem a sessão de links, nem todos estào ainda no ar…

  • http://www.brunodulcetti.com Bruno Dulcetti

    Caramba, até me assustei aqui :D

    Ficou legal, WP eh muito bom, nunca mais mudo pra outro :P ficou meio vermelhão, mas ficou legal. Concordo com o q o dvd falow, dos botões grandes…

    A única coisa q não curti muito foi o botão de buscar, o azul naum ficou mto legal com as cores do site ;)

    Mas de resto, tah legal sim… ;)

  • silas

    de todas as observações a da rolagem horizontal em 800×600 é a q mais concordo

  • Kasem Junior

    Show de bola brother…

    mas, acho que o botão BUSCAR tah matando o visual !!!

  • http://www.ciceroh.pop.com.br Cícero Rodrigues

    Parabéns a todos pelo excelente trabalho. A organização dos tópicos ficaram excelentes.

    Gostaria de relatar um erro no tópico VÍDEO TUTORIAL. Os dois vídeos não foram encontados.

    “Not Found
    The requested URL /videotutorial/videotutorial5/backgroundimg.swf was not found on this server.

    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.”

  • Tiago

    Impressionante!

    Parabéns, ficou lindo o layout! Eu entrei no site agora mesmo e logo vi essa mudança me de um animo hehe.. parabéns!

  • http://centralti.com/membro/edir edir

    ah, gostava mais daquela fonte serifada, mas tudo bem, ainda ta legal assim. parabéns ai pelo trabalho de vocês to aprendendo muito por aqui.

  • Murata

    O layout novo ficou bem melhor, parabéns.

    Sobre os Podcasts:

    - os links não estão funcionando;
    - antigamente tinha uma lista que tinha todos os podacasts para fazer download, agora no tópico “Podcasts” ele só vai do podcast mais recente até o número 8 e não tem os outros.

  • Roberto Almeida Longhi

    Fantastico,

    mto bom kra …
    só acho q. realmente o layout podia ter uma versão com uma largura menor … ele quase obriga a quem trabalha com 1024×768 (como eu) a utilizar a tela maximizada.

    mas o visual ta ótimo, mais organizado, simples e bonito.

    congrats.

  • Leandro Pessoa

    Muito, muito bom, parabéns! Estes menus ficaram 10, vão ajudar d+!

  • Felipe

    ótimo trabalho ;)

    agora, quanto ao preço US$7,95, isso não é barato não. alguns servidores no Brasil saem mais baratos.

  • http://www.locness.com.br Fabrício

    Alterações e atualizações são ótimas, mas como o tableless já virou uma referência no assunto, não pode conter links quebrados de seus tutoriais e artigos importantes. Detectei vários links que não funcionam. Acredito que a migração sempre é complicada… Por isso deve-se dar um desconto até normalizar tudo.

    Enquanto isso ficamos carentes dos ótimos artigos publicados.

    Parabéns pelo trabalho. Abraço.

  • http://rodrigoslompo.com Rodrigo Slompo

    cara, esse site é simplesmente lindo!
    parabéns a todos envolvidos no projeto.

  • Lucas Ferreira

    Muito bom, WordPress está entre as melhores coisas da Web. Belo Skin.

    Abraços

  • Paulo Souza

    Pô, o novo layout ficou iradooooooo.
    Melhor para vcs publicarem os artigos e novo para o ano que se aproxima.
    Parabéns, vcs são nota 10!

  • http://vinicius.azedume.com/ Vinícius

    Ficou bonito o site, e finalmente trocaram o fórum porque o antigo era muito fraco. phpBB com certeza será muito melhor.

  • http://www.designermx.com Luciano M. Oechsler

    Porra meu! tá irado! sem comentários a não ser por…

    Divulga o souce em arkivo zip para estudo :)

  • http://nosite Emiliano

    Faaala Eis, na boa!?!

    PutZ, um layout interessantíssimo cara!!! Grande! Legível! Limpo!! Muito bom cara!! Parabéns!!!! Ai, bela equipe, digo dinovo! Vocês são um exemplo a ser seguido!!! Parabens aê a o Sr. Fechatag, e ao Bruno Torres!!!!
    Cara, sintindo falta do Podcast de vocês!!! depois de vocês ouvi alguns outros, mas vocês são imbatíveis!!!!
    Ow Eis, pagina esses comentários ai! hehehehe!!!!! A competência de você gerem mais HTML que a memória de muita máquina antiga ai suporta!!!!

    A Paz, velho!!!

    Emiliano

  • http://www.newtonweb.info/blog Newton Wagner

    Tentei me cadastrar no fórum, mas ele está dizendo que o nome de usuário ou email já está sendo utilizado.

    Ou alguém “roubou” meu login lá, ou está com algum problema nas bases ae! hheheh..

    Gostei do layout, apesar dos ajustes que já citaram aí. Tem outra coisa também, mas é detalhe mínimo. hEhEhEh!

    No mouseover do menu no topo, vocês colocaram em imagens separadas a versão em cinza e vermelho. Assim da primeira vez que passo o mouse ele demora um pouco pra carregar a imagem. Acho mais legal usar uma só imagem mudando só o position do background.

  • Bernardo Medeiros

    Gente, não estou tendo problema nenhum em visualizar o novo Tableless.

    Adorei o novo visual.

    Gostei da idéia do post explicativo do wordpress.

    No mais aguardem uma versão nova do sitem em que trabalho. (Não vou divulgar aqui porque ele está muito feio)

  • http://www.jedimania.com.br maudy pedrão

    Tá muito bonito o nosso visual. Ah, claro! Vcs são São-Paulinos e está já comemorando o tri no mundial de clubes? Boa!!! :-)

  • http://www.jedimania.com.br maudy pedrão

    ps.: a largura da coluna é de 850px?!?!?! Q raios de padrão é esse? :-P

  • Tiago Soczek

    Gostei!

    Mas acho q vou demorar um pouco pra acostumar com o novo layout.

    Gostava do antigo tb!

    Falows, sucesso!

  • http://clemisson.sites.uol.com.br Clemisson Alves

    Caras vcs estão de parabéns, o novo site ficou muito bom, esse novo site foi muito bom para o estudo que estou fazendo sobre Tableless pra apresentar alguns projetos da Faculdade!

  • Carlos

    Para o pessoal invejoso que só sabe criticar: FAÇAM MELHOR!!!

    Para o pessoal do Tableless: O site ficou animal, mais uma vez estão todos de parabéns mesmo.

    Grande abraço,
    Carlos

  • Clycio

    A organização do site está boa. O WordPess é uma excelente solução (e livre), mas a MINHA prefecencia é pelo Xoops (tb livre). ;-)

    Não gostei [-X dos seguintes pontos:
    1. A cor do fundo não deve ser vermelho vivo. É muito agressivo e pode queimar a retina se ficar olhando muito tempo. Não podemos esquecer que a web aparece no monitor e este emite luz. Se a cor for muito forte e contrantante ele acaba cansando os olhos ou chamando atenção em um elemento errado (neste caso o fundo).

    2. colocar o text alinhado com o botão “buscar”.

    3. ao clicar em “Veja a lista de Smilies” poderia abrir uma outra janela para facilitar a sua consulta e organiza-lo de tal forma a colocar os mais usados primeiro.

  • john832

    Nossa… como ficou bem organizado.

  • http://www.neostudium.com.br dot•zero

    gostei muito … mudanças sempre são mudanças… alguns gostem ou não. e sempre é um desafio, por mais simples que seja a ferramenta. ;)

  • http://dudufigueiredo.com Dudu Figueiredo

    Botões de Buscar e Enviar novos! Melhorou bastante, deu até um clima natalino =]

  • Josué

    A mudança teve um resultado super interessante por um lado, e parabéns por isso, mas por outra questão não ficou legal. Eu me pergunto, que adianta vender a idéia de se usar padrões se o próprio site não ficou com a visualização legal, mesmo por um detalhe que não tem relação com padrões?

    Estou falando do projeto em função da resolução. Não custa ser mais um dos chatos a perguntar, por que não fazer adequada também aos 800×600? Ficou muito ruim para quem tem monitor de 15 (ainda a maioria), já que dificilmente nesse monitor se configura com a resolução 1024×768. Creio que numa resolução mais baixa ficaria perfeita para ambas visualizações.

  • http://www.cianorte.com.br Fabiano Santos de Oliveira

    Parabéns pelo novo site! mais uma vez vcs nos surpreeendem com ousadia, tecnologia e profissionalismo. Uma excelente info source!!

  • http://www.webdoo.com.br Clayton Lustosa

    Parabéns! O novo site ficou muito bom. Quando virá o próximo podcasting???

  • Pingback: Celso Ricardo

  • Daniel

    E ae…

    Já testaram o suporte pra ver se é tão fascinante assim?

    Tô pensando seriamente em assinar o serviço deles…

    Mas preciso de uma opinião bem embasada sobre o suporte!

    Se puderem me ajudar, agradeço!

    Abração.

  • http://www.doufer.com.br Doufer

    Ouvi falar aqui do DH. Surgiu a oportunidade de testar e lá fui eu.

    Sou cliente DH e tive o privilégio de clicar e esperar alguns minutos para ver meu blog rodando na versão 2.0…

  • Zeca

    Virou mania agora…
    Todo mundo de dreamhost e dá-lhe elogios! e link de afiliados…
    Como perder toda a credibilidade em uma lição.

  • http://www.portaltc.com Ederson Morche

    Muito bom. A única coisa que me incomoda é o baixo contraste na caixa dos comentários. Acho que poderia escurecer mais esse cinza.

    Abraço e parabéns pelo trabalho.

← Older Comments