CodeinWP CodeinWP

DOM Features You Didn’t Know Existed (Video & Slides)

If you subscribe to my newsletter then you’re probably aware that in the past couple of years I’ve done a lot of research and writing on DOM-related stuff. I don’t consider myself a JavaScript expert; pretty far from it, actually. But I like the DOM. I think it’s easy to use, and it’s in greater shape today than it was five or so years ago when jQuery was pretty much the only choice for cross-browser DOM manipulation.

As a result of all this recent work (some of which I collected together in a JavaScript/DOM e-book), I was able to put together a presentation that I had the privilege of delivering at two different conferences: CSS Dev Conf 2015 in Long Beach, California in October, and FITC Toronto 2016 on April 18.

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!

Introductory Section

References for Further Research

About Me

The Octopus

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.

DOM Features You Didn't Know Existed #DOMFeat - Louis Lazaris #cssdevconf 2015

3 Responses

  1. A blog post in quite a while but quite a worthy talk. A lot of new features that really need fiddled with. Some of them are sense less as we see lesser and lesser comments in HTML markup but in CSS and JavaScript. Even the minified css file doesn’t contain comments because all of those comment goes in CSS source if it’s a SASS file. Than what’s the point of adding them via JavaScript.

    Anyway I hope to see this blog with frequent updates.

  2. Signori D says:

    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.

    im not so strong in Javascript so im going to scrub up on some of these dom elements :)

  3. James Parker says:

    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.

Leave a Reply

Comment Rules: Please use a real name or alias. Keywords are not allowed in the "name" field and deep URLs are not allowed in the "Website" field. If you use keywords or deep URLs, your comment or URL will be removed. No foul language, please. Thank you for cooperating.

Markdown in use! Use `backticks` for inline code snippets and triple backticks at start and end for code blocks. You can also indent a code block four spaces. And no need to escape HTML, just type it correctly but make sure it's inside code delimeters (backticks or triple backticks).