Frontend Dogma

“html” Archive

(Need an explanation? Look for “html” at WebGlossary.info.)

  1. Markup (by/via) · · , , ,
  2. The “button” Element (by) · · , ,
  3. The “<details>” and “<summary>” Elements Are Getting an Upgrade (by) ·
  4. The “body” Element (by) · ·
  5. Clarifying the Relationship Between Popovers and Dialogs (by/via) · · , , ,
  6. Come to the “light-dark()” Side (by/via) · · , ,
  7. HTML Form Validation Is Heavily Underused (by) · · , ,
  8. Talkin’ Tables (by/via) · · , ,
  9. How Should “<selectedoption>” Work? (by) · ·
  10. An HTML Email Template With Basic Typography and Dark/light Modes (by/via) · · , , ,
  11. Using Static Websites for Tiny Archives (by) · ·
  12. I’ve Been Doing Blockquotes Wrong (by/via) ·
  13. The “blockquote” Element (by) · ·
  14. My Eulogy for the Open Web and Old Google (by) · · ,
  15. HTML/CSS Frameworks, in Their Own Words (by Word Cloud) (by) · · , , , , , , , , ,
  16. HTML for People (by) · · , ,
  17. The New Stylable “<select>” Element (by+) · · , , ,
  18. The Popover API: Your New Best Friend for Tooltips (by/via) · · , , ,
  19. Web Components: Little Bits (by/via) · · ,
  20. No Industry for Old Men (by/via) · · , , , , , , ,
  21. Practical Accessibility Tips You Can Apply Today (via) · · ,
  22. An Interesting HTML Parser Conundrum (by) · ·
  23. What’s the Difference Between HTML’s Dialog Element and Popovers? (by/via) · · , ,
  24. The “bdi” Element (by) · · ,
  25. How to Learn HTML: 46 Great Sites, Courses, and Books (All Free) · · , , , ,
  26. The “b” Element (by) · ·
  27. “img sizes=auto” for Native Lazy Loading (by) · · , , ,
  28. Hire HTML and CSS People (by) · · , ,
  29. Why HTML Has Both “<b/i>” and “<strong/em>”? (by) · ·
  30. The Importance of Title Tags: Tips and Tricks to Optimize for SEO (via) · · , ,
  31. State of HTML 2024 (by/via) · ·
  32. Request for Developer Feedback: Customizable Select (by/via) · ·
  33. 2024: 0.5% of the Global Top 200 Websites Use Valid HTML (by) · · , , ,
  34. What Does Hydration Mean? (by/via) · · , , ,
  35. The HTML History and Optimization Cheat Sheet (by) · · , ,
  36. Should Form Labels Be Wrapped or Separate? (by/via) · · , , ,
  37. HTML Whitespace Is Broken (by) · ·
  38. Semi-Annual Reminder to Learn and Hire for Web Standards (by) · · , , ,
  39. Headings (via) · · ,
  40. What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (by/via) · · , , ,
  41. Paragraphs (by) · ·
  42. The “aside” Element (by) · · ,
  43. The Secret Inside One Million Checkboxes (by) · · ,
  44. What’s Missing From HTML and CSS? (by/via) · ·
  45. Make Me One (Input) With Everything (by/via) · · , ,
  46. How to Easily Add Dark Mode to Your Website (by) · · , , , ,
  47. What Skills Should You Focus on as Junior Web Developer in 2024? (via) · · , , , , , , ,
  48. Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail? · · , , , ,
  49. Raw-Dogging Websites (by) · · , ,
  50. The Top Programming Languages 2024 (by/via) · · , , , , , , , , ,
  51. Spoiler Alert: It Needs to Be Accessible (by) · · , ,
  52. Foundations: Labelling Text Fields With Input and Label (via) · · ,
  53. Top 5 HTML Features You’re Not Using (But Should Be) (by) ·
  54. How Does the Browser Render HTML? (by) · · , , , , , ,
  55. How Are the “colspan” and “rowspan” Attributes Different? (by/via) · ·
  56. Rote Learning HTML & CSS (by/via) · · , ,
  57. “blocking=render”: Why Would You Do That?! (by) · · ,
  58. The “address” Element (by) · ·
  59. ObsoHTML, the Obsolete HTML Checker (by) · · , ,
  60. Action Web Components Which Span the Server-Client Divide (by) · · ,
  61. The “abbr” Element (by) · · ,
  62. HTML Web Components Can Have a Little Shadow DOM, as a Treat (by) · · , ,
  63. The Anchor Element (by) · · , , ,
  64. The Anatomy of Accessible Forms: Best Practices (via) · · , ,
  65. HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (by/via) · · , , , ,
  66. Replacing jQuery UI Datepicker With HTML Date Input (by) · ·
  67. Learn Web Components (by) · · , , , , ,
  68. Don’t Use JS for That: Moving Features to CSS and HTML (by/via) · · , ,
  69. Named Alternates for WordPress (by) · ·
  70. What ARIA Still Does Not Do (by) · · , ,
  71. An Update on Invokers: Invoker Commands in HTML (by) · · ,
  72. How to Parse HTML in JavaScript (via) · · , ,
  73. Mythbusting DOM: Was DOM Invented Alongside HTML? (by) · · , ,
  74. Are Web Components Worth It? (by+) · · , , ,
  75. A Rant About Front-End Development (by) · · , , , , ,
  76. Know the “search” Element (by) · ·
  77. Streaming HTML—Asynchronous DOM Updates Without JavaScript (by/via) · · ,
  78. Ditch the Pixels: The Small and Vectorized Web (by) · · ,
  79. Reflection and Custom States in Web Components (by) · ·
  80. Maybe Don’t Name That Landmark (by) · · ,
  81. Doing My Heading In (by+) · · , ,
  82. Fine-Tuning Text Inputs (by) · · ,
  83. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · , , , ,
  84. Responsive Video Works Now—These Features Could Make It Work Better (by) · · , ,
  85. Here’s What We Learned From the First “State of HTML” Survey (by/via) · ·
  86. Progressively Enhanced Popover Toggletips (by/via) · · , ,
  87. Alt Left (by) · · , ,
  88. Switching It Up With HTML’s Latest Control (by/via) · ·
  89. Multipage Version (by) · ·
  90. HTML Tags You Might Not Know About (by) ·
  91. When Should We Use Components and When Should We Just Use HTML? (by) · · ,
  92. Not So Short Note on “aria-label” Usage—Big Table Edition (by) · · ,
  93. We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (by) · · , ,
  94. Test-Driving HTML Templates (by/via) · · , , ,
  95. “<style>”: Inline Optimizations for the Bold (by) · · , ,
  96. The Latest in Web UI (by/via) · · , , ,
  97. Ignore and Acknowledge “class” Attribute on Elements in CSS (by) · ·
  98. State of HTML 2023 [Results] (by+/via) · ·
  99. Upgrade Your HTML V (by/via) · · , , ,
  100. Using the Popover API for HTML Tooltips (by/via) · · ,
  101. Using Simple Tools as a Radical Act of Independence (by/via) · · ,
  102. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (by/via) · · , ,
  103. Popover API Is Here (by/via) · · ,
  104. My Approach to HTML Web Components (by) · ·
  105. The HTML, CSS, and SVG for a Classic Search Form (by/via) · · , , ,
  106. Design Deja Vu (by) · · , , ,
  107. HTML Attributes vs. DOM Properties (by) · · ,
  108. How to Escape JavaScript for a Script Tag (by) · · , ,
  109. Invoking Elements by Using Only HTML: A First Look at Invokers (by) · · ,
  110. Images as the First Thing in a Button or Link (by) · · , , ,
  111. Converting Plain Text to Encoded HTML With Vanilla JavaScript (via) · · ,
  112. The Biggest Lie in HTML (by) · ·
  113. Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (by) · · ,
  114. ARIA in HTML (by+/via) · · , ,
  115. My “Skip to Content” Markup Was Breaking the Back Button on iOS (by) · · , ,
  116. The Dos and Don’ts of Using “tabindex” in Web Design (by/via) · · ,
  117. Figma Prototypes vs. HTML Prototypes (by) · · , , , ,
  118. Testing HTML With Modern CSS (by) · · , ,
  119. Faster Websites With the “picture” Element (by) · · ,
  120. How to Think About HTML Responsive Images (by) · · , ,
  121. 21 HTML Tips You Must Know About (by) · ·
  122. When to Use “tabindex="0"” (by/via) · · , ,
  123. Svelte Parses HTML All Wrong (by) · · ,
  124. Kobold Letters (by) · · ,
  125. On “disabled” and “aria-disabled” Attributes (by) · · ,
  126. On Popover Accessibility: What the Browser Does and Doesn’t Do (by+) · · ,
  127. The Problem With Data-Attributes for Text Effects (by) · · , ,
  128. Ruby Is Complicated (by) ·
  129. Streaming HTML (by/via) · · ,
  130. Distinguishing Between ARIA and Native HTML Attributes (via) · · , ,
  131. CSS Button Styles You Might Not Know (by) · · ,
  132. The Quiet, Pervasive Devaluation of Frontend (by) · · , , ,
  133. Making Room for Long List Markers With Subgrid (by) · · ,
  134. Techniques to Break Words (by) · · , ,
  135. An HTML Switch Control (by+/via) · · ,
  136. YouTube Video Embedding Harm Reduction (by) · · , , ,
  137. Filling Gaps With a Polyfill (by) · · , , ,
  138. ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (via) · · , , ,
  139. HTML as the Baseline (by) · ·
  140. “X” Marks the Spot: Landmark Elements (by) · · , , ,
  141. Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (by/via) · · , , ,
  142. A Highly Configurable Switch Component Using Modern CSS Techniques (by/via) · ·
  143. HTML Web Components on the Server Are Great (by) · ·
  144. Unlocking the Power of HTML’s Native Browser “dialog” Element (by/via) · ·
  145. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (by) · · , , ,
  146. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (by) · · , ,
  147. A Call for Consensus on HTML Semantics (by) · ·
  148. The Color Input and the Color Picker (by/via) · · ,
  149. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript (by/via) · · , ,
  150. Basic Accessibility Mistakes I Often See in Audits (by) · · , , , , , ,
  151. Disable Browser Caching With “meta” HTML Tags (by) · · ,
  152. Options for “optgroup” Labeling of “options” (by) · · , , , , ,
  153. Using “abbr” Element With “title” Attribute (by) · · , , ,
  154. Streaming HTML Out of Order Without JavaScript (by) · ·
  155. Buttons and Links—Common Misconceptions (by) · · , , ,
  156. Accounting for Internationalization With CSS and HTML (via) · · ,
  157. Stop Closing Void Elements (by) ·
  158. HTML Validation—Pros and Cons · ·
  159. Never Underestimate HTML (by/via) · · ,
  160. The Devil Is in the Details: A Look Into a Disclosure Widget Markup (by/via) · · ,
  161. The Implied Web (by/via) · · ,
  162. Recapturing Early-Internet Whimsy With HTML (by/via) · · , , ,
  163. “HTML First” Is Not HTML First (by) · · , ,
  164. The Road to HTMHell Is Paved With Semantics (by/via) · · ,
  165. Revisiting Fundamentals—Semantic Lists for Improved Accessibility (by/via) · · , ,
  166. Web Components (by/via) · · , ,
  167. HTML Can Do This? (by) ·
  168. The Ghosts of Markup Past (by/via) · · ,
  169. HTML: The Bad Parts (by/via) ·
  170. Test-Driven HTML and Accessibility (by/via) · · , ,
  171. Embrace the Platform (by/via) · · , , , , ,
  172. The “hidden” Attribute in HTML (by/via) ·
  173. Behavior Belongs in the HTML (by) · · ,
  174. What the Slot? (by/via) · · , ,
  175. Media Queries in HTML Video (by) · · , , ,
  176. Security Headers Using “<meta>” (by/via) · · ,
  177. The Hellish History of HTML: An Incomplete and Personal Account (by/via) · ·
  178. “sizes="auto"” Pretty Much Requires “width” and “height” Attributes (by) · · ,
  179. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (by/via) · · , ,
  180. The “form” Attribute—Enhancing Form Layout Flexibility (via) · ·
  181. The UX of HTML (by/via) · · ,
  182. How to Use Responsive HTML Video (…and Audio!) (by) · · , ,
  183. Weird HTML Hacks (by) · · , , ,
  184. The Elevator Pitch for Web Components (by) · · ,
  185. Shadow DOM Is for Hiding Your Shame (by) · · , ,
  186. The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (by) ·
  187. An Attempted Taxonomy of Web Components (by) · ·
  188. HTML Web Components Are Just JavaScript? (by/via) · · ,
  189. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (by/via) · · , , , , , , ,
  190. Exclusive Accordions Exclude (by) · ·
  191. HTML Web Components (by) · ·
  192. HTML First (by) · · ,
  193. Do You Really Need to Validate Your HTML Code? · · ,
  194. Understanding HTML Landmarks and How to Apply Them (by/via) · · , ,
  195. HTML Web Components (by) · · ,
  196. 13 HTML Attributes You Should Know About (by) ·
  197. Removing List Styles Without Affecting Semantics (by) · · , ,
  198. Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (by) · · , , ,
  199. 2023: 0 of the Global Top 100 Websites Use Valid HTML (by) · · , , ,
  200. Let’s Reinvent the Wheel (by) · · , , ,
  201. HTML vs. DOM? Let’s Debug Them (by/via) · · , , ,
  202. 20 Simple Ways to Style the HTML “details” Element (by/via) · ·
  203. Tailwind vs. Semantic CSS (by) · · , , , ,
  204. Splitting Within Selects (by) · · , , ,
  205. Select Element: Now With Horizontal Rules (by/via) · · , , , , , , ,
  206. HTML Meta Tags · ·
  207. Strikethrough Accessibility (by/via) · · , , , ,
  208. Using ChatGPT for Smart Truncation in Responsive Web Design (by) · · , ,
  209. Why Unique ID Attributes Matter (via) · · ,
  210. On the Uniting Power of a Commitment to HTML Conformance (by) · · , , ,
  211. Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? (by/via) · · , , ,
  212. CSS Findings From Photoshop Web Version (by) · · , , ,
  213. The Selected Date Must Be Within the Last 10 Years (by/via) · · ,
  214. Extending the Properties of an HTML Element in TypeScript (by/via) · · ,
  215. An Anchored Navbar Solution (by) · · ,
  216. The Most Minimal Valid HTML Document (by) · · , ,
  217. Easy Dark Mode With “color-scheme” (by) · · , , ,
  218. Stop Using JS for That: Moving Features to CSS and HTML (by/via) · · , ,
  219. HTML Popover, Videos and “display:blackhole” (by) · · ,
  220. How Mastodon Handles Images and Web Previews (by) · · , , , ,
  221. Misconceptions Can Kill Accessibility Momentum (by) · · ,
  222. State of HTML 2023 (by+/via) · ·
  223. What Makes an Accessible Date Picker? Is It Even Possible? (by/via) · · ,
  224. What Can You Do With “data” Attributes? (by) · ·
  225. How to Use the New “<search>” Element With WordPress (by) · · ,
  226. State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (by+/via) · · , ,
  227. Browser Video Players Review (by) · · , , , , ,
  228. 10 Things You Didn’t Know About HTML ·
  229. Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (by) · · , , ,
  230. Small Details to Improve Your Website’s Experience (by) · · , ,
  231. Let’s Make a Rubber Button With HTML, CSS and SVG (by/via) · · , , ,
  232. Main-ly Speaking (by) · ·
  233. XUL and HTML (by/via) · · ,
  234. Beginner’s Guide to Lists and How to Make Them Accessible (via) · · ,
  235. An Intro to the “dialog” Element (by) · · , ,
  236. Supercharge Your HTML With WebC (by) · · ,
  237. Progressively Enhanced HTML Accordion (by) · · , ,
  238. 8 Common Heading Questions (via) · · ,
  239. Progressively Enhanced Form Validation: HTML and CSS (by/via) · · , , ,
  240. Responsive Images: DIY Implementation in 6 Steps (by) · · ,
  241. Contextual Form Errors and ARIA (by) · · , ,
  242. A Blog Post With Every HTML Element (by) · ·
  243. I’m Betting on HTML · ·
  244. You Probably Don’t Need “http-equiv” Meta Tags (by) · · , ,
  245. Help Design the Inaugural “State of HTML” Survey (by) · ·
  246. Blockquotes in Screen Readers (by) · · , , , ,
  247. I Blame the W3C’s HTML Standard for Ordered Lists (by) · ·
  248. O “dialog” Focus, Where Art Thou? (by) · · , ,
  249. Preload vs. Early Hints vs. Fetch Priority (via) · · , , , ,
  250. All the Places Where You Can Use “prefers-color-scheme” Media Query (by) · · , , ,