Perfomance com CSS3

A versão lite da talk sobre perfomance com CSS3, abordando boas práticas para se ter um ganho de desempenho na sua aplicação.

Transcript

1. Performance com CSS3
2. USE PRÉ-PROCESSADOR
3. PROCESSO DE LEITURA
4. Processo de leitura - key selector O key selector é a tag <a> Simplificando o processo de leitura
5. Processo de leitura - Classes e ID’s Evite aninhar seletores para usar classes Use apenas a classe
6. Processo de leitura - Classes e ID’s Evite qualificar seletores, é redundante Isso vai evitar você alterar todo seu código Otimizando
7. Processo de leitura - Classes e ID’s Não misture ID´s com classes e tags
8. Processo de leitura - Seletor universal Evite usar seletores universais
9. REUTILIZAÇÃO DE CÓDIGO
10. Reutilização de código - Mixins
11. Reutilização de código - Mixins
12. Reutilização de código - Mixins
13. Reutilização de código - Placeholders
14. Reutilização de código - Placeholders
15. Reutilização de código - Placeholders
16. MODULARIZAÇÃO
17. Modularização - Partials BASE - FUNÇÕES, MIXINS E VARIÁVEIS CORE - RESET E ESTILOS BÁSICOSA LAYOUT - GRID, HEADER, FOOTER E NAV UI - BOTÕES, LISTAS E COMPONENTES MODULE - CLASSES ESPECÍFICAS E CONTEXTOS DIFERENTES
18. EVITE AJUSTES NO HTML DEFINA NO CSS
19. PAULO RODRIGUES paulinhoerry paulinhoerry @_plnh Desenvolvedor front-end @ meplis health intelligence