Tableless - Desenvolvimento inteligente com Padrões Web

09/10/2007
Artigos

CSS Frameworks ou como desaprender CSS

O papo que agora está começando a rolar entre os desenvolvedores é sobre Frameworks para CSS. Sou totalmente contra a qualquer coisa que impeça o contato do desenvolvedor com o código. Sou avesso a qualquer tipo de interface que prometa …

Por


O papo que agora está começando a rolar entre os desenvolvedores é sobre Frameworks para CSS.

Sou totalmente contra a qualquer coisa que impeça o contato do desenvolvedor com o código. Sou avesso a qualquer tipo de interface que prometa facilitar o desenvolvimento, pelo menos de XHTML e CSS. Lembra daquele papo sobre o desenvolvedor “analbético” de código?

Ainda acho que utilizar editores que suportam Snippets – ou Macros, dependendo do editor – são as melhores formas de se trabalhar se você quer agilidade. Você mantém o contato com o código e agiliza seu trabalho ao mesmo tempo.

Lembre-se de que estamos falando sobre frameworks de CSS e XHTML. Nada de Django ou qualquer outro tipo de framework para linguagens server side.
Esses tipos de frameworks ajudam um bocado o programador. Boa parte do trabalho duro pode ser agilizado por causa destes frameworks. E até concordo que os desenvolvedores utilizem frameworks deste tipo para ajudar em seu trabalho.

O problema é um que eu já comentei com você e já falei bastante em palestras: o programador, muitas vezes é um bicho mais antenado que o designer ou o camarada que cuida de interface. Ele precisa estudar, precisa procurar soluções mais complexas para problemas mais específicos. Por isso, é bom que existam esse tipo de framework para que o trabalho dele seja mais ágil. Ele não vai desaprender a programar.

