CSS moderno para Web Semântica

November 28, 2018

30

CSS moderno para Web Semântica

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

Rafael Dantas

November 28, 2018

Tweet

More Decks by Rafael Dantas

See All by Rafael Dantas

O estado do CSS em 2019

1

190

CSS animations under the hood

0

47

Leve seu CSS para o futuro

0

13

Houdini e o futuro mágico do CSS

1

210

Dismistificando o CSS Grid Layout

0

110

Houdini e o Futuro das CSS

1

450

Dismistificando o CSS Grid Layout

1

53

Featured

See All Featured

Reflections from 52 weeks, 52 projects

346

20k

Docker and Python

40

3k

Sharpening the Axe: The Primacy of Toolmaking

37

1.8k

How to Create Impact in a Changing Tech Landscape [PerfNow 2023]

46

2.1k

Building a Modern Day  E-commerce SEO Strategy

38

6.9k

Performance Is Good for Brains [We Love Speed 2024]

3

360

Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything

26

2k

jQuery: Nuts, Bolts and Bling

61

7.5k

Producing Creativity

341

39k

Agile that works and the tools we love

327

21k

Thoughts on Productivity

67

4.3k

The Straight Up "How To Draw Better" Workshop

232

140k

Transcript

Usando CSS moderno para criar estruturas de marcação mais limpas
Por Rafael Dantas
@raffaeldantass @valleweb rafa-dantas.com.br
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
None
None
COM FLEXBOX
COM FLEXBOX
COM CSS GRID
COM CSS GRID
Comparações entre as formas desenvolvidas Relembrando o layout proposto
HTML
CSS
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
@raffaeldantass OBRIGADO! Segue a gente! @valleweb rafa-dantas.com.br