Tableless - Desenvolvimento inteligente com Padrões Web

20/12/2005
Browsers

Pílulas

Excelente artigo no A List Apart: Thinking Outside the Grid. Molly Holzschlag dá uma excelente visão de como são planejados e construídos layouts CSS. Se você acha que layouts tableless são todos iguais, “quadrados”, “cara de blog”, precisa ler este …

Por

  • Excelente artigo no A List Apart: Thinking Outside the Grid. Molly Holzschlag dá uma excelente visão de como são planejados e construídos layouts CSS. Se você acha que layouts tableless são todos iguais, “quadrados”, “cara de blog”, precisa ler este artigo. Ela mostra justamente o contrário.
  • Ainda no A List Apart: Sensible Forms: A Form Usability Checklist. Formulários são sempre uma dor de cabeça para quem desenvolve e geralmente são também uma bela dor de cabeça para quem usa. Brian Crescimanno oferece uma lista de recomendações para melhorar a usabilidade de seus formulários.
  • Papo de programador agora. Tem um tempo que ouvi o Danilo Medeiros falar sobre webservices em seu podcast. Achei até engraçado, uma vez que já conheço e uso webservices ha alguns anos. Mas foi muito apropriado porque vejo que boa parte da comunidade de desenvolvedores ainda não despertou para a idéia e a construção de aplicativos baseados em serviços é uma das bases da Web 2.0. Veja isso então: Interoperabilidade entre sistemas PHP e JAVA. Neste artigo do iMasters, Alessandro Moraes mostra como usar webservices para fazer um programa Java falar com um em PHP. Legal, precisamos mesmo despertar a comunidade para a existência dos webservices e o que é possível fazer com eles.
  • Seu celular não roda Symbian nem Windows Mobile e você sente falta de um navegador web decente? Opera Mini, uma versão Java do Opera que vai rodar no seu celular.
  • Decorating type using CSS. Esse não preciso explicar, só de olhar você vai entender. Vi na arqHP, dica do Maudy Pedrão.

Por Elcio Ferreira

http://elcio.com.br/

Veja os outros posts de

  • http://www.fatorw.com Walmar Andrade

    Creio que, quando você compreende e domina a propriedade position no CSS, abre-se uma porta para fazer o layout que você desejar com web standards. Muito mais flexível do que as tabelas…

  • Eduardo Herbert Ribeiro Bona

    Muito boa a parte de usabilidade em formulários. Eu ainda nãoconsigo acreditar como fiquei 2 anos longe do mundo real me afundando em estudar flash.

    Dos males o menor, pelo menos sobre design e posições eu já estou acostumado, agora é só tabular certinho.

    Tabular no bom sentido ok? Tableless…

  • http://cirofeitosa.com.br/ Ciro Feitosa

    Boas dicas. Os links são realmente bem proveitosos. É importante salientar essa questão dos layouts para os que ainda não conhecem bem os padrões. Abraço!

  • http://www.cosmeweb.com.br/blog/ CosmeWeb

    Gostei da idéia dos efeitos com os textos. Usabilidade em formulários é bem construtivo. :D

  • http://squiter85.blogspot.com Brunno dos Santos

    Concordo com o Walmar Andrade! Basta dominar as positions que você faz milagres com CSS..
    hehehe

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

    Poderiam fazer uma video aula ensinando a implementar o ajax e outras coisas neh? :P

    Bem melhor que PodCast!

  • http://www.pedrosoconsulting.com.br Camilo

    Oi Élcio e turma!

    Realmente…. acho que a tendência é que os sites fiquem com cara de blog pela simplicidade, e facilidade de uso, não acham?

    O gozado, é que minhas primeiras experiências tableless, foi na conversão de sites antigos para o padrão…. ficaram idênticos, mais leves, etc. E quando fui renovar meu site…. pronto :S ficou com cara de blog!

    Pq será? Acho que é por causa da simplicidade e facilidade de leitura… sei lá!

    Talvez por causa da máxima: “Tá com dúvida em que vestir? Jeans e camiseta branca!” traduzindo para nosso mundo, “prá não errar, “blog-layout” nele!” heheheheh

    O que acham?

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

    Camilo, acho que a preocupação com a simplicidade do código pode interferir na criatividade quando vamos criar o design. E aí concordo com você, os layouts ficam mais simples, com “cara de blog”, como virou moda chamar… heheh. Mas não acho que seja “medo de errar”.

    Trabalhei uns tempos atrás com uma equipe, e os designers perguntaram quais eram as limitações de usar os web standards pra poderem criar os layouts. Eu e o outro programador dizemos que eles eram livres pra criar.. e nenhum dos 3 sites projetados ficaram com cara de blog. :)

    Achei interessante os efeitos no texto. Tinha um layout com tema “musical” no CssZenGarden que usava um efeito muito legal tb com o background, partituras e etc!! Vou ver se encontro pra postar o link. :D

  • http://www.fatorw.com Walmar Andrade

    Falando em web services, a Microsoft, o Cesar e o Ministério da Ciência e Tecnologia assinaram um acordo e vão implantar no Recife o primeiro centro de excelência da América Latina especializado em Web Services. A cidade já contava com um investimento da Microsoft para um centro de excelência em XML. O futuro está chegando…

  • Assunção Jr.

    O lance do texto decorativo é show de bola, tão simples como 1+1! :D

    Formulários sempre é dor de cabeça… Vou ler este artigo para ver se me livro das dores…

    Tableless = blog? hun… Dependende de quem for criar o design… EU pelo menos crio os meus e nem lembram um blog… Se bem que a objetividade dos blogs estão com tudo…

  • Tiago Dantas

    Falando em sites com cara de blog e WebServices, estou finalizando uma nova área de um portal totalmente em tableless, que na verdade é um novo serviço do portal, estou louco pra mostrar aqui pro pessoal do fórum o resultado, ja que o layout não tem nada de “cara de blog”, é um layout cheio de curvas.

    Para quem ja conhece um pouco de CSS sabe que não se tem limites para construir um layout tableless.

    []‘s
    Tiago

  • http://dudufigueiredo.com Dudu Figueiredo

    Fantástico o artigo da Molly, tenho lido muito seus textos ultimamente, conhecem um artigo dela chamado The Meaning of Semantics ? Gosto da visão dela.

  • http://dudufigueiredo.com Dudu Figueiredo

    Ah, sobre o Sensible Forms, tem um outro muito bo do Particle Tree, chamado 10 Tips To A Better Form. Recomendo.

  • Visitante

    Muito bom o seu site! Parabéns!

    Só achei uma falha, o seu sistema de busca, ele é direto até demais, o usuário fica perdido, poderia destacar as palavras que ja seria bem melhor.

  • André

    blog do Tim Berners-Lee, como vcs avaliam e oq podemos (ou não) aprender com ele?

    http://www.w3.org/People/Berners-Lee/Overview.html

  • Rodrigo Lupatini

    Olá a todos!

    Bom pessoal, muito bacana mesmo os textos indicados neste post.

    E como um novato total no assunto de standards e afins, eu deixo a sugestão para voês de artigos sobre position.

    Fica aqui minha sugestão.

  • Alessandro Moraes

    Élcio,
    precisamos mesmo despertar a turma para webservices.
    Através dele resolvemos inúmeros problemas, principalmente para quem trabalha com várias tecnologias “conversando” entre si.
    Assim é possível aproveitar o melhor de cada uma sem perder a integração dos sistemas.
    Um abraço!

  • Ana Paula

    achei bem interesante a reportagem