Pagina inicial » Web design » CMC Sustentável - Guia Online para Escrever Código CSS Sustentável

    CMC Sustentável - Guia Online para Escrever Código CSS Sustentável

    Escrever CSS é bem simples quando você entende a sintaxe e os métodos para estruturar uma página. Mas dominar CSS para criar código modular, semântico e reutilizável é um tópico completamente diferente.

    Existem muitas técnicas diferentes que você pode usar como SMACSS ou ITCSS, mas esses são modelos que o forçam em uma determinada direção. Em vez disso, você pode gostar de MaintainableCSS, que é um guia online cheio de dicas e estratégias para escrevendo melhor código CSS de longo prazo.

    O guia é totalmente gratuito e está hospedado no GitHub, incluindo todo o código do site. Você deve começar a ler na introdução que explica os princípios básicos deste guia on-line e por que ele é valioso para os desenvolvedores da Web.

    Essas diretrizes de código ajudam você desenvolver hábitos em vez de estruturas forçadas. Desta forma você pode organizar o código da maneira correta não importa como você realmente escreve seletores específicos (mas o MaintainableCSS tem sugestões para isso também).

    Além da organização do código, este site também entra em mais tópicos complexos sobre desenvolvimento moderno de CSS. Alguns desses tópicos incluem:

    • Desenvolvimento modular
    • Velocidade e desempenho
    • Manipulando redundância
    • Convenções de código
    • Estados CSS como carregamento, desativado e oculto

    A maioria dos capítulos é muito curta e eles se movem rapidamente para que você não passe muito tempo lendo este guia.

    Dê uma olhada no sumário e nos doze capítulos deste guia. O básico é bastante comum, mas você aprenderá muitos tópicos avançados, como versão e Desenvolvimento JavaScript + CSS.

    Novo em folha desenvolvedores que ainda não entendem CSS podem querer evitar este guia. Assume um nível básico de conhecimento envolvendo especificidade, seletores e propriedades.

    Mas se você já sabe escrever CSS e só quer fazer melhor, então o MaintainableCSS é para você. É o abordagem curta e doce para o desenvolvimento de frontend modular limpo voltando ao básico e escrevendo código que vai durar por anos.