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.
Sprache
Verlagsort
Dateigröße
ISBN-13
978-85-5519-205-0 (9788555192050)
Schweitzer Klassifikation
Natan Souza é front-end designer no grupo Caelum desde 2015, e instrutor dos cursos presenciais de front-end e UX. Além disso, também produz cursos online dessas áreas para a Alura, incluindo os cursos de Sass e LESS. Começou a dar seus primeiros cliques no Photoshop ainda em 2005, o que o levaria a se interessar pela área de Design, e graduando-se bacharel em Design Digital anos mais tarde. Está focado na área de web e UX desde 2009, passando por empresas como FIAP e PMESP. Atuou como front-end e designer em toda a sua trajetória profissional. Twitter: @designernatan.
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
