CSS ( )
CSS Houdini
taskey
CSS
CSS Houdini
CSS
<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>
JavaScript
CSS
CSS …!
JavaScript
?
?
?
CSS
CSS
CSS
web
CSS
CSS Houdini
) Houdini CSS
DOM
) Houdini CSS
Properties and Values API
Properties and Values API
Custom Property
Property API
Property API
Property API
CSS Typed OM
CSS Typed OM
width
Typed OM
※API
※API
Typed OM 2
CSS Paint API
CSS Paint API
※API
※API
QR
CSS Houdini
) Is Houdini ready yet‽
CSS
CSS
Q1. z-index
2147483647
21 4748 3647
→ 2^32 - 1
※64bit
[CSS] z-index
Q2.
CSS 3
• HTML CSS
• CSS
• CSS
• HTML CSS
• CSS
• CSS
!important
!important
• HTML CSS
• CSS
• CSS
!important
• CSS
• HTML CSS
• CSS
Q3.
box
display, opacity, visibility
?
A. visivility
3 3
• Houdini – CSS
• Houdini CSS
• CSS Houdini
• Is Houdini ready yet‽
• CSS-TAG Houdini Editor Drafts
CSS ( )
CSS Houdini
taskey

CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th