jeresig, profile picture
Uploaded byjeresig
PDF, PPTX50,624 views

The DOM is a Mess @ Yahoo

The document discusses the messy and buggy state of the DOM across browsers and strategies for writing cross-browser JavaScript code. It notes that nearly every DOM method has bugs or inconsistencies in some browsers. It then covers strategies like feature detection, graceful fallback for missing features, simulating features via workarounds, monitoring for regressions, and having a robust test suite to prevent regressions in one's own code. The overall message is that the DOM is messy and one needs to "know your enemies" by thoroughly testing code in all target browsers.

Embed presentation

Download as PDF, PPTX
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo
The DOM is a Mess @ Yahoo

More Related Content

PPT
High Performance Ajax Applications
byJulien Lecomte
 
PDF
CouchDB Google
bySteve Souders
 
PDF
Play vs Rails
byDaniel Cukier
 
PDF
Performance Improvements in Browsers
byjeresig
 
PDF
Ajax Security
byJoe Walker
 
KEY
Single Page Web Applications with CoffeeScript, Backbone and Jasmine
byPaulo Ragonha
 
PDF
How to make Ajax work for you
bySimon Willison
 
PDF
HTML5: friend or foe (to Flash)?
byRemy Sharp
 
High Performance Ajax Applications
byJulien Lecomte
 
CouchDB Google
bySteve Souders
 
Play vs Rails
byDaniel Cukier
 
Performance Improvements in Browsers
byjeresig
 
Ajax Security
byJoe Walker
 
Single Page Web Applications with CoffeeScript, Backbone and Jasmine
byPaulo Ragonha
 
How to make Ajax work for you
bySimon Willison
 
HTML5: friend or foe (to Flash)?
byRemy Sharp
 

What's hot

PDF
Django in the Real World
byJacob Kaplan-Moss
 
PDF
Django Rest Framework and React and Redux, Oh My!
byEric Palakovich Carr
 
PDF
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
byMatt Raible
 
PDF
Aligning Ember.js with Web Standards
byMatthew Beale
 
