Sass: Aprendendo pré-processadores CSS

by Natna Souza

Overview

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.

Product Details

ISBN-13:	9788555192050
Publisher:	Casa do Código
Publication date:	08/05/2016
Sold by:	Bookwire
Format:	eBook
Pages:	152
File size:	8 MB
Language:	Portuguese

About the Author

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.

Table of Contents

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