CSS moderno para Web Semântica

November 28, 2018

33

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

15

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

Put a Button on it: Removing Barriers to Going Fast.

60

3.6k

Cheating the UX When There Is Nothing More to Optimize - PixelPioneers

stephaniewalter

280

13k

Building Adaptive Systems

38

2.4k

How To Stay Up To Date on Web Technology

790

250k

Bash Introduction

610

210k

Code Review Best Practice

65

17k

The Success of Rails: Ensuring Growth for the Next 100 Years

44

7k

Building a Modern Day  E-commerce SEO Strategy

38

7k

10 Git Anti Patterns You Should be Aware of

656

59k

Chrome DevTools: State of the Union 2024 - Debugging React & Beyond

3

240

Improving Core Web Vitals using Speculation Rules API

sergeychernyshev

3

180

GraphQLとの向き合い方2022年版

44

13k

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