1 of 50

Ko-do-ma-so-chizm. Dlaczego robisz to na około?

Mariusz Szatkowski

WordCamp Poland, Warszawa 2022

2 of 50

Cerveja com favaios!

3 of 50

4 of 50

HTML

5 of 50

6 of 50

7 of 50

Co wygra?

8 of 50

9 of 50

10 of 50

11 of 50

12 of 50

A11y

https://twitter.com/housecor

13 of 50

Który zapis Buttona jest lepszy?

14 of 50

Walidacja - pattern

15 of 50

16 of 50

currentColor

17 of 50

CSS

18 of 50

Zbędne CSS media queries?

Wyjątki:��1. prefers-color-scheme

2. Pokazywanie elementu na konkretnym wymiarze ekranu

3. Print stylesheets

1. Grid & subgrid

2. Flexbox

3. min-height/width, � max-height/width

4. clamp

5. calc, min, max

6. vw, vh

19 of 50

Tree shaking - cascade layers

https://web.dev/state-of-css-2022/#cascade-layers; https://css-tricks.com/css-cascade-layers/

20 of 50

Tree shaking - webpack sideEffects

21 of 50

22 of 50

23 of 50

24 of 50

25 of 50

https://dev.to/

26 of 50

https://dev.to/

27 of 50

https://dev.to/

28 of 50

image-rendering

29 of 50

contain

30 of 50

31 of 50

32 of 50

HTML

33 of 50

34 of 50

https://web.dev/state-of-css-2022/#cascade-layers

35 of 50

https://web.dev/state-of-css-2022/#cascade-layers

36 of 50

WordPress (6.0)

37 of 50

38 of 50

Webfonts API

Fonty w theme.json

39 of 50

Global styles variations�/styles/blue.json

/styles/black.json

40 of 50

Tylko Gutenberg?

41 of 50

wp_content_img_tag

42 of 50

https://dev.to/

43 of 50

08 października 2022 / 16.00 / PPNT Gdynia

WordUp Trójmiasto Meetup #17�

wp.trojmiasto.us

44 of 50

Dziękuję

Mariusz Szatkowski

wppoland.com/wc2022

45 of 50

46 of 50

https://dev.to/

47 of 50

48 of 50

Obrazek zastępczy

49 of 50

50 of 50