Live briefing
Everything about Shadow DOM
Web platform API for DOM encapsulation
Shadow DOM is a browser feature that allows websites to define self-contained HTML elements on the website. These self-contained elements, called shadow trees, allow website developers to bundle together related HTML markup and CSS styling in a manner such that the styling and code does not affect other surrounding elements. This solves a recurring problem that web developers face of unintended interference between components, where CSS rules written for one part of a page can accidentally affect unrelated parts of the website. Wikipedia →
🧭 Start here: a 6-step reading path
- Read the overview: Shadow DOMA 5-minute orientation
- Pick up a classic book: La sombra del vientoThe most-reprinted book on the subject
- Read the landmark paper: ShadowFPE: New Encrypted Web Application Solution Based on Shadow DOMCited 3 times
- Go sideways: Web ComponentsA closely related topic
- Go sideways: Document Object ModelA closely related topic
📖 Definitions
No dictionary entry for this exact phrase.
🗂️ The subject at a glance
🏆 Landmark papers (most cited)
📚 Books worth reading
La sombra del vientoCarlos Ruiz Zafón · 2001
The nigger of the "Narcissus"Joseph Conrad · 1897
Midnight's ChildrenSalman Rushdie · 1981
A personal recordJoseph Conrad · 1912
Learning PHP, MySQL & JavaScriptRobin Nixon · 2009
Mystery at Shadow PondMary C. Jane · 1958
Life and works of Saint Bernard, Abbot of ClairvauxSaint Bernard of Clairvaux · 1889- 📕Trail of shadowsLauran Paine · 2015
Ranked by number of editions on Open Library, a rough measure of how lasting a book is.
🔗 Related topics
- Web Components Web Components are a set of features that provide a standard component model for the web allowing for encapsulation and interoperability of individual…
- Document Object Model The Document Object Model (DOM) is a cross-platform and language-independent API that treats an HTML or XML document as a tree structure wherein each node…
- Front-end web development Front-end web development is the development of the graphical user interface of a website through the use of HTML, CSS, and JavaScript so users can view…
- XUL XUL (/ˈzuːl/ ZOOL), which stands for XML User Interface Language, is a user interface markup language developed by Mozilla. XUL is an XML dialect for writing…
- Web development tools Web development tools (often abbreviated to dev tools) allow web developers to test, modify and debug their websites. They are different from website builders…
- Dynamic HTML Dynamic HTML, or DHTML, is a term which was used by some browser vendors to describe the combination of HTML, style sheets and client-side scripts (JavaScript…
- Gecko (software) Gecko is a browser engine developed by Mozilla. It is used in the Firefox browser, the Thunderbird email client, and in a discontinued state on AOL's Netscape…
- Content Security Policy Content Security Policy (CSP) is a computer security standard introduced to prevent cross-site scripting (XSS), clickjacking and other code injection attacks…