Tableless - Desenvolvimento inteligente com Padrões Web

01/02/2007

Muito Off! :-)

Sim sim sim… estamos meio offline esses últimos dias. O Elcio está ministrando um curso o dia inteiro (tem que sofrer mesmo) e eu estou preparando algumas mudanças no site novo da Visie e na versão nova da apostila. Se …

Por

Sim sim sim… estamos meio offline esses últimos dias. O Elcio está ministrando um curso o dia inteiro (tem que sofrer mesmo) e eu estou preparando algumas mudanças no site novo da Visie e na versão nova da apostila.

Se quiser um pitaco do site novo da Visie, dá uma olhada nessa imagem. É a imagem das páginas simples de texto. A imagem ali em cima muda, claro, juntamente com o texto.
Quer comparar com a primeiríssima versão do site? Dá uma olhada então nessa imagem. Melhorou um bocado não é?

Alguma hora nós voltaremos com a nossa programação normal. ;-)

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

  • Rodrigo

    Ficou bacana. Eu sempre gostei do layout que vcs bolam. Já possui estilo próprio, identidade visual….

    Vcs desenham o layout de vcs com Illustrator? Recomenda algum tutorial?

  • http://www.andrebeltrame.com André Beltrame

    Ta ficando ótimo o site, cada vez mais melhorando.
    parabens pra vcs pessoa, em breve quero estar ai prá fazer o curso de tableless.
    abraços

  • http://daquino.wordpress.com Douglas d’Aquino

    sempre gostei do visual da visie… o que sempre me incomodou é a navegação…. não há uma página especificamente com todos os cursos existentes. Você tem que entrar em 2 ou 3 páginas para chegar na página final do curso…

    teria como simplificar isso daí? seria uma boa.

  • http://wwwexe.inf.ufsc.br/~pedrocob/blog/ Pedro

    poxa, ia questionar q vcs estão sumidos mesmo ainda hoje… mas sussa, é assim mesmo, quem trabalha com/para a web é foda!

    mesmo assim, ótimo trabalho de vcs!!

    valeu

  • Junio Vitorino

    Hahaha, é cara um site feito em mac tem seu charme né hehe, apesar que não acho que mudou muito no visual, pela imagem que você mostrou, mas os icones alí em baixo deu um charme a mais.

  • Mark de Souza Costa

    Achei interessante o layout, mas há uma tendência geral nos layouts da Internet que tenho visto e que não tenho gostado. Todos parecem blogs (e like WordPress framework).

    Bonito, mas nada criativo, ou seja, mais do mesmo.

  • Raphael Nikson

    Pra falar a verdade, eu ainda prefiro o que está no ar..

  • http://www.garimpar.com/favoritos Caio Salim

    eu gostei bastante do layout…
    os icones no estilo mac e o degrade no menu deram um charme a mais =),…
    po… qndo o Elcio e Vc tiverem um tempo esperamos o que vcs tem de melhor em web ^^

  • http://www.marionery.com/blog Mario Nery

    Eu gostei do visual, mas como o Mark falou mais acima existe uma onda em usar layouts semelhantes a blogs e isso realmente mata um pouco da criatividade do design. Mas eu gostei mesmo assim… Mas parece que vocês pretendem usar o wordpress ou algum CMS para gerenciar o site… Abraços

  • http://insidewebdev.blogspot.com Guilherme Rambo

    Que tal um video da montagem do novo site da Visie?!

    abç

  • Túlio

    não da pra colocar uma cor mais viva no bg?

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

    Eu pensei nisso Guilherme, só que eu estava apressado.. Muito. E fiz em gravar. Tava pensando em fazer depois, sem pressa e explicando muito bem.

  • http://jaderubini.wordpress.com Jader Rubini

    Bonitão o layout novo. Parabéns.

    Pois é… rolava um videozinho mesmo… ;)

  • http://tarcisio.blog.br Tarcísio Sassara

    Caramba, gostei! ^:)^

    “Pertença à Minoria” Muito louco!!!

    Parabéns!

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

    Sem sombra de dúvida o layout novo esta muito agradável e leve.
    Ficou bem diferente do anterior e sem papagaiar o site.
    Gostei muito da aplicação das cores escuras e do vinho-vermelho, cores quentes sempre são bem vindas aqueles que querem chacoalhar as pessoas.

  • http://willgm.com William Grasel Martins

    O site da Visie esta bonito mesmo! ;)

    Mas eu queria saber da “parte 2″ do “Caminhando pelo HTML”… rs

    Abraços!

  • Pedro Silva

    Não vejo razão para “pertencer a minoria”.

    Minoria a cinco anos atrás. Hoje qualquer profissional trabalha com webstandards e tudo mais que vocês vendem.

    E não vi nada novo no layout de vocês.
    Bem pobrezinho
    Esperimentem colocar um beta na logo, um espelhamento.

    Que tal consultar a 37signals?

  • http://rafaelbaialuna.com Rafael Baialuna!
    Achei interessante o layout, mas há uma tendência geral nos layouts da Internet que tenho visto e que não tenho gostado. Todos parecem blogs (e like WordPress framework).

    Bonito, mas nada criativo, ou seja, mais do mesmo.

    Assino em baixo. São bonitos, funcionais, mas algo que tá sendo muito batido.. nada contra, mas…

  • Rey

    Quer um conselho?

    Diminua um pouco o tamanho da letra, coloque o texto em verdana 10px normal, não use sharp quando estiver dentro do photoshop pois vc perde a noção da realidade de como o texto ficará no html, retire o bold tb, deixe o bold mais para os destaques reais ou subtitulos.
    Quanto a cor do texto, preto no branco é muito ruim, você pode dar uma suavizada, tente essa cor #464646.

    Quando estiver no photoshop tb procure fazer estilos de link e tabulação para visualizar melhor antes de passar pro html.

    A cor do texto do rodapé tb esta muito ruim, coloque um branco mesmo, ou qualquer outra cor que não se confunda com o fundo. Para a parte onde está escrito rua, telefone, cep e etc ainda no rodapé, você pode usar uma imagem utilizando uma fonte do tipo kroeger 05_56 (mas essa fonte só fica boa se usado com 8pt de tamanho), mas se achar muito pequeno, tb tem outras da família Kroeger, ou tb Swis, Helvetica (cássico), aquela do windows vista (Frutiger eu acho).

    Quantos aos ícones, certifique-se que você tenha icones suficientes no seu pacote para não sair do padrão caso queira criar uma nova sessão no seu site. E estes não estão muito bonitos não, recomendaria dar mais uma procurada em outros estilos.

    E por final, a estrutura inteira do site está muito quadradona, tente colocar algumas curvas, tipo o revolução etc.

    Aproveitando que estou analizando, coloque um estilo no seu botão de search aqui no tableless e se der, desgrude ele do canto direito da barra, ele ta muito feio do assim como está…

  • http://www.up.blog.br Fabiano

    Olá,estava navegando pela net,quando encontrei seu site,muito bom ele,super 10,bem limpo e sem complicações,diferentes de muito ai q ja naveguei no mesmo gênero,sempre voltarei aqui.
    e queria te propor um parceiria,de trocas de links.
    você aceita trocar links comigo?
    o meu blog eu crie recentemente,e tem recebidos muitas visitas em média 800 pessoas,nele existe varios conteúdos,noticias,entreterimento,diversão enfim muitas muito interessante.
    mais contato:proenca80@hotmail.com

    Aguardo resposta……aceita

    o meu blog é http://www.up.blog.br

  • Raphael Nikson

    como falei.. prefiro o q ta no ar porque esse ta com muito normal..

  • Marcel

    Tah, legal… mas…

    Mas matérias de Tableless no site Tableless NADA. Só propaganda para a visie ! Não acham que está na hora de delegar o site do Tableless para quem realmente queira colocar material sobre Tableless ao invés de a cada 2 posts 1 deles ser sobre a Visie ???

  • Eriksen Costa

    Prefiro o atual que saiu até no cssmania.com http://cssmania.com/galleries/2007/01/25/visie.php

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

    Pois é Pedro Silva, por isso que eu escrevi esse post um tempo atrás:
    E o diferencial onde fica?
    Gostei da opinião, mas pessoalmente, espelhamento está muito brega hoje. Colocar BETA então, nem se fala. E o site da 37Signals é bem legal mesmo. Eu gosto.

    Marcel, te respondi por email. Tranqüilo.

    Mark, o que veio primeiro: a tela de texto de um blog ou a tela de texto de um site institucional? Os blogs copiaram esse padrão ou os sites que estão copiando agora? Pensei que essa discussão de sites parecem blogs já tinha acabdo. Btw, uma coisa a se pensar.
    Outra ponto, como eu faria para essa página não ter cara de blog? É uma página simples de texto de um lado e menu do outro. Se eu fabrico e crio tênis não posso mais usar cadarços em meus tênis porque a Nike já faz os tênis dela com cadarço? Seria mais do mesmo cria um tênis que use cadarço? Ele funciona tão bem, porque mudar?

    Valeu Doglas, eu também achava isso! :-)

    Túlio, até daria, mas achei que essa cor escura preenchia mais o fundo. O branco é bem legal, e usar uma outra cor que não seja tão neutra quanto branco, cinza ou preto tem que se pensar bem nos elementos site inteiro. Preferi usar o padrão mesmo… ;-)

  • http://www.tonaboa.net Ronaldo

    Eu acho que o site da visie esta ficando bom…as cores e os contrastes combinam…Blz…fui….

  • http://justbe.bevon.net Betina

    O layout novo ali do “pitaco” está ótimo, Diego! Muito legal mesmo, ótimo para a Visie e o tipo de público que chama. ,

    Mas, por outro lado, concordo com o Marcel ali em cima. Sinto falta dos posts sobre Tableless em si aparecendo no meu reader, levando em conta o fato de que basicamente tudo que aprendi sobre tableless (que é a base do meu sustento hoje) foi aqui, com os teus tutoriais e as tuas dicas. :(

  • http://echoes4ever.blogspot.com Jonathas Scott

    Pô, o site tah sempre em evolução isso é muito legal… porém existe algo estranho no site da visie:
    o “slogan” (pertença a minoria)

    Acho contraditório, pois se a idéia da visie é ser uma referência de ensino e aprendizado para os profissionais web, visando claro a melhoria profissional de nosso pais, porque minoria ? nao seria interessante que a maioria faça parte ?? e que a maioria seja como a visie?

    (pensamentos)

    abs.
    logan

  • http://daquino.wordpress.com Douglas d’Aquino

    eu discordo sobre os pensamentos do sloggan

    disseram la em cima “que hoje em dia todo desenvolvedor web trabalha com standards”. Não é bem assim não.

    Infelizmente somos uma minoria. Quem fala isso está preso num universo bastante fechado… talvez porque todos os sites que você visite e todos os profissionais que você conheça sejam participantes da “onda” de standardismo, não quer dizer que sejamos maioria.

    Concordo com o slogan, justamente por ele ser contraditório. Em termos de marketing, está bom pois instiga o usuário a pensar sobre a que mundo que ele pertence: uma minoria elitizada que detém o conhecimento real ou uma maioria de commodities e padrões atrasados.

    No entanto, claro que há um problema também.. a pessoa pode sentir que está sendo excluída por não ter condições de participar do curso e aih a imagem da empresa cai no conceito da pessoa.

    Talvez ele deva ser revisto, mas a princípio acho que cumpre com os objetivos primordiais dele.

  • Mark Costa

    Diego, é ai que entra o desafio do designer. Como criar algo criativo? Como sair do paradigma? Isso é um grande desafio.

    Utilizando o seu exemplo do tênis, se todo tênis fosse com cadarço, não teria existido o Puma Disc, o Rainha System e tantas outras formas de se livrar do cadarço. Não foram bem sucedidas, mas foram tentativas.

    O mesmo vale para os artistas. Não existe uma única forma de se pintar uma mesma paisagem, uma fruta, uma pessoa. Não existe uma única forma de se tocar uma mesma música.

    Bom, eu espero isso de um bom designer. Sinceramente, não tenho a habilidade de fazer isso e provavelmente eu faria menos do que você em relação a designer, mas sei o que eu quero ver de um profissional de designer.

    Como diria o grande diretor Stanley Kubrick: “I want the magic”.

    Saudações,

    Mark Costa

  • Felipe

    não gostei do layout, acho que o anterior apesar de fraco ainda é melhor que esse novo. Continuo batendo na mesma tecla ! ! !

    contratem um designer para fazer o layout !

    depois pegue esse layout e viabilizem ele da melhor maneira possível !

  • http://www.fiorettoestilo.com.br Wenderlan

    Achei muito fraco, está faltando um pouco mais de criatividade pra poder inovar, está tudo muito parecido, não vejo novidade nenhuma nesse layout

  • leandro

    FALHAS DE SEGURANCA NO FIREFOX!!!

    http://www.securiteam.com/securitynews/5MP0320KKK.html

    MAS ELE EH TAO SEGURO!!!! :P

  • webphlex

    Olá,

    Está sim muito legal, continue cara :D

    Cumps [*]

  • http://saa ze

    :-SS que site bom !

  • http://www.oficinadanet.com.br/ Nicolas

    Bem legal, o layout. Acho que poderiam demonstrar as apostilas na entrada do site, algo para chamar atenção do material, mostar a qualidade do material compreende? abraço. :-? ?

  • Pingback: Aventuras e Desventuras de um Web Designer