Turbine seu CSS Folhas de estilo inteligentes com Sass
Rosicléia Frasson
Prefácio
Este livro foi escrito com o intuito de desmistificar o uso de préprocessadores para a escrita de folhas de estilo, especificamente o Sass. Nele você vai encontrar os motivos para optar pelo uso de um pré-processador e explorar suas principais funcionalidades: variáveis, mixins, aninhamento, herança, funções e modularização.
Qualquer pessoa está convidada para ler o livro. No entanto, para um melhor aproveitamento, é importante que você tenha familiaridade na construção de páginas web e que se sinta confortável com o uso de CSS.
Este é um livro que pode ser considerado técnico e prático. No transcorrer dos capítulos, você será apresentado às funcionalidades, e imergirá em exemplos reais e úteis de cada uma delas. Além disso, uma aplicação web será desenvolvida e incrementada a cada capítulo com os itens apresentados, mostrando a necessidade de cada um deles.
Como o livro está organizado
No primeiro capítulo, você verá os pré-processadores, compreendendo as vantagens e desvantagens do seu uso. Neste capítulo também será configurado o ambiente de trabalho e definições básicas, como extensão de arquivos, compilação e configuração de saída.
O capítulo 2 discorre sobre as variáveis. Nele, você vai aprender a definir e usar uma variável, além de entender quais momentos são oportunos para o seu uso. Já o capítulo 3 fala sobre o aninhamento. Neste, você também terá várias formas de aproveitar este recurso e compreender que o aninhamento em excesso pode ser muito prejudicial às suas folhas de estilo.
Nos capítulos 4 e 5, você verá como reutilizar blocos de código com o uso de mixins e herança. Nestes capítulos, além de ser apresentado a essas duas funcionalidades do Sass, padrões de código como o DRY e o OOCSS serão explorados com o intuito de facilitar o reúso e a manutenção do seu código.
O capítulo 6 mostra como modularizar o seu stylesheet usando o Sass. Particionamento e importação de arquivos são assuntos deste capítulo. Uma técnica chamada SMACSS também é abordada.
O capítulo 7 é uma festa das cores. Nele você terá acesso a inúmeras funções de cores disponíveis pelo Sass, além de montar temas de cores dinamicamente.
Diria que os capítulos 8 e 9 complementam-se. No capítulo 8 serão apresentados os tipos de dados e operações disponíveis que, na grande maioria das vezes, são usados em conjunto com as estruturas de controle e repetição — if/else, for, while, each — levantadas no capítulo 9.
No capítulo 10, você conhecerá um pouco do ecossistema Sass e também terá dicas de como aprofundar os seus estudos.
Sumário
- 1 Primeiros passos com Sass
- 1.1 Por que usar um pré-processador?
- 1.2 Por que o Sass?
- 1.3 Configurando o ambiente de trabalho
- 1.4 Processo de compilação
- 1.5 Configuração de saída
- 1.6 Usando comentários
- 1.7 O que esperar dos próximos capítulos
- 2 Reúse valores de propriedades com variáveis
- 2.1 Declarando uma variável
- 2.2 Referencie uma variável
- 2.3 Variáveis globais e de escopo
- 2.4 Como nomear variáveis
- 2.5 Faça muito mais com variáveis
- 2.6 Um projeto real
- 2.7 O que esperar do próximo capítulo
- 3 Escreva seletores longos mais rápido com aninhamento
- 3.1 Como aninhar regras de estilo
- 3.2 Usando o & para concatenar
- 3.3 Aninhamento de propriedades
- 3.4 Aninhamento de grupos de seletores
- 3.5 Combinação de filhos e irmãos (>, + e ~)
- 3.6 Perigos do aninhamento excessivo
- 3.7 Um projeto real
- 3.8 O que esperar do próximo capítulo
- 4 Reúse blocos de estilo com mixins
- 4.1 Definindo um mixin
- 4.2 Incluir um mixin
- 4.3 Uso de parâmetros
- 4.4 Mixin vendor prefix
- 4.5 Regras CSS nos mixins
- 4.6 Fazendo muito mais com mixins
- 4.7 Um projeto real
- 4.8 O que esperar do próximo capítulo
- 5 Evite propriedades duplicadas com herança
- 5.1 Usando a herança
- 5.2 Placeholder
- 5.3 A relação íntima entre herança e OOCSS
- 5.4 Herança versus mixin
- 5.5 Um projeto real
- 5.6 O que esperar do próximo capítulo
- 6 Dividir para conquistar
- 6.1 Criando um arquivo particionado
- 6.2 Importando uma parte de um arquivo
- 6.3 Excelentes candidatos para arquivo particionado
- 6.4 Usando particionamento para arquitetar seu CSS
- 6.5 Um projeto real
- 6.6 O que esperar do próximo capítulo
- 7 Use o poder das cores
- 7.1 Sistemas de cores
- 7.2 A função rgba
- 7.3 Retornando a composição de uma cor
- 7.4 Mix de cores
- 7.5 Escurecendo e clareando cores
- 7.6 Criando cores inversas e complementares
- 7.7 Saturar, dessaturar
- 7.8 Ajustar o matiz de uma cor
- 7.9 Adicionando canal alpha
- 7.10 Em tons de cinza
- 7.11 Um projeto real
- 7.12 O que esperar do próximo capítulo
- 8 Desvendando e manipulando os tipos de dados
- 8.1 Numbers
- 8.2 Strings
- 8.3 Booleans
- 8.4 Lists
- 8.5 Maps
- 8.6 Operações
- 8.7 Funções
- 8.8 Um projeto real
- 8.9 O que esperar do próximo capítulo
- 9 Obtendo controle extremo sobre o código gerado
- 9.1 Escrevendo estruturas de decisão com @if e @else e @else if
- 9.2 Montando uma estrutura de controle com @for
- 9.3 Controlando a saída de código com @while
- 9.4 Montando classes dinamicamente com @each
- 9.5 Um projeto real
- 9.6 O que esperar do próximo capítulo
- 10 Indo além
- 10.1 Ecossistema Sass
- 10.2 Não pare por aqui
- 10.3 Palavras finais
Dados do produto
- Número de páginas:
- 188
- ISBN:
- 978-85-5519-225-8
- Data publicação:
- 11/2016
