CSS Modular
Postado por: Pedro Rogério emTrabalhar com o desenvolvimento de CSS para sites grandes, exige paciência, experiência e um pouco de cuidado, pois se o desenvolvedor não prestar atenção no que ele está fazendo, ele e quem mais estiver envolvido no projeto vai ficar totalmente perdido em um milhão de propridades CSS. Trabalhar com CSS exige organização, e em grandes projetos isso é item obrigatótio, não que em projetos pequenos isso também não seja, mas tornando seu CSS Modular, você irá trabalhar de uma forma transparente e livre de problemas.
Os sites basicamente são desenvolvidos em pequenos blocos de código, tornar o CSS modular seria desenvolver um CSS para cada seção desse bloco, para que em alterações ou atualizações futuras não hajam problemas. Mas não basta fazer isso sem planejamento, pois senão você acabaria criando arquivos CSS desnecessários simplesmente para formatar uma ou duas propriedades do código. Coisas desse tipo exigem treino e muito estudo, a partir do momento que você começa a desenvolver CSS dessa forma, ele se torna reutilizável, e aprender a utilizar herança no CSS é uma coisa que todo desenvolvedor deveria aprender.
Se ficou interessado sobre escrever código reutilizável, dê uma olhada no Slide abaixo:
Abaixo um Slide sobre a utilização de CSS Modular:
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Muito bom o tópico! Administro um site relativamente complexo e estou pensando seriamente em abandonar a forma q eu monto o css atualmente e passar a utilizar uma solução modular, assim como já faço na parte de programação.
Valeu!
É sempre bom lembrar esses métodos para os desenvolvedores web principalmente para quem está começando agora!
Particularmente não gosto do método de tabulação (mostrado no primeiro slide) mas utilizo muito a modulação e acho muito útil!
[]‘s
Luiz Paulo
Pedro Rogério, parabéns pelo post, o assunto foi realmente muito interessante. Os slides também são ótimos, principalmente o segundo.
[]’s
Eu já tinha visto códigos dessa forma mas nunca tinha visto os prós e contras de se desenvolver CSS dessa maneira; realmente para projetos médios e grandes é uma boa opção.
Parabéns pelo post, abração!