CSS moderno para Web Semântica

Apresentação feita no 7 Masters sobre semântica na web.

Transcript

1. Usando CSS moderno para criar estruturas de marcação mais limpas Por Rafael Dantas
2. @raffaeldantass @valleweb rafa-dantas.com.br
3. Problemas que tínhamos antigamente na marcação Marcação não era muito declarativa As necessidades dentro da web evoluíram muito rápido HTML/CSS/JS não estavam acompanhando Resultado? Marcações muito inchadas
6. COM FLEXBOX
7. COM FLEXBOX
8. COM CSS GRID
9. COM CSS GRID
10. Comparações entre as formas desenvolvidas Relembrando o layout proposto
11. HTML
12. CSS
13. E o que concluimos? Através do exemplo, foi possível escrever menos código De maneira mais semantica Auxiliando na performance, manutenção, acessibilidade Resultado? Mais fácil de entender, mais rápido pra desenvolver
14. @raffaeldantass OBRIGADO! Segue a gente! @valleweb rafa-dantas.com.br