É importante que o desenvolvedor web saiba que o código é o mestre. Ler, compreender e escrever código é essencial para que tenhamos o controle sobre o projeto. É importante também para que a pessoa se torne um profissional decente e que tenha algum valor (desculpe aos mais fracos de estômago).

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

  • http://ezequias.net Ezequias Dinella

    Sou do tipo minimalista, prezo a perfeição e semântica. Mas não me sinto na obrigação de digitar tudo todas as vezes, letra por letra. Quem não utiliza um editor que sugere o fechamento de tags, funções etc? E nem por isso abandona o código. Acredito que criar soluções práticas para alcançar os objetivos é a idéia, talvez todo o trabalho de um desenvolvedor se resuma nisso. Talvez seus objetivos não sejam os mesmos que os meus. Eu procuro me aperfeiçoar constantemente e sempre que possível criar soluções re-usáveis (é assim que se fala?). Fazer um site semântico, é ótimo. Fazê-lo na metade do tempo e com a metade do esforço, é melhor ainda.
    Não estou defendendo nenhuma framework ou coisa parecida, falo apenas do conceito em si. Atualmente começo cada página incluindo um “reset.css”, e não vejo nada de mau nisso. No estilo, tenho classes “p.erro”, “p.sucesso”, decoradas para colocar avisos, e não acho que isso me tire a capacidade de lidar com CSS. Talvez o nome “framework” assuste um pouco, mas eu acho uma ótima idéia reusar nosso bom e velho código; se ele estiver num pacote testado em varios navegadores, com contribuições open-source de muitos colegas “arround-the-world”, para mim é melhor ainda, pois vou ter sempre uma versão atualizada e cada vez mais completa. Se meu objetivo é arquivos mais leves, simplesmente deleto o CSS que nao vou usar – pois eu sei mexer em CSS, lembra? e posso ainda colaborar com melhorias para a comunidade.
    Gosto do conceito, ainda não uso nenhum pacote atualmente, porque estou trabalhando em um projeto server-side que gera o CSS “cacheável” sob demanda, integrado com minha framework PHP para controle de estrutura MVC e com minha classe PHP para templates.
    Quanto mais tempo livre consigo, mais tempo sobra para criar soluções inteligentes para os problemas dos clientes.
    Paz e sucesso!

  • http://www.mikaelcarrara.com Mikael Carrara

    Concordo plenamente. Usar Frameworks para linguagens mais complexas, principalmente as server-sides, agiliza muito o trabalho e acho interessante usar. Porém, frameworks de CSS é falta de vontade, vamos concordar?

    Um bom desenvolvedor é aquele que ama o que faz, ama escrever e ser cuidadosos com seus códigos. Acho legal quando o desenvolvedor desenvolve o seu prórpio framework, com seu CSS Reset, versão para impressão etc.

    Mas pegar na Web códigos de CSS prontos, não da pra acreditar…

  • Luis Carlos

    Acho que estão tentando matar uma formiga com um tanque, eu uso o 960, que é um Framework CSS, mas ele não é um bicho de 7 cabeças não, ele apenas facilita a estruturação das colunas de forma mais prática, em nenhum momento ele faz todo o trabalho CSS do site. O CSS do site quem faz é vc.
    Estão metendo o pal numa coisa que nem se deram ao trabalho de olhar.

    Eu mesmo tenho um sistema de trabalho inteligente, que não considero Framework, mas sim um sistema de trabalho onde a cada novo trabalho eu vou otimizando e reduzindo o tempo gasto em produção, pq sempre vou criando formas de produzir mais rápido, trabalho com Flex e PHP, quando comecei, demorava 1 dia para criar CRUDS mapeados entre Flex e PHP, hoje crio as classes em AS3 e PHP e 1 minuto, tudo graças as otimizações que venho fazendo ao longo do tempo de desenvolvimento. Mas voltando ao CSS, pelo menos o 960 não chega a ser um framework mas sim um template pra agilizar a estrutura do layout e não criar todo o CSS para um site.

  • Luis Carlos

    Só complementando, serviço de preguiçoso mesmo é o tal do PSD2XHTML esse sim faz o cara desaprender de CSS, HTML.

    Um abraço a todos.

  • Igor Cemim

    Sou a favor dos frameworks CSS.
    Em geral todo site é baseado em cabeçalho, subcabeçalho, barra da esquerda, conteúdo, barra da direita e rodapé.

    Por que perder tempo fazendo sempre a mesma coisa?!

  • http://www.twitter.com/ooredroxoo Rafael Nascimento Sampaio

    Discordo do artigo, frameworks CSS não são feitos para as pessoas desaprenderem o CSS, e sim para agilizar a produção.

    Muitos deles são grandes bibliotecas de codigos, eu já usei o blueprint e o 960.gs, e não desaprendi CSS, eles são bem uteis embora não os use inteiros, o que mais gosto é que vem com uma biblioteca de reset para tentar trazer todos os navegadores para uma configuração comum, uma biblioteca de helpers, como o clearfix, left, right(floats), coisas que agilizam o conhecimento, pois por mais que você use o Framework ele não vai fazer o trabalho para você, você tem que saber escrever o css para chegar no resultado esperado, por isso não acredito que quem usa frameworks desaprende CSS.

  • Ricardo

    Olá Amigo,
    Se você é contra qualquer coisa que facilite o desenvolvimento, você com certeza não sabe o que é ter que desenvolver 50 telas por semana.
    Ferramentas de Rapid Development servem pra facilitar a vida de quem tem um volume MUITO grande de projetos.
    É claro que este tipo de desenvolvimento não se compara com o desenvolvimento específico no fator estético, mas o mundo não é um mar de rosas, e nem sempre é possível reinventar a roda a cada projeto.

  • Mário

    Rever nossos conceitos de vez em quando é muito saudável.

  • Augustowebd

    Alem de sua repulsa pelos FW CSS teria outro argumento para nao usar-lo

  • http://www.olucassilva.com.br Lucas Silva

    Bem, acho que tudo que possa agilizar o tempo de trabalho tem um potencial, contudo, é necessário avaliar a qualidade do trabalho. O dreamweaver por exemplo, um código que qualquer um com um pouco de experiência faria em 2 linhas , ele faz em 5 no mínimo.

    Não uso desses Frameworks de CSS e XHTML, muito menos do dreamweaver, mas é como a disputa entre pessoas do lado PHP e do ASP.NET. O importante mesmo é a solução chegar ao cliente com velocidade e qualidade elevada. Tal feito que acredito que um Framework de CSS/ XHTML não ajuda em nada.

  • Fagner

    Sinceramente, o CSS deveria ser algo abstrato, simples e automático.. A Web vem tomando um formato absurdamente burocrático e desnecessário.

    Formatar estilos e estruturar layouts não precisa ser tão sujo como vem sendo. Daqui a pouco existirá pós-graduação em CSS que é atualizado a cada semana e surge “novos” recursos que já sairam de moda a decadas como as sombras e cantos arredondados.

    Hoje, pra se montar um website você precisa conhecer a linguagem de marcação padrão(HTML), precisa conhecer uma linguagem que gera dinâmica com dados(ASP, PHP e etc), precisa conhecer uma linguagem client-side para “retocar” certos detalhes(javascript, vb script, jQuery e etc..), ficando também quase que indispensável, uma linguagem de marcação pra transição de dados(XML, JSON..), agora você precisa conhecer uma linguagem de estrutura(CSS) pra poder moldar seu conteúdo.. Sem contar, é claro, com as queries em SQL e!!! e!!! e!!! daqui a pouco o NoSQL rs

    Ahn, além disso, temos que conhecer quase que a fundo todas as personalidades dos browsers e seus “kits”..

    Enfim, pra montar um site simples você precisa ter mais conhecimento que pra montar um sistema ERP.

  • Adinan

    eu criei meus proprios padrões css, zerei tudo e setei algumas propriedades que acho que tem que ser padrão independente de layout.

    não sei se eu posso chamar isso de framework mas é um bom reaproveitamento de codigo

  • http://sites.google.com/site/victorwestmann Victor Westmann

    O que vocês se esquecem é que com frameworks formatar páginas mais bonitas fica acessível para muita gente que NÃO É programador. Até para quem não é da área. E convenhamos… se algo possui um framework é porque possui grandes chances de ser algo complicado de usar na maior parte das vezes.

  • Bruno

    Não sei pra que este post. Como se quem usa CSS fosse programador. Css é um designer, um desenvolvedor web front-end.

    Programador é quando falamos de linguagens mais robustas, principalmente as server-side.

    Não sou contra os frameworks css. O 960gs é muito bom e simples. Muita gente fala mal porque não sentou pra conhecer.

    O fato é que é muito fácil pra um programador aprender a usar o CSS e muito mais difícil pra um designer aprender programação.

    Não encaro o css como programação.