Frontend Dogma

“html” Archive

  1. Upgrade Your HTML V · · , , ,
  2. Using the Popover API for HTML Tooltips · · ,
  3. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling · · , ,
  4. Popover API Is Here · · ,
  5. My Approach to HTML Web Components · ·
  6. The HTML, CSS, and SVG for a Classic Search Form · · , , ,
  7. Design Deja Vu · · , , ,
  8. HTML Attributes vs. DOM Properties · · ,
  9. How to Escape JavaScript for a Script Tag · · , ,
  10. Invoking Elements by Using Only HTML: A First Look at Invokers · · ,
  11. Images as the First Thing in a Button or Link · · , , ,
  12. How to Create CSS Utility Classes · ·
  13. Converting Plain Text to Encoded HTML With Vanilla JavaScript · · ,
  14. The Biggest Lie in HTML · ·
  15. Don’t Use the “maxlength” Attribute to Stop Users from Exceeding the Limit · · ,
  16. ARIA in HTML · · , ,
  17. My “Skip to Content” Markup Was Breaking the Back Button on iOS · · , ,
  18. Figma Prototypes vs. HTML Prototypes · · , , , ,
  19. Faster Websites With the “picture” Element · · ,
  20. Testing HTML With Modern CSS · · , ,
  21. How to Think About HTML Responsive Images · · ,
  22. 21 HTML Tips You Must Know About · ·
  23. When to Use “tabindex="0"” · · , ,
  24. Svelte Parses HTML All Wrong · · ,
  25. Kobold Letters · · ,
  26. On “disabled” and “aria-disabled” Attributes · · ,
  27. On Popover Accessibility: What the Browser Does and Doesn’t Do · · ,
  28. The Problem With Data-Attributes for Text Effects · · , ,
  29. Ruby Is Complicated ·
  30. Streaming HTML · · ,
  31. Distinguishing Between ARIA and Native HTML Attributes · · , ,
  32. CSS Button Styles You Might Not Know · · ,
  33. The Quiet, Pervasive Devaluation of Frontend · · , , ,
  34. Making Room for Long List Markers With Subgrid · ·
  35. Techniques to Break Words · · , ,
  36. An HTML Switch Control · · ,
  37. YouTube Video Embedding Harm Reduction · · , ,
  38. ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences · · , , ,
  39. HTML as the Baseline · ·
  40. “X” Marks the Spot: Landmark Elements · · , , ,
  41. Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) · · , , ,
  42. A Highly Configurable Switch Component Using Modern CSS Techniques · ·
  43. HTML Web Components on the Server Are Great · ·
  44. Unlocking the Power of HTML’s Native Browser “dialog” Element · ·
  45. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet · · , ,
  46. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That · · , ,
  47. A Call for Consensus on HTML Semantics · ·
  48. The Color Input and the Color Picker · · ,
  49. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript · · , ,
  50. Basic Accessibility Mistakes I Often See in Audits · · , , , , , ,
  51. Disable Browser Caching With “meta” HTML Tags · · ,
  52. Options for “optgroup” Labeling of “options” · · , , , , ,
  53. Using “abbr” Element With “title” Attribute · · , , ,
  54. Streaming HTML Out of Order Without JavaScript · ·
  55. Buttons and Links—Common Misconceptions · · , , ,
  56. Accounting for Internationalization With CSS and HTML · · ,
  57. Stop Closing Void Elements ·
  58. HTML Validation—Pros and Cons · ·
  59. Never Underestimate HTML · · ,
  60. The Devil Is in the Details: A Look into a Disclosure Widget Markup · · ,
  61. Recapturing Early-Internet Whimsy With HTML · · , , ,
  62. “HTML First” Is Not HTML First · · , ,
  63. The Implied Web · · ,
  64. The Road to HTMHell Is Paved With Semantics · · ,
  65. Revisiting Fundamentals—Semantic Lists for Improved Accessibility · · , ,
  66. Web Components · · , ,
  67. HTML Can Do This? ·
  68. The Ghosts of Markup Past · · ,
  69. HTML: The Bad Parts ·
  70. Test-Driven HTML and Accessibility · · , ,
  71. Behavior Belongs in the HTML · · ,
  72. The “hidden” Attribute in HTML ·
  73. What the Slot? · · , ,
  74. Media Queries in HTML Video · · , , ,
  75. Security Headers Using “<meta>” · · ,
  76. HTML5 Boilerplate v9.0.0 Released · · ,
  77. The Hellish History of HTML: An Incomplete and Personal Account · ·
  78. “sizes="auto"” Pretty Much Requires “width” and “height” Attributes · · ,
  79. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience · · , ,
  80. The “form” Attribute—Enhancing Form Layout Flexibility · ·
  81. The UX of HTML · · ,
  82. Weird HTML Hacks · · , ,
  83. Shadow DOM Is for Hiding Your Shame · · , ,
  84. The Elevator Pitch for Web Components · · ,
  85. The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name ·
  86. An Attempted Taxonomy of Web Components · ·
  87. HTML Web Components Are Just JavaScript? · · ,
  88. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA · · , , , , , , ,
  89. Exclusive Accordions Exclude · ·
  90. HTML Web Components · ·
  91. HTML First · · ,
  92. Do You Really Need to Validate Your HTML Code? · · ,
  93. Understanding HTML Landmarks and How to Apply Them · · , ,
  94. HTML Web Components · · ,
  95. 13 HTML Attributes You Should Know About ·
  96. Removing List Styles Without Affecting Semantics · · , ,
  97. Don’t Turn a Table into an ARIA Grid Just for a Clickable Row · · , ,
  98. 2023: 0 of the Global Top 100 Websites Use Valid HTML · · , ,
  99. Let’s Reinvent the Wheel · · , , ,
  100. 20 Simple Ways to Style the HTML “details” Element · ·
  101. HTML vs. DOM? Let’s Debug Them · · , , ,
  102. Select Element: Now With Horizontal Rules · · , , , , , , ,
  103. HTML Meta Tags · ·
  104. Tailwind vs. Semantic CSS · · , , , ,
  105. Splitting Within Selects · · , , ,
  106. Strikethrough Accessibility · · , , , ,
  107. Using ChatGPT for Smart Truncation in Responsive Web Design · · , ,
  108. Why Unique ID Attributes Matter · · ,
  109. On the Uniting Power of a Commitment to HTML Conformance · · , , ,
  110. Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? · · , , ,
  111. CSS Findings from Photoshop Web Version · · ,
  112. The Selected Date Must Be Within the Last 10 Years · · ,
  113. Extending the Properties of an HTML Element in TypeScript · · ,
  114. An Anchored Navbar Solution · · ,
  115. The Most Minimal Valid HTML Document · · , ,
  116. Easy Dark Mode With “color-scheme” · · , , ,
  117. Stop Using JS for That: Moving Features to CSS and HTML · · , ,
  118. HTML Popover, Videos and “display:blackhole” · · ,
  119. How Mastodon Handles Images and Web Previews · · , , , ,
  120. Misconceptions Can Kill Accessibility Momentum · · ,
  121. State of HTML 2023 · ·
  122. What Makes an Accessible Date Picker? Is It Even Possible? · · ,
  123. How to Use the New “<search>” Element With WordPress · · ,
  124. What Can You Do With “data” Attributes? · ·
  125. State of Web Accessibility, ARIA in HTML, and Missing UI Patterns · · , ,
  126. Browser Video Players Review · · , , , , ,
  127. Dialog Dilemmas and Modal Mischief: A Deep Dive into Popovers and How to Build Them · · , ,
  128. Small Details to Improve Your Website’s Experience · · , ,
  129. Let’s Make a Rubber Button With HTML, CSS and SVG · · , ,
  130. Main-ly Speaking · ·
  131. XUL and HTML · · ,
  132. An Intro to the “dialog” Element · · , ,
  133. Beginner’s Guide to Lists and How to Make Them Accessible · · ,
  134. Progressively Enhanced HTML Accordion · · , ,
  135. 8 Common Heading Questions · · ,
  136. Progressively Enhanced Form Validation: HTML and CSS · · , , ,
  137. Contextual Form Errors and ARIA · · , ,
  138. A Blog Post With Every HTML Element · ·
  139. You Probably Don’t Need “http-equiv” Meta Tags · · , ,
  140. Help Design the Inaugural State of HTML Survey · ·
  141. Blockquotes in Screen Readers · · , , , ,
  142. I Blame the W3C’s HTML Standard for Ordered Lists · ·
  143. O “dialog” Focus, Where Art Thou? · · , ,
  144. Preload vs. Early Hints vs. Fetch Priority · · , , , ,
  145. All the Places Where You Can Use “prefers-color-scheme” Media Query · · , , ,
  146. The Case Against Self-Closing Tags in HTML ·
  147. How to Validate HTML On-Line at W3C · · , ,
  148. The “article” Element and Screen Readers · · , , , ,
  149. And 4 More HTML Concepts You Didn’t Know · · ,
  150. The “details” Element and In-Page Search · · , ,
  151. Under-Engineered Comboboxen? · · , ,
  152. Form and Search Landmarks · · , , , ,
  153. What Does the Image “decoding” Attribute Actually Do? · · ,
  154. Button Types · ·
  155. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now · · , ,
  156. Assume the Position—a Labelling Story · · ,
  157. Semantic Code in HTML: What Is It and Does It Still Matter? · ·
  158. 21 Awesome Web Features You’re Not Using Yet · · , ,
  159. Brief Note on Popovers With Dialogs · · , , ,
  160. 11 HTML Best Practices for Login and Sign-Up Forms · · ,
  161. Querying Parsed HTML in BigQuery ·
  162. Introducing the “popover” API · · ,
  163. Be Careful Using “Menu” · · , ,
  164. How to Build Lean Efficient Websites in 2023 · · , ,
  165. Semantics and the “popover” Attribute: What to Use When? · · , ,
  166. Fieldsets, Legends, and Screen Readers Again · · , , , ,
  167. HTML Landmark Roles Screen Reader Demo · · , , , ,
  168. Using HTML Landmark Roles to Improve Accessibility · ·
  169. Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit · · , , , ,
  170. Respect Your Children · · ,
  171. How Large DOM Sizes Affect Interactivity, and What You Can Do About It · · , ,
  172. Client-Side Rendering of HTML and Interactivity · · ,
  173. How Far Back in Time Can I Take My Website’s Design · · , , ,
  174. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? · · , ,
  175. Considering Content Warnings in HTML · · ,
  176. “details”/“summary” Inconsistencies · · , ,
  177. It’s Very Likely That… · · , ,
  178. The “details” Element Is Amazing ·
  179. HTML Accessibility API Mappings 1.0 · · ,
  180. New HTML Element: “search” · ·
  181. What Is Semantic HTML? · ·
  182. Five Pieces of Advice for More Accessible Websites · ·
  183. Modern HTML Email (Tables No Longer Required) · · ,
  184. HTML: Help Users to Download Files With the HTML “download” Attribute ·
  185. Getting Started With HTML Tables · · ,
  186. Fighting Inter-Component HTML Bloat · · , ,
  187. The “search” Element · · ,
  188. The End of Front-End Development · · ,
  189. The H1 Conundrum: Understanding the Challenges of Heading Level One · · , ,
  190. Progressively Enhancing a Table With a Web Component · · , , ,
  191. File Uploads for the Web: Uploading Files With HTML · ·
  192. HTML Garden · · ,
  193. A Tab Interface Before Its Time · ·
  194. 50.1% Empty Links · · , , ,
  195. Relative Rounded Corners · ·
  196. ARIA vs. HTML · · , , ,
  197. Avoid Spanning Table Headers · · , ,
  198. Representation of Style · ·
  199. A Step-by-Step Guide to Building Accessible Carousels · · , , ,
  200. Declarative Shadow DOM · · ,
  201. Screen Readers Don’t Convey the Semantics of “strong” and “em” · · , , , ,
  202. Mastodon and Open Graph · · , , ,
  203. Table of Contents Progress Animation · · , ,
  204. Interop 2023 CMS Checkin · · ,
  205. Rotating Gallery With CSS Scroll-Driven Animations · · , , ,
  206. HTML Input Types · ·
  207. Use the Dialog Element (Reasonably) · · ,
  208. Screen Readers Support for Text Level HTML Semantics · · , , , ,
  209. The Modern Way of Serving Images · · ,
  210. Musing Upon an “[alt]” Text Badge on Images · · ,
  211. If You Need a Link, Don’t Use a Button · · , , ,
  212. Improve Your HTML Semantic With Pico CSS · ·
  213. Unordered Lists in Main Navigations · · ,
  214. Two Ways to Safely Break a Long Word in HTML ·
  215. Three Attributes for Better Web Forms · ·
  216. Data URLs and Pool in Your URL · ·
  217. Faking Min Width on a Table Column · · , ,
  218. Customizing HTML Form Validation · · ,
  219. How to Build Great HTML Form Controls · · ,
  220. Conditional API Responses for JavaScript vs. HTML Forms · · , , ,
  221. Theme Toggles · · , ,
  222. A Problem With Link Relationships · · , ,
  223. Enforcing Better HTML Markup With Eleventy · · , ,
  224. Building an Accessible Theme Picker With HTML, CSS, and JavaScript · · , , ,
  225. A Theory of Web Relativity · · ,
  226. Common Nesting Issues in HTML · ·
  227. Interop 2022: End of Year Update · · , ,
  228. HTML Dialog · ·
  229. Mini-Guide to Add an Image · ·
  230. Modern HTML as a Foundation for Progressive Enhancement · ·
  231. 5 HTML Elements, and a Partridge in a Despair Tree · · ,
  232. Get That Marquee AeStHeTiC · · ,
  233. An HTML-First Mental Model · · ,
  234. 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better · · , ,
  235. Table Like It’s 2023 · ·
  236. One Day We’ll Have a Fully Customisable Select · ·
  237. There Can Be Only One: Options for Building “Choose One” Fields · ·
  238. Dear Developer, Your Assumptions Are Wrong ·
  239. Inside the Mind of a Frontend Developer: Article Layout · · ,
  240. A Modern HTML Template (2022) · ·
  241. Meaningful Labels Using ARIA—or Not · · , ,
  242. 4 More HTML Concepts You Didn’t Know · · , ,
  243. Reading the Meter · · ,
  244. Brief Note on Description List Support · · , , ,
  245. Landmarks and Where to Put Them · · , ,
  246. You Don’t Need ARIA for That · · ,
  247. How to Transfigure Wireframes into HTML · · , ,
  248. HTML Semantics and Accessibility Cheat Sheet · · , ,
  249. Shadow DOM and Accessibility: The Trouble With ARIA · · , , ,
  250. Newer Things to Know About Good Ol’ HTML Lists · ·