PDF
Advanced AV Foundation (CocoaConf, Aug '11)
byChris Adamson
 
PDF
JavaScript Library Overview
byjeresig
 
PDF
Ugo Cei Presentation
byRubyOnRails_dude
 
PPT
The Theory Of The Dom
bykaven yan
 
PDF
High Performance Ajax Applications
bySiarhei Barysiuk
 
PDF
HTML5 for the Silverlight Guy
byDavid Padbury
 
KEY
HTML5 vs Silverlight
byMatt Casto
 
KEY
Mobile HTML, CSS, and JavaScript
byfranksvalli
 
PDF
Choosing a Javascript Framework
byAll Things Open
 
PDF
Php on Windows
byElizabeth Smith
 
KEY
Building a real life application in node js
byfakedarren
 
PDF
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
byLeonardo Balter
 
KEY
jQuery Anti-Patterns for Performance & Compression
byPaul Irish
 
PDF
HTML5: where flash isn't needed anymore
byRemy Sharp
 
PDF
AJAX Transport Layer
bySiarhei Barysiuk
 
PDF
High Performance JavaScript - jQuery Conference SF Bay Area 2010
byNicholas Zakas
 
Django in the Real World
byJacob Kaplan-Moss
 
Django Rest Framework and React and Redux, Oh My!
byEric Palakovich Carr
 
#NoXML: Eliminating XML in Spring Projects - SpringOne 2GX 2015
byMatt Raible
 
Aligning Ember.js with Web Standards
byMatthew Beale
 
Advanced AV Foundation (CocoaConf, Aug '11)
byChris Adamson
 
JavaScript Library Overview
byjeresig
 
Ugo Cei Presentation
byRubyOnRails_dude
 
The Theory Of The Dom
bykaven yan
 
High Performance Ajax Applications
bySiarhei Barysiuk
 
HTML5 for the Silverlight Guy
byDavid Padbury
 
HTML5 vs Silverlight
byMatt Casto
 
Mobile HTML, CSS, and JavaScript
byfranksvalli
 
Choosing a Javascript Framework
byAll Things Open
 
Php on Windows
byElizabeth Smith
 
Building a real life application in node js
byfakedarren
 
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJ
byLeonardo Balter
 
jQuery Anti-Patterns for Performance & Compression
byPaul Irish
 
HTML5: where flash isn't needed anymore
byRemy Sharp
 
AJAX Transport Layer
bySiarhei Barysiuk
 
High Performance JavaScript - jQuery Conference SF Bay Area 2010
byNicholas Zakas
 

Viewers also liked

PPT
Mri brain anatomy Dr Muhammad Bin Zulfiqar
byDr. Muhammad Bin Zulfiqar
 
PDF
Dear NSA, let me take care of your slides.
byEmiland
 
PDF
10 Ways to Win at SlideShare SEO & Presentation Optimization
byOneupweb
 
PPT
Entrepreneurship, introduction to entrepreneurship, definition of entrepreneu...
byJorge Saguinsin
 
PDF
Thai tech startup ecosystem report 2017
byTechsauce Media
 
PDF
5000 Sat Words With Definitions
byBrent Daigle, Ph.D.
 
PDF
Introduction to Excel - Excel 2013 Tutorial
bySpreadsheetTrainer
 
PDF
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
byEmpowered Presentations
 
PDF
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
byContent Marketing Institute
 
PDF
Starting small, thinking big
byOluyomi Ojo
 
PDF
What Makes Great Infographics
bySlideshare
 
PPTX
Operating Systems - File Management
byDamian T. Gordon
 
PPTX
Size exclusion chromatography
byMandvi Shandilya
 
PDF
Masters of SlideShare
byKapost
 
PPTX
Loans and advances
byStrides Shasun
 
PPT
Mineral & energy resources
byArmy public school
 
PPTX
4. heredity and evolution
byAbhay Goyal
 
PDF
Digital Brief 003 - Market Report Q2 2015
byLUMA Partners
 
PDF
The Ultimate Guide to Creating Visually Appealing Content
byNeil Patel
 
KEY
61 Beautiful & Inspirational Timeline Cover on Facebook
byConsonaute
 
Mri brain anatomy Dr Muhammad Bin Zulfiqar
byDr. Muhammad Bin Zulfiqar
 
Dear NSA, let me take care of your slides.
byEmiland
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
byOneupweb
 
Entrepreneurship, introduction to entrepreneurship, definition of entrepreneu...
byJorge Saguinsin
 
Thai tech startup ecosystem report 2017
byTechsauce Media
 
5000 Sat Words With Definitions
byBrent Daigle, Ph.D.
 
Introduction to Excel - Excel 2013 Tutorial
bySpreadsheetTrainer
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
byEmpowered Presentations
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
byContent Marketing Institute
 
Starting small, thinking big
byOluyomi Ojo
 
What Makes Great Infographics
bySlideshare
 
Operating Systems - File Management
byDamian T. Gordon
 
Size exclusion chromatography
byMandvi Shandilya
 
Masters of SlideShare
byKapost
 
Loans and advances
byStrides Shasun
 
Mineral & energy resources
byArmy public school
 
4. heredity and evolution
byAbhay Goyal
 
Digital Brief 003 - Market Report Q2 2015
byLUMA Partners
 
The Ultimate Guide to Creating Visually Appealing Content
byNeil Patel
 
61 Beautiful & Inspirational Timeline Cover on Facebook
byConsonaute
 

Similar to The DOM is a Mess @ Yahoo

PDF
Ajax Tutorial
byoscon2007
 
PDF
Zepto and the rise of the JavaScript Micro-Frameworks
byThomas Fuchs
 
PPTX
Javascript best practices
byJayanga V. Liyanage
 
KEY
10 Years of JavaScript
byMike de Boer
 
PDF
50 common web developer interview questions [2020 updated] [www.full stack....
byAlex Ershov
 
PDF
A call to JS Developers - Let’s stop trying to impress each other and start b...
byChristian Heilmann
 
PDF
Building a JavaScript Library
byjeresig
 
PDF
Performance Improvements In Browsers
byGoogleTecTalks
 
PDF
orcreatehappyusers
bytutorialsruby
 
PDF
orcreatehappyusers
bytutorialsruby
 
PDF
New Features Coming in Browsers (RIT '09)
byjeresig
 
PPTX
JS digest. April 2018
byElifTech
 
PDF
Responsive, adaptive and responsible - keynote at NebraskaJS
byChristian Heilmann
 
PPTX
jQuery Conference 2012 keynote
bydmethvin
 
PPTX
JavaScript: Creative Coding for Browsers
bynoweverywhere
 
PPTX
JS digest. Mid-Summer 2017
byElifTech
 
PPTX
Webinar–Reviewing Modern JavaScript Applications
bySynopsys Software Integrity Group
 
PDF
Breaking out of the endless callback look - #jsday Italy keynote
byChristian Heilmann
 
PDF
Jsday
byChristian Heilmann
 
PDF
Overboard.js - where are we going with with jsconfasia / devfestasia
byChristian Heilmann
 
Ajax Tutorial
byoscon2007
 
Zepto and the rise of the JavaScript Micro-Frameworks
byThomas Fuchs
 
Javascript best practices
byJayanga V. Liyanage
 
10 Years of JavaScript
byMike de Boer
 
50 common web developer interview questions [2020 updated] [www.full stack....
byAlex Ershov
 
A call to JS Developers - Let’s stop trying to impress each other and start b...
byChristian Heilmann
 
Building a JavaScript Library
byjeresig
 
Performance Improvements In Browsers
byGoogleTecTalks
 
orcreatehappyusers
bytutorialsruby
 
orcreatehappyusers
bytutorialsruby
 
New Features Coming in Browsers (RIT '09)
byjeresig
 
JS digest. April 2018
byElifTech
 
Responsive, adaptive and responsible - keynote at NebraskaJS
byChristian Heilmann
 
jQuery Conference 2012 keynote
bydmethvin
 
JavaScript: Creative Coding for Browsers
bynoweverywhere
 
JS digest. Mid-Summer 2017
byElifTech
 
Webinar–Reviewing Modern JavaScript Applications
bySynopsys Software Integrity Group
 
Breaking out of the endless callback look - #jsday Italy keynote
byChristian Heilmann
 
Jsday
byChristian Heilmann
 
Overboard.js - where are we going with with jsconfasia / devfestasia
byChristian Heilmann
 

More from jeresig

PDF
Holistic JavaScript Performance
byjeresig
 
PDF
JavaScript Libraries (Ajax Exp 2006)
byjeresig
 
PDF
Introduction to jQuery (Ajax Exp 2006)
byjeresig
 
PDF
jQuery Mobile
byjeresig
 
PDF
Does Coding Every Day Matter?
byjeresig
 
PDF
jQuery Recommendations to the W3C (2011)
byjeresig
 
PDF
Introduction to jQuery (Ajax Exp 2007)
byjeresig
 
PDF
Advanced jQuery (Ajax Exp 2007)
byjeresig
 
PDF
Using JS to teach JS at Khan Academy
byjeresig
 
PDF
Applying Computer Vision to Art History
byjeresig
 
PDF
EmpireJS: Hacking Art with Node js and Image Analysis
byjeresig
 
PDF
Applying Computer Vision to Art History
byjeresig
 
PDF
Accidentally Becoming a Digital Librarian
byjeresig
 
PDF
Hacking Art History
byjeresig
 
PDF
2014: John's Favorite Thing (Neo4j)
byjeresig
 
PDF
NYARC 2014: Frick/Zeri Results
byjeresig
 
PDF
Computer Vision as Art Historical Investigation
byjeresig
 
PDF
jQuery Open Source Process (RIT 2011)
byjeresig
 
PDF
jQuery Open Source Process (Knight Foundation 2011)
byjeresig
 
PDF
jQuery Open Source (Fronteer 2011)
byjeresig
 
Holistic JavaScript Performance
byjeresig
 
JavaScript Libraries (Ajax Exp 2006)
byjeresig
 
Introduction to jQuery (Ajax Exp 2006)
byjeresig
 
jQuery Mobile
byjeresig
 
Does Coding Every Day Matter?
byjeresig
 
jQuery Recommendations to the W3C (2011)
byjeresig
 
Introduction to jQuery (Ajax Exp 2007)
byjeresig
 
Advanced jQuery (Ajax Exp 2007)
byjeresig
 
Using JS to teach JS at Khan Academy
byjeresig
 
Applying Computer Vision to Art History
byjeresig
 
EmpireJS: Hacking Art with Node js and Image Analysis
byjeresig
 
Applying Computer Vision to Art History
byjeresig
 
Accidentally Becoming a Digital Librarian
byjeresig
 
Hacking Art History
byjeresig
 
2014: John's Favorite Thing (Neo4j)
byjeresig
 
NYARC 2014: Frick/Zeri Results
byjeresig
 
Computer Vision as Art Historical Investigation
byjeresig
 
jQuery Open Source Process (RIT 2011)
byjeresig
 
jQuery Open Source Process (Knight Foundation 2011)
byjeresig
 
jQuery Open Source (Fronteer 2011)
byjeresig
 

Recently uploaded

PDF
Workshop on Sustaining & Growing Open Source Communities - GAS2025
bySammy Fung
 
PDF
The State of the Gen AI economy - 2025 - The Meliora Company
byClive Dickens
 
PDF
WCAG Analyzer Tools and Techniques for User-Friendly Websites
byAccessibility Analyzer
 
PDF
10 Things AI-First Apps Do Differently by iProgrammer Solutions
byiProgrammer Solutions Private Limited
 
PPTX
Gemini vs ChatGPT : Comparing Top AI Models
byDigicarrom
 
PPTX
DYNAMICALLY.pptx good for the teachers or students to do seminars and for tea...
bympoorvika031
 
PDF
Real-Time Data Insight Using Microsoft Forms for Business
byElevate
 
PDF
Lab 1.5 - Sharing Secrets with GPG ~ 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PPTX
Technology Consulting _ by Slidesgo.pptx
byfh82277
 
PPTX
UiPath Autonomous Agents | Building and Orchestrating Agents End-to-End
byUiPathCommunity
 
PPTX
MGw_MRS Benfits seu beficios de redes 4g
byJoaquimBarros18
 
PDF
Day 3 - Data and Application Security - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
PDF
CompTIA Cybersecurity Analyst (CySA+) CS0-003: Unit 5
byVICTOR MAESTRE RAMIREZ
 
PPTX
Top _HR Technology Trends _for 2026_.pptx
byAutomationEdge Technologies
 
PDF
Our Digital Tribe_ Cultivating Connection and Growth in Our Slack Community 🌿...
bysanjeetmishra30
 
PDF
WHITE PAPER_ Ransomware Payment Policy and Resilience Strategy_ A Framework f...
byssuser0d171c
 
PPTX
Building Cyber Resilience for 2026: Best Practices for a Secure, AI-Driven Bu...
byYasir Naveed Riaz
 
PPTX
wob-report.pptxwob-report.pptxwob-report.pptx
byssuser0d171c
 
PDF
Internet_of_Things_IoT_for_Next_Generation_Smart_Systems_Utilizing.pdf
byRoshanSyed12
 
DOCX
iRobot Post‑Mortem and Alternative Paths - Discussion Document for Boards and...
byDave Litwiller
 
Workshop on Sustaining & Growing Open Source Communities - GAS2025
bySammy Fung
 
The State of the Gen AI economy - 2025 - The Meliora Company
byClive Dickens
 
WCAG Analyzer Tools and Techniques for User-Friendly Websites
byAccessibility Analyzer
 
10 Things AI-First Apps Do Differently by iProgrammer Solutions
byiProgrammer Solutions Private Limited
 
Gemini vs ChatGPT : Comparing Top AI Models
byDigicarrom
 
DYNAMICALLY.pptx good for the teachers or students to do seminars and for tea...
bympoorvika031
 
Real-Time Data Insight Using Microsoft Forms for Business
byElevate
 
Lab 1.5 - Sharing Secrets with GPG ~ 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
Technology Consulting _ by Slidesgo.pptx
byfh82277
 
UiPath Autonomous Agents | Building and Orchestrating Agents End-to-End
byUiPathCommunity
 
MGw_MRS Benfits seu beficios de redes 4g
byJoaquimBarros18
 
Day 3 - Data and Application Security - 2nd Sight Lab Cloud Security Class
by2nd Sight Lab
 
CompTIA Cybersecurity Analyst (CySA+) CS0-003: Unit 5
byVICTOR MAESTRE RAMIREZ
 
Top _HR Technology Trends _for 2026_.pptx
byAutomationEdge Technologies
 
Our Digital Tribe_ Cultivating Connection and Growth in Our Slack Community 🌿...
bysanjeetmishra30
 
WHITE PAPER_ Ransomware Payment Policy and Resilience Strategy_ A Framework f...
byssuser0d171c
 
Building Cyber Resilience for 2026: Best Practices for a Secure, AI-Driven Bu...
byYasir Naveed Riaz
 
wob-report.pptxwob-report.pptxwob-report.pptx
byssuser0d171c
 
Internet_of_Things_IoT_for_Next_Generation_Smart_Systems_Utilizing.pdf
byRoshanSyed12
 
iRobot Post‑Mortem and Alternative Paths - Discussion Document for Boards and...
byDave Litwiller