Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“dom” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: html, xml, javascript, standards · Subtopics: shadow-dom (non-exhaustive) · “dom” × ? · “dom” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Foundations: The Accessibility Tree (cra/tet)169
fundamentals, accessibility
Preserving DOM Changes Across Live Reloads (kit)168
javascript, eleventy
Definitive Guide to Multi-Threaded Rendering on the Web (hac)167
guides, rendering
How Browsers Work (dmy)166
websites, guides, browsers, urls, http, tcp, html
Eight Quick Things to Remember When Using “aria-owns” (rus)165
accessibility, aria, assistive-tech
What Are DOM Mutations? (rus)164
accessibility, javascript
This One Abstraction Made My Frontend 10× More Maintainable163
events, debouncing
Resize Any DOM Element Using Two Lines of CSS (ami)162
resizing, css
HTML Is Dead, Long Live HTML (unc)161
html, css, standards, metrics
Web Components: Working With Shadow DOM (sma)160
web-components, shadow-dom, html
Public CSS Custom Properties in the Shadow DOM (mic)159
css, custom-properties, shadow-dom, animations
Shadow DOM: The Ultimate Solution for Embedding Third-Party HTML Without CSS Conflicts158
shadow-dom, html, css
The 3 Ways JavaScript Frameworks Render the DOM (rya)157
videos, frameworks, javascript, rendering
Milana Cap on the Interactivity and HTML APIs, and Their Enormous Potential (mil+)156
podcasts, interviews, wordpress, apis, html
React Reconciliation: The Hidden Engine Behind Your Components155
react, components
Declarative Shadow DOM (sch/5t3)154
shadow-dom, web-components
Understanding the Main Thread in the Browser (per)153
browsers, javascript
Exploring the Browser Rendering Process152
browsers, rendering, cssom, painting
Front End Debugging: Not Just Console Log (deb)151
debugging, console, javascript
What Does Hydration Mean? (chr/fro)150
hydration, concepts, javascript, html
How Does the Browser Render HTML? (and)149
browsers, browser-engines, rendering, html, css, cssom, painting
HTML Web Components Can Have a Little Shadow DOM, as a Treat (sco)148
html, web-components, shadow-dom
Patterns for Memory Efficient DOM Manipulation With Modern Vanilla JavaScript (fro)147
javascript, memory, software-design-patterns
Learn Web Components (and)146
websites, courses, web-components, html, css, javascript
Mythbusting DOM: Was DOM Invented Alongside HTML?145
myths, html, history
Are Web Components Worth It? (jaf+)144
podcasts, web-components, html, shadow-dom
Streaming HTML—Asynchronous DOM Updates Without JavaScript (inf)143
html, asynchrony, streaming
How Deep Is Your DOM? (max)142
performance, lighthouse
Why Use Web Components Over Traditional DOM Manipulation? (cfe)141
web-components
HTML Attributes vs. DOM Properties (jaf)140
html, attributes, comparisons
Demystifying the Shadow DOM139
shadow-dom
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets138
shadow-dom, css
A Practical Guide to Using Shadow DOM (may)137
guides, shadow-dom
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)136
html, shadow-dom, apis, security
The Good, the Bad, the Web Components (zac)135
web-components, shadow-dom
Safely Accessing the DOM With Angular SSR134
security, javascript, angular, server-side-rendering
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)133
accessibility, testing, automation, tooling, shadow-dom, web-components
Shadow DOM and the Problem of Encapsulation (nol)132
web-components, shadow-dom, maintainability
Web Components (may/5t3)131
web-components, html, shadow-dom
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)130
javascript, html, comparisons
What the Slot? (dut/mat)129
web-components, shadow-dom, html
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)128
javascript, frameworks, reactivity, rendering
The Elevator Pitch for Web Components (cfe)127
web-components, html
Shadow DOM Is for Hiding Your Shame126
shadow-dom, web-components, html
Shadow DOM on Regular Elements (kiz)125
shadow-dom
Blinded by the Light DOM (mey)124
web-components, shadow-dom, javascript
HTML vs. DOM? Let’s Debug Them (jec)123
videos, html, debugging, comparisons
Scope vs. Shadow DOM (kei)122
shadow-dom, scope, css, javascript, comparisons
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)121
web-components, shadow-dom
In Defence of “DOMContentLoaded” (css)120
javascript, performance
Shining Light on the Shadow DOM (cas/css)119
videos, shadow-dom
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance118
how-tos, rendering, performance, debugging, angular
Plain Old JavaScript and the DOM (dou)117
javascript
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)116
performance, html, optimization
Browser Rendering: What Happens Behind the Scenes (fro)115
browsers, rendering, browser-engines, parsing, painting, cssom
3 Methods for Scoped Styles in Web Components That Work Everywhere (zac)114
web-components, css, scope, shadow-dom, support
Declarative Shadow DOM (dev+)113
shadow-dom, html
Encapsulating CSS With Shadow DOM112
shadow-dom, css, javascript
Declarative Shadow DOM (web)111
shadow-dom
How to Add an Event Handler in React110
how-tos, react, events
Step Into the Light (DOM) (aaa)109
web-components, progressive-enhancement
An HTML-First Mental Model (noa/per)108
html, performance
DOM Clobbering (fre/mat)107
security
Shadow DOM and Accessibility: The Trouble With ARIA (nol)106
shadow-dom, accessibility, aria, html
Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (sma)105
introductions, guides, javascript
Mastering DOM Manipulation With Vanilla JavaScript104
javascript
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol)103
selectors, scope, shadow-dom, performance, comparisons, metrics
Dialogs and Shadow DOM: Can We Make It Accessible? (nol)102
modals, accessibility, shadow-dom
Safe DOM Manipulation With the Sanitizer API101
apis, sanitization
Does Shadow DOM Improve Style Performance? (nol)100
shadow-dom, performance, rendering
An Introduction to Frameworkless Web Components (cra)99
introductions, web-components, javascript
Shadow Tree Encapsulation Theory (ann)98
shadow-dom
Working With Attributes on DOM Elements (css)97
attributes, custom-data, html, javascript
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci)96
w3c, whatwg, html, standards
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the)95
w3c, whatwg, standards, html
W3C and WHATWG Come Together for HTML and DOM Specifications94
w3c, whatwg, html, standards
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c)93
w3c, whatwg, html, standards
W3C and WHATWG Agree to Work Together Over HTML and DOM92
w3c, whatwg, html, standards
W3C and WHATWG to Work Together to Advance the Open Web Platform (w3c)91
w3c, whatwg, web-platform, html, standards
Getting to Know the MutationObserver API (lou/sma)90
apis, javascript
How to Avoid DOM Blocking in JavaScript (cra)89
how-tos, javascript, performance
Styling a Web Component (chr/css)88
web-components, shadow-dom, custom-properties, css, html
Extending Built-In Elements (web)87
web-components, shadow-dom, javascript
View Source: Why It Still Matters and How to Quickly Compare It to a Rendered DOM86
how-tos, view-source, tooling, seo
Custom Elements v1—Reusable Web Components85
html, maintainability, web-components, shadow-dom, examples
Playing With Shadow DOM (chr/css)84
shadow-dom, css, scope
Building Pattern Libraries With Shadow DOM in Markdown (hey/sma)83
pattern-libraries, shadow-dom, markdown
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)82
fundamentals, javascript
Explorations in the Virtual DOM: How React.js Impacts Accessibility (mar)81
slides, react, accessibility
Know It All80
websites, css, html, javascript, svg, cssom, nodejs
Loop Through a Collection of DOM Elements (paw)79
javascript
JavaScript for Web Designers: DOM Scripting (wil/ali)78
javascript
Shadow DOM v1—Self-Contained Web Components77
shadow-dom, web-components
The Poor, Misunderstood “innerText”76
javascript
DOM: Custom Elements (ann)75
web-components
“getElementsByTagName” (W3C DOM Core Method)74
javascript
What Every Frontend Developer Should Know About Webpage Rendering73
rendering, cssom, painting, reflow, browsers, browser-engines
Shadow DOM72
shadow-dom, svg, images, angularjs, css, mathml
Writing a Better JavaScript Library for the DOM (sma)71
javascript, libraries, jquery
What Is the DOM? (chr/css)70
html, javascript
An Introduction to DOM Events (sma)69
introductions, events, javascript
The Dark Shadow of the DOM (sib)68
shadow-dom, accessibility
jQuery: The Performance of DOM Caching67
jquery, caching, performance
Children of the DOM (sib)66
javascript
Shadow DOM 10165
introductions, shadow-dom
The Basics of the Shadow DOM (cji)64
fundamentals, shadow-dom
Improving the DOM (ann)63
Component Models and Encapsulation (oth)62
discussions, shadow-dom, w3c
HTML5, CSS3, and DOM Performance (pau)61
videos, html, css, performance
What’s Wrong With Extending the DOM60
javascript, extensibility
Web Spec Goulash (bur)59
html, xhtml, standards
A Better Way to Use Elements (sea/moo)58
javascript, mootools
How Internet Explorer 8 Document Mode Affects JavaScript (nza)57
internet-explorer, browsers, javascript, json, arrays
Full Frontal ’09: Jake Archibald on Performance Optimisation (mic/aja)56
performance, optimization, javascript
DOM vs. Template (tro)55
php, comparisons
Does “setTimeout” Solve the “DOMContentLoaded” Problem?54
javascript, time, performance
Beyond DOM53
ajax, javascript
The Problem With “innerHTML”52
javascript, methods
More Fun With “DOMContentLoaded” (dal/aja)51
javascript
Using DOM Query Libraries in YUI (zac)50
yui, libraries, jquery
DOMDom, Easy DOM Element Creation (zac)49
javascript, libraries, tooling
HTML5 and XHTML 1.1+ Must Stop for Now (mho)48
html, xhtml, css, standards, support, interoperability, javascript
Advancing JavaScript With Libraries (dal/aja)47
javascript, libraries, jquery
DOM Storage and Microformats (dal/aja)46
javascript, microformats
Scripting Essentials (dan)45
fundamentals, javascript
DOMTool44
tooling, conversion, javascript, html
That’s Not Write (int)43
javascript
IE’s “innerHTML” Problem (nza)42
internet-explorer, browsers, javascript
PPK on JavaScript: The DOM (ppk)41
javascript, concepts
Douglas Crockford Does the DOM on Video (cod)40
javascript
An Introduction to the W3C DOM39
slides, introductions, w3c, javascript, standards
Why Web Standards Matter (Case Study)38
standards, case-studies, html, javascript, metrics
DOM vs. Web (mno)37
security, http
Fast DOM Queries in Today’s Browsers (sli)36
javascript, performance, browsers, w3c
Announcing DOM Helper: A New and Improved CSS Editor35
tooling, css, code-editors, windows
“DOM Scripting” by Jeremy Keith34
books, javascript
Usability Improvements Using the DOM (mis)33
usability, javascript, links
The JavaScript Manifesto (wa)32
manifestos, javascript, accessibility
On Separating Style and Behaviour (far)31
principles, html, xhtml, css, javascript
How to Use the DOM for “:hover”30
how-tos, javascript, hover, css
AJAX: A New Approach to Web Applications (jes)29
ajax, html, xhtml, css, javascript, web-apps
DHTML != DOM (ppk)28
dhtml, javascript, terminology
2005: The Year of the DOM (sim)27
javascript, css, outlooks
Taming the Select (cod)26
forms, javascript
Why “document.write()” Doesn’t Work in XML25
javascript, xml
This Year’s Document Object Model24
standards, javascript, dhtml
Server-Sent DOM Events23
servers, events
Document Object Model (DOM) Level 3 Core Specification (leh+/w3c)22
standards
DOM Level 3 a W3C Recommendation21
standards
DOM Level 3 a W3C Recommendation20
w3c, standards
DOM for Web Services19
web-services
JavaScript, the DOM, and “application/xhtml” (sim)18
javascript, mime-types
Forms, Usability, and the W3C DOM (ppk/dig)17
forms, usability, javascript, html, dhtml
W3C Merges Web Specs (zdn)16
w3c, standards, xml, xpath
Collapsible Page Elements With DOM (cod)15
javascript, effects
Rough Guide to the DOM14
guides, javascript
Waiting for the DOM13
javascript, css, browsers, support, interoperability
The Importance of Web Standards (dbo)12
standards, html, xml, css, ecmascript, web-platform
The Document Object Model: An Introduction (ppk/dig)11
introductions, javascript
Crossbrowser DOM Scripting: Event Handlers (nea)10
javascript, events, browsers, support
DOM Design Tricks III: Using Events in the Document Object Model (jde/ali)9
javascript, events, examples, tips-and-tricks
DOM Design Tricks II (jde/ali)8
javascript, examples, tips-and-tricks
DOM Design Tricks (jde/ali)7
javascript, examples, tips-and-tricks
Meet the DOM (jde/ali)6
introductions
Markup Languages5
overviews, sgml, html, xml, css, xsl, xhtml, dhtml, ssi
What Is XML?4
terminology, xml, css, xsl
What Are Web Standards and Why Should I Use Them? (wa)3
html, xml, css, ecmascript, accessibility, standards, craft
Live DOM Viewer2
tools, exploration, auditing, debugging
UI Events Viewer (db)1
tools, exploration, auditing, debugging, react, events