Frontend Dogma

“html” Archive

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