20170825_we are_javascripters@10thで発表した内容です。 CSS Houdiniに関して調査したのでまとめました。 調査内容に少し不備があるかもしれないです。

1. CSS ( )
CSS Houdini
taskey

2. CSS
CSS Houdini
CSS

4. <script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Person",
"name": "Masakazu Fukami",
"job": "Frontend Vice President",
"twitter": "@fukamiiiiinmin",
"company": "Taskey.inc",
"favorites": [" ", " "]
}
</script>

8. JavaScript

9. CSS

14. CSS …!

15. JavaScript

16. ?

17. ?

18. ?

19. CSS

20. CSS

21. CSS
web

23. CSS

24. CSS Houdini

25. ) Houdini CSS

26. DOM
) Houdini CSS

27. Properties and Values API

28. Properties and Values API

29. Custom Property

30. Property API

31. Property API

32. Property API

33. CSS Typed OM

34. CSS Typed OM

35. width

36. Typed OM
※API

37. ※API
Typed OM 2

39. CSS Paint API

40. CSS Paint API

41. ※API

42. ※API
QR

44. CSS Houdini
) Is Houdini ready yet‽

47. CSS
CSS

48. Q1. z-index

52. 2147483647
21 4748 3647
→ 2^32 - 1
※64bit
[CSS] z-index

53. Q2.

54. CSS 3
• HTML CSS
• CSS
• CSS

55. • HTML CSS
• CSS
• CSS

57. !important

58. !important
• HTML CSS
• CSS
• CSS

59. !important
• CSS
• HTML CSS
• CSS

60. Q3.

61. box

62. display, opacity, visibility

63. ?

65. A. visivility

66. 3 3

67. • Houdini – CSS
• Houdini CSS
• CSS Houdini
• Is Houdini ready yet‽
• CSS-TAG Houdini Editor Drafts

68. CSS ( )
CSS Houdini
taskey