Use o código e tenha 10% de desconto!

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:
171
ISBN:
978-85-5519-225-8
Data publicação:
11/2016

Compartilhe!

Compartilhe no Facebook Compartilhe no Twitter