SlideShare uma empresa Scribd logo
1 de 33
Construsite Brasil
Criação de sites
pré-processadores
css
Construsite Brasil
Criação de sites
O QUE SÃO PRÉ PROCESSADORES?
Segundo o desenvolvedor web, OFELQUIS, pré processadores são
programas que efetuam conversões léxicas, ou seja, converte
uma linguagem simplificada (por exemplo gírias no português) em
linguagem formal.
POR EXEMPLO, MACROS DE SUBSTITUIÇÃO:
A = ÁRVORE
SEMPRE QUE EU UTILIZAR ‘A‘, ESTAREI, NA VERDADE DIZENDO ÁRVORE.
Construsite Brasil
Criação de sites
RESUMINDO,
PRÉ PROCESSADORES SÃO LINGUaGENS QUE, UMA VEZ
COMPILADAS, GERAM NOSSO BOM E VELHO CSS, ADICIONANDO
RECURSOS PARA AUXILIAR NA CODIFICAÇÃO.
Construsite Brasil
Criação de sites
PORQUE UTILIZAR PRÉ PROCESSADORES?
Construsite Brasil
Criação de sites
ALGUNS MOTIVOS BEM CONVINCENTES
- css é despadronizado
- css é desorganizado
- Folhas de estilo muito extensas
- REPETITIVO { Muitos prefixos (-webkit, -moz, -o, border-radius) }
-nada intuitivo
Construsite Brasil
Criação de sites
PRINCIPAIS PRE PROCESSADORES
- LESS
- STYLUS
- SASS
Construsite Brasil
Criação de sites
Construsite Brasil
Criação de sites
VARIÁVEIS
Construsite Brasil
Criação de sites
mixins
Construsite Brasil
Criação de sites
ANINHAMENTO DE SELETORES
Construsite Brasil
Criação de sites
Funções e operações
Construsite Brasil
Criação de sites
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src=”less.js” type=”text/javascript”></script>
EM PRODUÇÃO
ADICIONAMOS EM NOSSO HEAD:
NÃO SE ESQUEÇA QUE NOSSO ARQUIVO .LESS DEVE VIR SEMPRE ANTES DO LESS.JS.
Construsite Brasil
Criação de sites
.CSS
.LESS
E PASSA A SER
NOSSA FOLHA DE ESTILO DEIXA DE TER A EXTENÇÃO
Construsite Brasil
Criação de sites
CASO SEU CÓDIGO CONTENHA ERROS:
Construsite Brasil
Criação de sites
ATENÇÃO!
POR SER COMPILADO, DURANTE O DESENVOLVIMENTO,
PELO JAVASCRIPT, PODEMOS ENFRENTAR MUITOS
PROBLEMAS COM CACHE DO NOVEGADOR.
Construsite Brasil
Criação de sites
“FRAMEWORK“ DE MIXINS
LESS Elements
Construsite Brasil
Criação de sites
“FRAMEWORK“ DE MIXINS
LESS Elements
É UMA BIBLIOTECA DE MIXINS PRONTOS, BASTA
BAIXAR E IMPORTAR PARA O SEU ARQUIVO .LESS
O arquivo pode ser baixado em
http://lesselements.com/
Depois de baixado e estar no mesmo diretório
que o nosso style.less basta adicionarmos
@import “elements.less”;
Construsite Brasil
Criação de sites
“FRAMEWORK“ DE MIXINS
LESS Elements
EXEMPLO DE UTILIZAÇÃO
DO FRAMEWORK
GOSTARIAMOS DE ADICIONAR
BORDER-RADIUS EM UM ELEMENTO:
seletor { .border-radius(5px, 0, 0, 5px); }
seletor {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
DEPOIS DE COMPILAR
Construsite Brasil
Criação de sites
Criei um exemplo mostrando como o framework funciona. Este exemplo pode
ser implementado no framework, já que não existe.
Construsite Brasil
Criação de sites
APÓS O DESENVOLVIMENTO, DEVEMOS COMPILAR
NOSSO ARQUIVO .LESS PARA .CSS.
Construsite Brasil
Criação de sites
COMPILADORES
Construsite Brasil
Criação de sites
CRUNCH
ALÉM DE COMPILADOR, EDITA E SUPORTA A SINTAXE,
PORÉM NÃO AUTO-COMPLETA.
Construsite Brasil
Criação de sites
SIMPLESS
Um ótimo compilador que roda no windows.
Construsite Brasil
Criação de sites
LESS.APP
Um ótimo compilador PARA MAC OS.
Construsite Brasil
Criação de sites
WinLESS
VERSÃO ONLINE E TAMBÉM APLICATIVO DESKTOP OFFLINE
Construsite Brasil
Criação de sites
less2css.org
EDITOR ONLINE
Construsite Brasil
Criação de sites
http://lesscss.org/
Leia a documentação sempre!
Construsite Brasil
Criação de sites
PORQUE UTILIZAR LESS INVÉS DE OUTROS
PRÉ PROCESSADORES?
- COMPILA 6X MAIS RÁPIDO,
- IMPLEMENTADO EM JAVASCRIPT
- MAIS SIMPLES E ORGANIZADO
Construsite Brasil
Criação de sites
MAS ISSO NÃO FAZ ELE SEr MELHOR OU PIOR, TUDO DEPENDE
DE SUAS NECESSIDADES.
Saber suprir as necessidades corretamente é aumentar
a produtividade e facilitar o desenvolvimento.
Construsite Brasil
Criação de sites
Zeno rocha
“Se você não sabe CSS direito, esqueça tudo o que eu falei
e use filtro solar!”
Construsite Brasil
Criação de sites
COMGRANDES
PODERESVEMGRANDES
“With great power comes great responsibility”
Voltaire
Construsite Brasil
Criação de sites
Créditos
Construsite Brasil
Criação de sites
www.construsitebrasil.com
Marcos César
Desenvolvedor front-end e Designer
Material elaborado por:
Construsite Brasil
Criação de sites
Referêcias
Anotações de Zeno Rocha Front-in BH. Por Sergio Lopes, Desenvolvedor front-end, Palestrante e instrutor na Caelum. [acesso em 22 de janeiro de 2013]. Disponível em
http://sergiolopes.org/front-in-bh-css-sucks-zeno-rocha/
CSS Sucks. Zeno Rocha. [acesso em 22 de janeiro de 2013]. Disponível em http://www.slideshare.net/imasters/css-sucks
Zeno Rocha | HTML5, CSS3 e JavaScript. Disponível em: http://zenorocha.com/
PRÉ-PROCESSADORES DE CSS . Por OFELQUIS. [acesso em 22 de janeiro de 2013]. Disponível em http://tutsmais.com.br/talks/pre-processadores/
lesscss.org by Alexis Sellier. Disponível em http://lesscss.org

Mais conteúdo relacionado

Mais procurados

Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Celso Fernandes
 

Mais procurados (20)

WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerceWordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
 
Desempenho web
Desempenho webDesempenho web
Desempenho web
 
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net CoreTDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
 
Alta Performance em Aplicações Web
Alta Performance em Aplicações WebAlta Performance em Aplicações Web
Alta Performance em Aplicações Web
 
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for DummiesSpringpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
Springpoint São Paulo 2016 - Vinícius Lourenço | WordPress for Dummies
 
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
 
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
 
XPT Framework
XPT FrameworkXPT Framework
XPT Framework
 
OxiPage - Editor
OxiPage - EditorOxiPage - Editor
OxiPage - Editor
 
SASS + COMPASS - Alta Produtividade no Front-end
SASS + COMPASS - Alta Produtividade no Front-endSASS + COMPASS - Alta Produtividade no Front-end
SASS + COMPASS - Alta Produtividade no Front-end
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015
 
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.Html5,css3,javascript   o lugar onde sonhos se tornam realidade.
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
 
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
 
Minicurso Web. Front-end e HTML5 (parte 2)
Minicurso Web. Front-end e HTML5 (parte 2)Minicurso Web. Front-end e HTML5 (parte 2)
Minicurso Web. Front-end e HTML5 (parte 2)
 
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
 
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvensDrupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
 
Speed up! Critical css to the rescue
Speed up! Critical css to the rescueSpeed up! Critical css to the rescue
Speed up! Critical css to the rescue
 
Dicas e truques para desenvolver projetos web utilizando WordPress
Dicas e truques para desenvolver projetos web utilizando WordPressDicas e truques para desenvolver projetos web utilizando WordPress
Dicas e truques para desenvolver projetos web utilizando WordPress
 
Mobile First
Mobile FirstMobile First
Mobile First
 

Semelhante a LESS CSS (Pré compiladores) - Introdução

Semelhante a LESS CSS (Pré compiladores) - Introdução (20)

Mini Curso Mashup Coreu
Mini Curso Mashup CoreuMini Curso Mashup Coreu
Mini Curso Mashup Coreu
 
Produtividade
ProdutividadeProdutividade
Produtividade
 
CSS (Cascading Style Sheets) - 1ª parte
CSS (Cascading Style Sheets) -  1ª parteCSS (Cascading Style Sheets) -  1ª parte
CSS (Cascading Style Sheets) - 1ª parte
 
Site completo profissional sem código
Site completo profissional sem códigoSite completo profissional sem código
Site completo profissional sem código
 
Responsive Design - Introdução
Responsive Design - IntroduçãoResponsive Design - Introdução
Responsive Design - Introdução
 
I BootCamp SMO - RubyOnRails
I BootCamp SMO - RubyOnRailsI BootCamp SMO - RubyOnRails
I BootCamp SMO - RubyOnRails
 
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
 
Instalando e configurando o WordPress local
Instalando e configurando o WordPress localInstalando e configurando o WordPress local
Instalando e configurando o WordPress local
 
Debug de cabo a rabo
Debug de cabo a raboDebug de cabo a rabo
Debug de cabo a rabo
 
Guia do Front-end das Galáxias
Guia do Front-end das GaláxiasGuia do Front-end das Galáxias
Guia do Front-end das Galáxias
 
InterCon 2017 - Segredos não ditos de PWA - muito além do Web App Manifest - ...
InterCon 2017 - Segredos não ditos de PWA - muito além do Web App Manifest - ...InterCon 2017 - Segredos não ditos de PWA - muito além do Web App Manifest - ...
InterCon 2017 - Segredos não ditos de PWA - muito além do Web App Manifest - ...
 
Segredos não ditos de PWA - muito além do Web App Manifest
Segredos não ditos de PWA - muito além do Web App ManifestSegredos não ditos de PWA - muito além do Web App Manifest
Segredos não ditos de PWA - muito além do Web App Manifest
 
Iniciando com Ruby on Rails - Luiz Fernando Pimenta
Iniciando com Ruby on Rails - Luiz Fernando PimentaIniciando com Ruby on Rails - Luiz Fernando Pimenta
Iniciando com Ruby on Rails - Luiz Fernando Pimenta
 
Ruby on Rails for beginners 2.0
Ruby on Rails for beginners 2.0Ruby on Rails for beginners 2.0
Ruby on Rails for beginners 2.0
 
Quercus - Running PHP over Java
Quercus - Running PHP over Java Quercus - Running PHP over Java
Quercus - Running PHP over Java
 
Desenvolvimento Web com Software Livre
Desenvolvimento Web com Software LivreDesenvolvimento Web com Software Livre
Desenvolvimento Web com Software Livre
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvem
 
Construindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressConstruindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPress
 
A utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasA utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de Páginas
 
Como Aproveitar o Potencial Informacional da Web
Como Aproveitar o Potencial Informacional da WebComo Aproveitar o Potencial Informacional da Web
Como Aproveitar o Potencial Informacional da Web
 

Último

Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Dirceu Resende
 

Último (7)

[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
 
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdfFrom_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
From_SEH_Overwrite_with_Egg_Hunter_to_Get_a_Shell_PT-BR.pdf
 
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAEAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo Pagliusi
 
Apostila e caderno de exercicios de WORD
Apostila e caderno de exercicios de  WORDApostila e caderno de exercicios de  WORD
Apostila e caderno de exercicios de WORD
 
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
Apresentação Power Embedded - Descubra uma nova forma de compartilhar relatór...
 
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
 

LESS CSS (Pré compiladores) - Introdução

  • 1. Construsite Brasil Criação de sites pré-processadores css
  • 2. Construsite Brasil Criação de sites O QUE SÃO PRÉ PROCESSADORES? Segundo o desenvolvedor web, OFELQUIS, pré processadores são programas que efetuam conversões léxicas, ou seja, converte uma linguagem simplificada (por exemplo gírias no português) em linguagem formal. POR EXEMPLO, MACROS DE SUBSTITUIÇÃO: A = ÁRVORE SEMPRE QUE EU UTILIZAR ‘A‘, ESTAREI, NA VERDADE DIZENDO ÁRVORE.
  • 3. Construsite Brasil Criação de sites RESUMINDO, PRÉ PROCESSADORES SÃO LINGUaGENS QUE, UMA VEZ COMPILADAS, GERAM NOSSO BOM E VELHO CSS, ADICIONANDO RECURSOS PARA AUXILIAR NA CODIFICAÇÃO.
  • 4. Construsite Brasil Criação de sites PORQUE UTILIZAR PRÉ PROCESSADORES?
  • 5. Construsite Brasil Criação de sites ALGUNS MOTIVOS BEM CONVINCENTES - css é despadronizado - css é desorganizado - Folhas de estilo muito extensas - REPETITIVO { Muitos prefixos (-webkit, -moz, -o, border-radius) } -nada intuitivo
  • 6. Construsite Brasil Criação de sites PRINCIPAIS PRE PROCESSADORES - LESS - STYLUS - SASS
  • 10. Construsite Brasil Criação de sites ANINHAMENTO DE SELETORES
  • 11. Construsite Brasil Criação de sites Funções e operações
  • 12. Construsite Brasil Criação de sites <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src=”less.js” type=”text/javascript”></script> EM PRODUÇÃO ADICIONAMOS EM NOSSO HEAD: NÃO SE ESQUEÇA QUE NOSSO ARQUIVO .LESS DEVE VIR SEMPRE ANTES DO LESS.JS.
  • 13. Construsite Brasil Criação de sites .CSS .LESS E PASSA A SER NOSSA FOLHA DE ESTILO DEIXA DE TER A EXTENÇÃO
  • 14. Construsite Brasil Criação de sites CASO SEU CÓDIGO CONTENHA ERROS:
  • 15. Construsite Brasil Criação de sites ATENÇÃO! POR SER COMPILADO, DURANTE O DESENVOLVIMENTO, PELO JAVASCRIPT, PODEMOS ENFRENTAR MUITOS PROBLEMAS COM CACHE DO NOVEGADOR.
  • 16. Construsite Brasil Criação de sites “FRAMEWORK“ DE MIXINS LESS Elements
  • 17. Construsite Brasil Criação de sites “FRAMEWORK“ DE MIXINS LESS Elements É UMA BIBLIOTECA DE MIXINS PRONTOS, BASTA BAIXAR E IMPORTAR PARA O SEU ARQUIVO .LESS O arquivo pode ser baixado em http://lesselements.com/ Depois de baixado e estar no mesmo diretório que o nosso style.less basta adicionarmos @import “elements.less”;
  • 18. Construsite Brasil Criação de sites “FRAMEWORK“ DE MIXINS LESS Elements EXEMPLO DE UTILIZAÇÃO DO FRAMEWORK GOSTARIAMOS DE ADICIONAR BORDER-RADIUS EM UM ELEMENTO: seletor { .border-radius(5px, 0, 0, 5px); } seletor { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } DEPOIS DE COMPILAR
  • 19. Construsite Brasil Criação de sites Criei um exemplo mostrando como o framework funciona. Este exemplo pode ser implementado no framework, já que não existe.
  • 20. Construsite Brasil Criação de sites APÓS O DESENVOLVIMENTO, DEVEMOS COMPILAR NOSSO ARQUIVO .LESS PARA .CSS.
  • 21. Construsite Brasil Criação de sites COMPILADORES
  • 22. Construsite Brasil Criação de sites CRUNCH ALÉM DE COMPILADOR, EDITA E SUPORTA A SINTAXE, PORÉM NÃO AUTO-COMPLETA.
  • 23. Construsite Brasil Criação de sites SIMPLESS Um ótimo compilador que roda no windows.
  • 24. Construsite Brasil Criação de sites LESS.APP Um ótimo compilador PARA MAC OS.
  • 25. Construsite Brasil Criação de sites WinLESS VERSÃO ONLINE E TAMBÉM APLICATIVO DESKTOP OFFLINE
  • 26. Construsite Brasil Criação de sites less2css.org EDITOR ONLINE
  • 27. Construsite Brasil Criação de sites http://lesscss.org/ Leia a documentação sempre!
  • 28. Construsite Brasil Criação de sites PORQUE UTILIZAR LESS INVÉS DE OUTROS PRÉ PROCESSADORES? - COMPILA 6X MAIS RÁPIDO, - IMPLEMENTADO EM JAVASCRIPT - MAIS SIMPLES E ORGANIZADO
  • 29. Construsite Brasil Criação de sites MAS ISSO NÃO FAZ ELE SEr MELHOR OU PIOR, TUDO DEPENDE DE SUAS NECESSIDADES. Saber suprir as necessidades corretamente é aumentar a produtividade e facilitar o desenvolvimento.
  • 30. Construsite Brasil Criação de sites Zeno rocha “Se você não sabe CSS direito, esqueça tudo o que eu falei e use filtro solar!”
  • 31. Construsite Brasil Criação de sites COMGRANDES PODERESVEMGRANDES “With great power comes great responsibility” Voltaire
  • 32. Construsite Brasil Criação de sites Créditos Construsite Brasil Criação de sites www.construsitebrasil.com Marcos César Desenvolvedor front-end e Designer Material elaborado por:
  • 33. Construsite Brasil Criação de sites Referêcias Anotações de Zeno Rocha Front-in BH. Por Sergio Lopes, Desenvolvedor front-end, Palestrante e instrutor na Caelum. [acesso em 22 de janeiro de 2013]. Disponível em http://sergiolopes.org/front-in-bh-css-sucks-zeno-rocha/ CSS Sucks. Zeno Rocha. [acesso em 22 de janeiro de 2013]. Disponível em http://www.slideshare.net/imasters/css-sucks Zeno Rocha | HTML5, CSS3 e JavaScript. Disponível em: http://zenorocha.com/ PRÉ-PROCESSADORES DE CSS . Por OFELQUIS. [acesso em 22 de janeiro de 2013]. Disponível em http://tutsmais.com.br/talks/pre-processadores/ lesscss.org by Alexis Sellier. Disponível em http://lesscss.org