Recomendados
Recomendados
Mais conteúdo relacionado
Semelhante a Gerando arquivos CSS de forma mais produtiva
Semelhante a Gerando arquivos CSS de forma mais produtiva (20)
Gerando arquivos CSS de forma mais produtiva
- 1. Gerando arquivos CSS de forma mais produtiva Igor Lopes – GDG Sul Fluminense
- 2. Quem sou eu? Igor Lopes
- 3. O que é o GDG?
- 4. O que é CSS? • Linguagem de programação para personalizar sites, podendo definir cores, tamanhos, bordas, margens, etc. • Sites sem o CSS, não passariam de telas brancas com textos e imagens.
- 5. Código
- 6. Exemplo
- 7. Navegadores
- 10. Como ser mais produtivo com CSS?
- 16. É só uma forma diferente de escrever CSS?
- 17. Utilizando pré- processadores, terei um CSS melhor?
- 20. O que é Sass? • Pré-processador CSS • Possui duas sintaxes: • SASS • SCSS • É possível reaproveitar código sem copiar e colar • Criação de variáveis • Roda em qualquer sistema operacional
- 23. Pseudo-elementos
- 24. Mixin
- 25. Extend
- 27. Variáveis
- 28. Maps (array), each e concatenação
- 29. if e else
- 30. While
- 31. For
- 32. Comentários
- 33. Gerando um arquivo CSS com SASS
- 35. Perguntas?
- 36. GDG Sul Fluminense • Google+: https://plus.google.com/102014886202826171598 • Facebook: https://www.facebook.com/gdgsulfluminense/
- 37. Igor Lopes • LinkedIn: https://www.linkedin.com/in/igor-lopes/ • Site Boa Refeição: http://www.boarefeicao.com.br/
- 38. Bibliografia • http://sass-lang.com/ • http://sass-lang.com/documentation/file.SASS_REFERENCE.html • http://blog.caelum.com.br/css-menos-sofrido-com-sass/ • https://tableless.com.br/sass-um-outro-metodo-de-escrever-css/ • https://tableless.com.br/pre-processadores-usar-ou-nao-usar/ • http://blog.caelum.com.br/css-facil-flexivel-e-dinamico-com-less/ • http://blog.caelum.com.br/seu-codigo-css-pode-ser-mais-limpo- flexivel-e-reaproveitavel/