Fundamentos de Sass e Compass
CSS com superpoderes
Descrição do livro
Este livro lhe ensinará a criar folhas de estilo CSS com Sass, o mais consagrado pré-processador CSS, que permite escrever Cascading Style Sheets usando sua sintaxe tradicional acrescida de funcionalidades típicas de linguagens de programação, como condicionais, loops, variáveis, funções, mixins e includes, ausentes na linguagem CSS nativa.
Você conhecerá os fundamentos de Compass, que adiciona funcionalidades extras a Sass, e aprenderá a utilizá-los para criar folhas de estilo reduzidas, de carregamento rápido e bem organizadas.
Se você trabalha com CSS em projetos de pequeno porte pode se dar ao luxo de desenvolver CSS de forma romântica e à unha, mas se o seu objetivo é desenvolver projetos maiores é fundamental utilizar estas ferramentas para projetar CSS, e seu conhecimento deve constar, obrigatoriamente, de seu currículo profissional.
O livro Fundamentos de Sass e Compass destina-se a estudantes, designers e desenvolvedores que tenham conhecimento intermediário de CSS e HTML e pretendam iniciar seus estudos de Sass e Compass.
Trata-se de uma obra que apresenta os conceitos fundamentais do assunto e cujo objetivo é tornar o leitor capacitado a criar sua primeira folha de estilo com o uso de pré-processador.
Ver menos ▲Sumário
Sumário
- Agradecimentos
- Isenção de responsabilidade
- Sobre o autor
- Prefácio
- Capítulo 1 ■ Introdução a Sass
- 1.1 Visão geral
- 1.1.1 O que é Sass
- 1.1.2 O que é Compass
- 1.1.3 O que é pré-processador
- 1.1.4 SCSS e SASS
- 1.2 CLI – Interface da Linha de Comando
- 1.2.1 Linha de Comando
- 1.2.2 Primeiros passos com a Linha de Comando
- 1.3 Instalação de Sass e Compass
- 1.1 Visão geral
- Capítulo 2 ■ Funcionalidades e sintaxe básicas
- 2.1 Sass na Linha de Comando
- 2.1.1 Pré-processamento ou compilação com Sass
- 2.1.2 Linha de Comando além de install
- 2.1.3 Formatos de saída do arquivo CSS
- 2.2 Sass em interfaces gráficas
- 2.2.1 Koala
- 2.1 Sass na Linha de Comando
- Capítulo 3 ■ Funcionalidades básicas
- 3.1 Comentários
- 3.2 Codificação de caracteres
- 3.3 Aninhamento
- 3.4 Referência ao seletor-pai &
- 3.5 Interpolação #{ }
- 3.6 Propriedades em namespace
- 3.7 Variáveis
- 3.7.1 Nomes de variáveis
- 3.7.2 Escopo de variáveis
- Capítulo 4 ■ Fundamentos de SassScript
- 4.1 Script na Linha de Comando
- 4.2 Tipos de dados
- 4.2.1 Number (número)
- 4.2.2 String (string)
- 4.2.3 List (lista)
- 4.2.4 Map (mapa de dados)
- 4.2.5 Color (cor)
- 4.3 Partials
- 4.4 Import
- 4.4.1 Exemplo 1
- 4.5 Mixins
- 4.5.1 Mixin sem argumentos
- 4.5.2 Mixin com argumentos
- 4.5.3 Mixin com argumentos e valor default
- 4.5.4 Mixin com número de argumentos desconhecidos
- 4.5.5 Exemplo: mixin para prefixos proprietários
- 4.6 Extend
- 4.6.1 Exemplo 2
- 4.6.2 Seletores complexos
- 4.6.3 Múltiplas diretivas para estender
- 4.6.4 Encadeamento de diretivas para estender
- 4.6.5 Placeholders para estender
- Capítulo 5 ■ SassScript – operações e diretivas
- 5.1 Operações com números
- 5.1.1 Soma e subtração
- 5.1.2 Divisão
- 5.1.3 Multiplicação
- 5.1.4 Módulo ou resto da divisão
- 5.1.5 Operadores relacionais
- 5.1.6 Operadores de igualdade
- 5.2 Operações com cores
- 5.2.1 Funções para cores
- 5.3 Operações com strings
- 5.4 Diretivas de controle
- 5.4.1 Diretivas de controle @if, @else e @else if
- 5.4.2 Diretiva de controle @for
- 5.4.3 Diretiva de controle @each
- 5.4.4 Diretiva de controle @while
- 5.5 Diretivas de alerta e erro
- 5.5.1 Diretiva @debug
- 5.5.2 Diretiva @warn
- 5.5.3 Diretiva @error
- 5.1 Operações com números
- Capítulo 6 ■ Funções
- 6.1 Funções personalizadas
- 6.1.1 Função com argumentos
- 6.1.2 Função com argumento default
- 6.2 Funções nativas
- 6.2.1 Funções para cores
- 6.2.2 Funções para strings
- 6.2.3 Funções para números
- 6.2.4 Funções para listas
- 6.2.5 Funções para mapas
- 6.2.6 Funções para seletores
- 6.2.7 Funções de autoexame
- 6.2.8 Miscelânea de funções
- 6.1 Funções personalizadas
- Capítulo 7 ■ Compass
- 7.1 Introdução
- 7.2 Criando um projeto com Compass
- 7.2.1 Projeto novo
- 7.2.2 Projeto existente
- 7.3 Usando Koala com Compass
- 7.4 Módulos Compass
- 7.4.1 Módulo CSS3
- 7.4.2 Módulo Layout
- Referências bibliográficas
- Índice remissivo
Sobre o autor
Maurício Samy Silva é graduado em Engenharia Civil pelo Instituto Militar de Engenharia (IME). Exerceu o magistério paralelamente à Engenharia e foi professor de Geometria Descritiva e Matemática. Sua experiência com desenvolvimento iniciou-se em 1999. Em 2003 lançou o site https://maujor.com, que se tornou referência nacional em CSS, com a… Ver perfil completo ▶
Livros relacionados
Opinião dos leitores
MARCOS R V
Bom livro
Ricardo de O P
Muito bom. Ótima didática e exemplos práticos.
Édipo d S N
O Livro é bem didático. Muito fácil de entender! Está me ajudando muito no aprendizado pois aborda com clareza os fundamentos práticos e teóricos.
Cândido S
Ótimo livro, didática excelente. Recomendo!






