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

Sass Aprendendo pré-processadores CSS

Natan Souza

Conteúdo

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.

 

Sumário

  • 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

veja mais detalhes

Autor

Natan Souza

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
LinkedIn do Natan
Site http://www.designernatan.com.br

Dados do produto

Número de páginas:
162
ISBN:
978-85-5519-204-3

Compartilhe!

Compartilhe no Facebook Compartilhe no Twitter