por Diego Eis
Dezembro 13th, 2005
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á.
Se ainda estiver interessado, leia também:
Este post foi criado
na Terça-feira, Dezembro 13th, 2005 às 20:01 e está arquivado em Geral.
Você pode seguir as atualizações pelo feed: RSS 2.0.
Você pode deixar um comentário, ou deixar um trackback de seu próprio site.
Como sempre, belo trabalho Diego. Gostei da nova cara e organização do menu. Abraço!
Ficou muito bom mesmo, eu estava aqui pensando - porque vc´s não fazem um post especial explicando como é e o que o WP oferece. E como foi essa migração, esse layout maneiro que vc colocaram. Seria interesante. Outra coisa, quando vai sair o proximo Podcast?
Muito bom! Também gostei da idéia do amigo acima, sobre o “post explicativo”… =)
Parabéns!
Wow, ficou muito bom mesmo! Quase caí da cadeira quando vi hahaha.
Ficou show de bola! Continuem assim!
É, eu concordo com o Webdotx. Poderia haver um artigo falando sobre o WP.
Muito bonito, porém (a propósito…. essa fonte aqui do input ficou muito massa!) minha retina doe enquanto espero a imagem da faixa ser baixada na minha conexão discada. E o menu não está cabendo todo em uma linha, então o último ítem ‘Contato’ ficou invisível, pois ele dece pra linha de baixo e letra branca funndo branco…. thcanam!!!
Espero que meus comentários tenham sido úteis! E mais uma vêz… o design ficou bonitão eim!
esqueci…. estou usando:
‘Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6′
Com 1024×768
Parabéns ! Ao contrário de vocês, estou esperando dia 1 para lançar meu novo site, gerenciado com esta ótima ferramenta que é o Wordpress ! Ficou muito bom o Layout e não teve nenhum problema em meus navegadores (Firefox, Ie, Opera, Konqueror). Está ocorrendo um erro com os links dos seus Feeds (Rss), devido a codificação (UTF-8), se não me engano para resolver o problema é só mudar para ISO-8859-1 no próprio Wordpress em Options/Reading/(Encoding for pages and feeds …
Bom é isso parabéns e um ótimo fim de ano pra vocês ! Abraços e até + !
Eita, ta dando um pau danado pra abrir aqui, na tela principal o fundo vermelho com essa fonte cinza ta impossivel de ler. Lá embaixo, em topicos ta invisivel. O recomendados deu erro, e tem um monte de codigo embaixo.
A idéia do site ta bem legal.. so falta arrumar os problemas
ah.. descobri é q os códigos estao esticando a largura da pagina e o background ta indo la pro meio e o texto ficando no canto… por isso q ta dificil ler… dificil nao, quase impossivel!
System error
error: Can’t call method “prepare” on an undefined value at /www/del.icio.us/comp/user/get line 13.
context:
…
9: my $usedb = ‘master’;
10: my $ret;
11:
12: if (!$auth_user) { $usedb = ‘user’ }
13: if (!exists ($db->{$usedb})) { $usedb = ‘master’ }
14: $user_name_q->{$usedb} = $db->{$usedb}->prepare(’select * from users where user_name = ?’);
15: my $query = $user_name_q->{$usedb};
16: $query->execute(lc($user_name));
17:
…
code stack: /www/del.icio.us/comp/user/get:13
/www/del.icio.us/site/html/dhandler:63
/www/del.icio.us/site/autohandler:110
raw error
fala pessoal!, olha só… tem algum problema na renderização do código no WP… no IE esta ruim (mas não é raro isso acontecer..rs) mas no FIREFOX ..aff, nao dá nem pra ler os artigos..
acho que algum erro na chamada ao banco de dados…verfica isso pessoal.
Abraços (o layout está maneiro)
Té que enfim em diego 
Muito bom, embora vc não largue esse menu à esquerda jamais…
Ah para galera!! Que isso, ficou show de bola cara putz! Ta bonitasso além do código que está empecável conferi o xhtml (para aqueles que gostam de estudar) sou um deles hehehhe
Mas é isso galera parabéns pelo belo trabalho e pelo lindo design do site, vou ver se arrumo um tempo e implemento o word press no meu site, tenho ouvido falar que é uma ótima ferramenta.
Abração galera! 
Também gostei. Meus parabéns!
Sobre o problema: http://del.icio.us/
Triste, no dia em que a gente bota no ar um site usando isso, o negócio sai do ar 
Já consertei, obrigado pessoal.
Muito bom melhorou bastante. Parabéns a todos!
Abraços,
René Pinheiro
Muito bom mesmo, gostei bastante.
A hora que der um tempinho, vou estudar o code 
abraço
Belo trabalho!
Gostei muito da surpresa antecipada. Ficou bem organizado e o menu é fácil de achar o que procuramos.
Só não gostei de uma coisa: uso o Firefox em 800×600 e a largura do layout está maior que isso. Se fosse só a barra de rolagem horizontal tudo bem, mas é que o background vermelho sai da posição e fica por baixo do texto, ficando impossível de ler.
Abraços.
Gostei muito das alterações, o layout ficou bonito também.
Mas o que eu mais gostei foi dos cometarios no xhtml e no css. Aquele “*” do css foi uma maravilha, isso me ajudou muito!!!!
Muito bom esse site/blog! Continuem assim!
Só uma coisinha só….
Ali naqueles Tópicos, bem ali do lado
Desculpa, mas não querendo ser chato… eu tinha o rss de vcs neh.. daih levei um susto qdo vi q naum tinha nada lah.. daih vim no site e vi essa reformulação. Daih fui tentar reassinar o rss e veio um errinho..
XML Parsing Error: xml processing instruction not at start of external entity
Location: http://www.tableless.com.br/feed/
Line Number 1, Column 2:
-^
To parecendo chato, me desculpa… mas eu sou frequentador assiduo do site de vcs a quase 1 ano. e quase todos os dias eu acesso! Abraços.
FINALMENTE!!!
Belo trabalho heim Diego… adorei o site novo… muito bom mesmo!
Ah!!! e ATÉ QUE ENFIM vocês ouviram minhas presses e colocaram o PHPBB como fórum para o pessoal… Também… eu ja havia dito trocentas vezes para o Elcio… hehehehe
T+
Muito legal o novo layout… Muito melhor que o anterior… E ainda com o Wordpress… nem se fala…
Continuem melhorando sempre…
Parabéns…
legal cara! só dou esses conselhos… vc vai mudar +, como disse, mas so pra constar:
- não use apenas cores p/ diferenciar os links do resto do texto! é uma das recomendações do WCAG 1
- links do rss + podcast tao mto grandes! …eu gosto de coisa grande (me inspiro mto no layout do wordpress), mas esse ficou mto eheh…
- to achando bem legal, principalmente a divisão de assuntos do WP… isso eh joia!
Nossa,
Sincronizado. Mudei o meu blog pra WP esses dias também. Sem comparação. Simplesmente bom demais.
Gostei do layout.
Continuando a luta, valew!
Caralho, ficou fera! O wordpress é muito bom. Alias, tem como disponibilizar o tema que vc usou! hua hua hua!
Nossa, achei muito melhor pessoal, parabéns. E o fórum em PhpBB realmente vai me incentivar a participar do fórum (o antigo me dava nos nervos heheh )
abraço, e muito boa sorte nesse final de ano
Bom, muito bom! Só acho que quem usa 800×600 é que não vai gostar muito, pois tem gente que usa porque não tem escolha mesmo…
Bom esse layout Diego! Ótimo trabalho de migração! A divisão em categorias e as pages… Arquitetura ótima! O código está muito bom, quando tiverem mais tempo coloca mais tags desconhecidas como ‘cite’ pra galera aprender a usar semanticamente. Parabéns ao Bruno, a você e ao Elcio, orgulho da comunidade geek brasuca.
Demorou demais, mas agradou! Surpresa boa, presente de Natal pra comunidade hehehehe… Vamos comemorar!
O layout está apresentando scroll horizontal (bad) em resolução 800×600
Muito bom!! parabéns pelo layout!
To querendo migrar para o DreamHost tambem mas estou com duvidas em relacao ao Google Adsense. Como vcs fizeram para regularizar a situacao fiscal do Tableless e continuar no Adsense?
Acho que seria bem legal explicar pp mta gente tem interesse nisso. E eu nao faço a menor ideia de como conseguir um um TIN (Tax Identification Number) dos EUA.
Valeu!
Infos: https://www.google.com/adsense/taxinfo#nonus_uspresence
Ainda falta definir o estilo das tabelas…
Estava olhando um post de dezembro sobre acessibilidade e vi as tabelas relacionando browsers mal configuradas…
Muito bom, continuem assim melhorando o design, bem limpo e simples. teste
[…] É com muita empolgação que a comunidade webdesign brasileira recebe as mudanças no tableless, presente de natal geek. Não foi só um redesign também houve mudanças muito bem vindas na estrutura do site. Uma nova arquitetura agora movida a Wordpress facilita a vida da gente que quer pesquisar assuntos para estudos e pelo visto facilita também a vida da galera que administra o site. E por falar em estudos, o novo código, agora XHTML 1.0 Strict, foi melhor estrutura e está todo comentado, assim como o CSS. Technorati Tagstableless, redesign […]
O RSS nada de funcionar no firefox, de uma revisada ai, estou terminando a minha página usando o wordpress tbm. Dê uma olhada ta ficando legal (pelo menos eu acho)
Abraço
Semântica - hierarquia da informação: onde está o H3? Vi que o código pula de H2 direto pra H4.
O site ficou bem legal, só percebi uma coisa, não sei se só está acontecendo comigo, uso Firefox 1.5 com Suse Linux. No menu superior a opção contato está quebrando na linha e está logo abaixo do link Home. Percebi que no FF algumas fontes estão bem maiores que no IE. Talvez seja algo do linux. Vou conferir em casa onde utilizo outra distribuição.
Pessoal do Tableless, alguns links da seção Aprenda não funcionam.
Ficou bem legal. Só imagino o trabalho que deve ter dado pra importar os posts.
Ficou muito legal. O logo com um reflexo estilo vidro, o vermelho da borda da página, a separação de conteúdo via tópicos, etc…
O que não gostei é que em 800×600 a página fica ruim de se ver. Ela gera um scroll na horizontal que a maioria das pessoas detestam. Em 1024X765 ficou muito bom.
Uma dica. Poderia colocar um calendário mostrando os dias em que houve um post.
Salve,
Parbéns, e como vai ficar o blog ‘eyesmiles’?
Valeu!!
Gostei muito do site novo.. o layout ficou bem melhor..
gosto muito de layouts simples mas completos!
MUITO BOM parabéns!!
Professores, vocês lançaram no mesmo dia que o meu só pra ofuscar foi? hehehe, brincadeira, ficou muito bom.
Gostei do novo visual! limpo e MUITO mais organizado! Até parece que o site cresceu!
Não, ele não deve ter crescido, vcs somente organizaram as informações… muito legal. Mas o site está projetado para uma visualização apartir de 1024px ??
Porque da exclusão do pessoal a 800×600 ?
Valeu
Ta bem legal mesmo, tb to usando o WordPress, ja faz uns 3 meses, bem satisfatório.
Só tem um problema, o que é aquele botão de Buscar ??? Tá quebrando totalmente o layout, chega a encomodar os ólhos.
De resto ta aprovado =]
Os meus parabéns pelo redesign. Os posts estão cada vez melhores e também acompanha esse ritmo ascendente.
Boa disposição dos dados e simplicidade a nível geral demonstrando realmente que o conteúdo aqui é “Rei”.
Parabéns, muito bom mesmo o novo site. Gostei muito do design e o estilo de codificação, identação e comentários.
Parabéns pelo ótimo trabalho!
Ficou mto bom, parabéns pro pessoal do tableless
Caras, tá nove, mas meus pontos negativos são:
- Layout não flexivel, ou seja, isto força a pessoa a usar a resolução que você quer, acho que não deveria ser assim. Tenta passar pra layout líquido (porcentagens ao invés de px ou em, sei lá, ainda não vi o código)
- Os botões do PodCast e do RSS estão um pouco grandes, vai colocar mais alguma coisa lá? ou propaganda?
- Arranca aquele Buscar Azul que dá nos nervos…
- Coloca um menu com os Smiles pra galera nova no tableless sei la’ tipo assim, um emotion com o simbolo do tableless quando alguém escrever :tableless:
- Odiei este cobão de enviar simples, sem cor (ou melhor, cinza no meu Win98)
- Cadê a separação do conteúdo com o rodaé, isto me dá a impressão de embolação.. sei lá…
- Talvez devido ao layout antigo que me deixa na cabeça, mas acho que poderia diminuir um pouquinho o cinza dos comentários…
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
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…
Caramba, até me assustei aqui
Ficou legal, WP eh muito bom, nunca mais mudo pra outro 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…
de todas as observações a da rolagem horizontal em 800×600 é a q mais concordo
Show de bola brother…
mas, acho que o botão BUSCAR tah matando o visual !!!
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.”
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!
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.
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.
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.
Muito, muito bom, parabéns! Estes menus ficaram 10, vão ajudar d+!
ótimo trabalho
agora, quanto ao preço US$7,95, isso não é barato não. alguns servidores no Brasil saem mais baratos.
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.
cara, esse site é simplesmente lindo!
parabéns a todos envolvidos no projeto.
Muito bom, WordPress está entre as melhores coisas da Web. Belo Skin.
Abraços
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!
Ficou bonito o site, e finalmente trocaram o fórum porque o antigo era muito fraco. phpBB com certeza será muito melhor.
Porra meu! tá irado! sem comentários a não ser por…
Divulga o souce em arkivo zip para estudo
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
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.
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)
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!!!
ps.: a largura da coluna é de 850px?!?!?! Q raios de padrão é esse?
Gostei!
Mas acho q vou demorar um pouco pra acostumar com o novo layout.
Gostava do antigo tb!
Falows, sucesso!
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!
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
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 
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.
Nossa… como ficou bem organizado.
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.
Botões de Buscar e Enviar novos! Melhorou bastante, deu até um clima natalino =]
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.
Parabéns pelo novo site! mais uma vez vcs nos surpreeendem com ousadia, tecnologia e profissionalismo. Uma excelente info source!!
Parabéns! O novo site ficou muito bom. Quando virá o próximo podcasting???
[…] 1- Rodrigo Muniz 2- WordPress BRASIL 3- JAPS 4- Tableless 5- XMLHttp/Ajax […]
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.
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…
Virou mania agora…
Todo mundo de dreamhost e dá-lhe elogios! e link de afiliados…
Como perder toda a credibilidade em uma lição.
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.