Conteúdo

Na última década, surgiram os chamados processadores CSS, tecnologias que buscavam suprir as deficiências que encontrávamos na utilização de CSS comum, como repetição de código, ausência de funções, a difícil manutenção entre outros fatores. Sabemos que a única linguagem de estilos que os navegadores compreendem atualmente é o bom e velho CSS, daí a necessidade de um pré-processador que receba dados de entrada e os devolva compilados em um arquivo .css, facilitando o dia a dia do desenvolvimento front-end e trazendo grandes vantagens na implementação dos estilos.

Neste livro, Natan Souza, instrutor especialista em front-end na Caelum e na Alura, apresentará o Sass - Syntactically Awesome Stylesheets - de forma totalmente prática. Colocando as mãos na massa, você vai aprender a dominar o pré-processador CSS mais utilizado na atualidade.

Saiba o que você vai aprender

Sumário

• 1 Preparando o ambiente
• 1.1 Instale o Ruby
• 1.2 Instalando o Sass
• 1.3 Usa Mac ou Linux?
• 1.4 Resumo

• 2 O projeto Apeperia
• 2.1 Apresentando o projeto
• 2.2 Dando uma olhada no código
• 2.3 E lá vêm as alterações
• 2.4 A primeira variável
• 2.5 Compilando automaticamente
• 2.6 Resumo

• 3 Reutilizando seu código com mixins
• 3.1 Mais um mixin
• 3.2 Evitando criar mixins loucamente
• 3.3 Isolando o image replacement
• 3.4 Resumo

• 4 Um perigoso atalho no código
• 4.1 E no mobile?
• 4.2 Mais um exemplo
• 4.3 Resumo

• 5 Organizando a bagunça
• 5.1 Cada um no seu quadrado
• 5.2 Unidos somos mais rápidos
• 5.3 Resumo

• 6 Cores de forma mais fácil
• 6.1 Claro! E escuro?
• 6.2 Comentando seu código
• 6.3 Resumo

• 7 Melhorando a performance com extends e placeholders
• 7.1 Praticando mais
• 7.2 Mixins e extends: quando usar um ou outro?
• 7.3 Resumo

• 8 Aproximando regras CSS e media queries
• 8.1 Variável na media query
• 8.2 Isolando regras inteiras
• 8.3 Resumo

• 9 Códigos prontos com Compass
• 9.1 Instalando o Compass e deixando de vigia
• 9.2 Limpando um pouco a sujeira
• 9.3 Abrindo a caixa de ferramentas
• 9.4 Terceirizando geração de sprites
• 9.5 Configurando tudo para tirarmos férias mais cedo
• 9.6 Resumo

• 10 Calculando e retornando valores
• 10.1 Fazendo o trabalho da calculadora
• 10.2 Não consigo usar o que não tenho
• 10.3 Retornando coisas
• 10.4 Arredondando a galera
• 10.5 Resumo

• 11 Conselhos finais
• 11.1 Qual o melhor pré-processador?
• 11.2 Outras features
• 11.3 Links da saideira