SMACSS (Scalable and Modular Architecture for CSS) é um guia de estilo de como escrever código CSS. Rege em especial padrões de como dar nomes as suas classes além de como agrupá-las. Neste screencast, dou uma visão geral de como esta metodologia é.

Este screencast faz parte de uma coleção

Este screencast fez parte de um treinamento presencial em Porto Alegre de 21 de julho de 2012, gravado enquanto outros profissionais acompanhavam eventualmente interagiam. Ainda que o código fonte e o suporte tenha fora apenas para os participantes, partes dos vídeos deste treinamento específico libero para acesso público.

Os vídeos da série são: Screencast de visão geral sobre SASS e Compass (7min20s), Screencast de visão geral de SMACSS (13min32s) e Estudo de caso de SASS, Compass e SMACSS em projeto HTML responsivo (43min58s)

Screencast, parte 1

Screencast, parte 2

Referências

O site oficial do SMACSS é o http://smacss.com. Ainda que a versão completa do e-book seja paga, o preço é pequeno e boa parte da documentação é liberada gratuitamente.

comments powered by Disqus