Das comparações com o desenvolvimento web nenhuma é tão eficaz quanto a da construção civil, afinal estamos construindo coisas.

O desenvolvedor web, o cara que programa, que mete a mão na massa – ou no código – é, obviamente, o pedreiro.  Um pedreiro de luxo, é verdade, mas continua pedreiro. Um peão. E assim como um peão o desenvolvedor web pode ser chamado para muitas coisas – os bicos ou freelas – que vão desde uma troca simples de azulejos – ou uma alteração num formulário de contato – até uma reforma total da cozinha – ou a construção de uma nova área do site.

Nesse aspecto não podemos esquecer que, assim como o pedreiro não é decorador, desenvolvedor web não é webdesigner. O pedreiro até dá pitaco no azulejo, na cor da tinta, mas quem estudou pra isso não foi ele (eu sei que o pedreiro não estudou nem pra ser pedreiro, mas você entendeu).

Se estiver fazendo um freela e precisar de um layout profissional chame um profissional. Layouts envolvem diagramação, equilíbrio de cores, hierarquias de elementos que, se você não estudou, você vai simplesmente ignorar e o resultado pode ser desastroso. Convide um designer para participar do projeto nem que seja para te dar consultoria ou para te mandar uma ideia inicial. Não fica caro e enriquece o seu trabalho, além de – se você trabalhar direitinho – o designer te chamar quando precisar de um desenvolvedor.

Outro ponto interessante é que, em construções decentes, sabe-se onde queremos chegar. Sites que não são bem planejados desde o começo têm uma estrutura difícil de entender e, por consequencia, difícil de navegar. Se estiver com um problema grande pra resolver nesse sentido é legal pedir ajuda pra alguém da área de arquitetura de informação.

Entretanto existem algumas diferenças na comparação com a construção civil como, por exemplo, o acumulo de funções. Não raro assumimos a função de engenheiro e pedreiro ao mesmo tempo, cobramos preços bem diferentes dos pedreiros (eu cobro, você não?!). Também passamos facilmente de pedreiros a engenheiros, mas quando precisamos temos que colocar nosso capacete de peão e ir lá mexer a massa.

Uma coisa que eu costumava fazer bastante há alguns anos atrás era subestimar o meu código CSS. Sempre começava a escrever achando que ia ser uma coisa pequena e simples, e aí quando me dava conta eu tinha um código de centenas de linhas, confuso, e impossível de achar alguma coisa sem Ctrl + F.

Então eu desenvolvi 5 regrinhas que ajudaram meu CSS a ficar mais organizado, e mais fácil de mexer.

1- Usar um CSS Reset

CSS Reset é como tomar uma droga bem forte. Quem nunca usou acha que não é algo útil, ou até ruim. Mas depois que você experimenta não quer mais voltar atrás e ainda tenta convencer os outros a usarem também.

Apesar dos navegadores terem um ótimo suporte ao CSS, muitos deles tem padrões diferentes. Se você não definiu uma coisa, ela é exibida com o padrão do navegador, e isso pode fazer o seu site ficar com caras diferentes de acordo com o navegador do usuário.

O CSS Reset pega uma grande parte dos elementos visuais e padroniza eles, geralmente zerando ou definindo um novo padrão. Ele tira as bordas, as margens, os paddings, padroniza o tamanho da fonte, etc. A partir daí, você sabe que as coisas vão ficar mais certinhas em todos os navegadores e não vai ter nenhuma surpresa desagradável.

Recomendo Eric Meyer Reset, ou o fantástico YUI Reset.

Read more »