The presentation at CSS Dev Conf wasn’t recorded, but the FITC version was (without the Octopus, though!). So below you’ll find the video of my talk, the slides, and links to all the resources and features that I discuss in the presentation. I’ve also included JS Bin demo links for most of the features. Enjoy!
MDN Links for DOM Features
- The dataset property
- compareDocumentPosition() (See also Comparing Document Position by John Resig)
- getComputedStyle() with Pseudo-elements
- Non-standard innerText
- The poor, misunderstood innerText
- The <table> API
- HTMLInputElement API (selectionStart/selectionEnd)
References for Further Research
- DOM Enlightenment (print and e-book)
- DOM Enlightenment (early draft website)
- Mozilla Developer Network
- DOM Living Standard (WHATWG spec)
- W3C DOM4 Spec
- Web Tools Weekly
- Jump Start CSS
- HTML5 & CSS3 for the Real World: 2nd Edition
- @ImpressiveWebs on Twitter
Doing the presentation at CSS Dev Conf under a giant Octopus was as once-in-a-lifetime as it gets, so here are a couple of photos.
whoa where did the octopus come from?
“I think @GregorAdams accidentally created it.” – @jake_albaugh #cssdevconf pic.twitter.com/A6UzGlf6cu
— Chris Coyier (@chriscoyier) October 27, 2015
Anyway I hope to see this blog with frequent updates.
this is a lot of information to take in im glad you included the video it helps understand things so much more than the mozilla developer pages that often describe these elements which can be difficult to interpret even for developers.
Thanks for the great article. It was really very informative and useful. We have come to know something new and helpful about the DOM features. I am surely going to share this article with every web developer.