Tableless - Desenvolvimento inteligente com Padrões Web

08/09/2005
Bonito de se ver

Bonito de se ver #14

http://www.decaf.de/ http://www.designhammer.com/ http://www.javimoya.com/blog/ http://www.jorgeq.com/wordpress/ http://www.vivabit.co.uk/

Por

  1. http://www.decaf.de/
  2. http://www.designhammer.com/
  3. http://www.javimoya.com/blog/
  4. http://www.jorgeq.com/wordpress/
  5. http://www.vivabit.co.uk/

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

  • Alexandre Gomes Gaigalas

    O Design Hammer já havia saído em outro "Bonito de se Ver" (12), os demais eu já tinha visto, não lembro de onde.

  • http://dark-chronicles.blogspot.com/ Zephon

    Só avisando: Saiu o beta do Firefox 1.5…
    http://www.mozillazine.org/articles/article7287.html
    O SVG funciona bem e realmente, as páginas estão carregando muito mais rápidas. Só a extensão Fangs é que está funcionando, acho que em breve os autores das outras extensões arrumam para ficarem compatíveis.

  • http://dudufigueiredo.com Dudu Figueiredo

    Só lembramdo que o javimoya.com é baseado neste template(wordpress): http://e-lusion.com/design/greenmarinee

  • http://paulo.caseweb.com.br Paulo Schilling

    O cara do javimoya.com mata gatos é?! >,<

    PS: Idem ao que o Alexandre Gomes Gaigalas disse.

  • Márcia O. Carmo

    Particularmente o único que gostei visualmente falando foi o http://www.jorgeq.com/wordpress/

    Muuuuuito lindinho hehehe =)

  • Rafael SLonik

    Esses bonitos de se ver estão mais para divulgar os sites do que os layouts, pois nada além dos links, nenhuma análise…

    TOO COOL FOR IE !! <– Gostei !

  • http://www.desvelare.com Ricardo

    TOO COOL FOR IE?
    como dizem: crap.
    lixo.

    afinal, um site webstandard é ou não é pra ser acessível de QUALQUER browser? Indiferente se ele for um tanto suspeito e temperamental quando interpreta o código? rs

  • http://paulo.caseweb.com.br Paulo Schilling

    Ricardo, um site utilizando-se de Webstandards é para ser acessível em navegadores compatíveis com o "idioma" usado, seja ele XHTML, HMTL, etc.

    Se o navegador não o suporta, não podemos simplesmente ficar o dobro do tempo tentanto fazer um milgare, mas sim aproveitar esse tempo para mudar essa situação. :)

    É claro, infelizmente nos dias de hoje AINDA é preciso manter a compatibilidade, mesmo que com hacks, com o Internet Exploder. =(

  • orestes
  • Dudu Figueiredo

    Ricardo, To Cool for IE, lixo ?
    Discordo com vc nesse ponto; Uma iniciativa para conscientizar as pessoas de que o IE não é sinonimo de internet, e que existem browsers mais avançados, seguros, e rápidos, não pode ser considerada um "lixo".
    Eu mandei pra eles uma tradução para portugues: http://www.w3junkies.com/toocool/index.php?language=br

  • http://www.desvelare.com Ricardo

    Paulo

    Acho que se mantivermos os hacks e fizermos campanhas como essa continuaremos a sustentar o monopólio que ocorre. As duas juntas no mesmo não dá. Você abomina o uso de um determinado software e ao mesmo tempo se preocupa em deixá-lo minimamente compatível com seu site?

    Outra: você diz "ser acessível em navegadores compatíveis com o "idioma" usado, seja ele XHTML, HMTL, etc." daí quando vejo o código fonte lá do camarada, vejo uma tag body lá no meio do código, depois de uma série de div fora outros erros. Sem contar alguns hacks pro IE:

    /* dirty fix for IEWIN; temporary! */
    #subcontent ul, #subcontent p { margin: 0 10px; }

    /* IE WIN; but why? */
    * html #contactform textarea,
    * html #contactform #bx_subject { width: 445px; }

    Dessa forma, uma bandeirinha daquela no site com essas características só pode significar pra mim, além de uma boa tentativa para abrir os olhos dos usuários: radicalismo.

    Dudu,

    tem mesmo que conscientizar, abrir os olhos do pessoal, pra isso vale sim :)

    por outro lado, acho que rotular um site daquela maneira só incentiva uma nova guerra de browsers, além de deixar o pessoal ainda mais extremista: ESSE browser é bom, o resto é ruim. O resto não é grátis, não é código aberto, etc.

    olhando bem friamente, isso me parece tão estranho como há uns anos eu via:

    Este site só pode ser visualizado com resolução mínima 800x600px e IE 5.0 ou superiores.

    O usuário pensa: pra que tenho que mudar?

  • http://www.marcogomes.com MarcoGomes.com

    Concordo com o Ricardo, o "Too cool for IE" é mais um selinho de 1996, daqueles dizendo: só pode ser visualizado por Netscape 4.0 (ou Internet Explorer 4), resolução mínima de 800×600 pixels e 16 bits de cor.

    Coisa linda para se jogar na lata de lixo, no moedor de carne.

    Não que eu esteja defendendo o IE (acho que o IE também deve ser jogado no moedor de carne junto da tal campanha "Too dool for IE"), mas alimentar a já batida "guerra dos browsers" é um ato, no mínimo, retardado.

    Se nós nos esforçamos para fazer algo acessível à um PDA, que tal nos esforçarmos (um pouco) também para fazer algo acessível ao IE?

  • Roberto Almeida Longhi

    Hum …

    discordo de ti Marco … fazer um site acessivel a PDA … blz … porém o pda tem q. ter um software que respeita os padrões … caso contrario … vai pro lixo junto com o moedor de carne como vc disse … :D

    agora sobre o esquema do Too cool for Ie acho valido mas deveria ser contra os browsers que não seguem os padrões e não contra o InternetExplorer em si … (apesar do mesmo não respeitar) … a regra é simples … segue os padrões ? ta IN não segue? ta OUT !!

    just like that …

    senão pra que fazer as regras ? se ninguem vai segui-las ?

    bom fds pra todos

  • http://www.animespirit.com.br Túlio

    Bom axo que não adianta ser radical o IE existe e o navegador mais usado fazer o q, forçar a mudar e algo mais lento não da para exirgir que todo mundo adote o firefox ou outro navegador, axo que o jeito e tentar deixar o site compativel com ele, todo mundo so lembra dos hacks para IE, mais existem hacks para outros navegadores fazer um site ficar igual no Opera, Firefox e Opera da trampo mais axo que compensa afinal axo que o usuario tem que ter liberdade para usar o navegador que quiser

  • http://dudufigueiredo.com Dudu Figueiredo

    Ricardo e Marcos,
    Os caras do "To cool…" só pecam na sua radicalidade, apesar de terem um ideal e uma boa intenção, faltou saber aplicar melhor…

  • http://paulo.caseweb.com.br Paulo Schilling

    Ricardo, acho que você não entendeu bem o que eu disse. Eu falei que não podemos ficar nos matando pra deixar compatível com o IE, que não respeita as regras, mas mesmo assim é preciso mesmo que por meio de hacks.

    E outra, veja o seu site mesmo, aqui no IE fica com defeitos… É disso que falo, você diz que o Too Cool for IE é lixo, mas eu não acho, essa situação deve ser mudada, e não acho eles radicais demais. A idéia de incentivar o uso de navegadores reais é extremamente necessária.

    Acho até que esse assunto deveria ser discutido no próximo Podcast Tableless.

  • http://www.desvelare.com Ricardo

    Citando http://www.webstandards.org/upgrade/ :

    The following browsers support numerous web standards including CSS, XHTML, and the DOM (a universal means of controlling the behavior of web pages):

    * Netscape v7 or higher (all platforms), Mozilla Firefox (Windows or Mac OS X), Galeon (Linux GNOME Desktop) or other browser stemming from the Mozilla.org project.
    * Opera v7 or higher (Windows, Linux)
    * Apple’s Safari (Mac OS X)
    * Konqueror (Linux KDE Desktop)
    * Microsoft Internet Explorer v6 or higher (Windows) or v5 or higher (Macintosh)

    E aí?

  • Ricardo

    Ah, antes que falem que defendo o IE.. não defendo, e também não defendo a exclusão, e prefiro não defender nenhum outro browser. Pode ocorrer o mesmo que há uns anos acontecia, do selo do 800×600 IE5.0+, agora é a vez dos browsers compatíveis com os standards, e amanhã? Mais uma campanha pra ‘salvarmos a web’?

    E é bom ter um browser que suporta SIM os padrõs, mesmo à sua própria maneira. Assim como todos os outros da lista acima.

    –

    Uma página ficar diferente no IE, no Opera, no FF ou outros? Claro, cada browser tem suas características: http://en.wikipedia.org/wiki/Comparison_of_web_browsers

    Além da questão do selo, acho que a campanha é um lixo também por não apresentar argumentos que interessem ao usuário final: FATOS.

  • http://www.brunoskt.com.br spe-sk8

    Sei lá, os sites de tableless,andam muito parecidos, sei lá… tem alguns muito diferenciais e outros muito iguais! mas em geral são bonitos sim!