Frontend Dogma

“html” Archive (2)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. The Most Minimal Valid HTML Document (by) · · , ,
  2. Easy Dark Mode With “color-scheme” (by) · · , , ,
  3. Stop Using JS for That: Moving Features to CSS and HTML (by/via) · · , ,
  4. HTML Popover, Videos and “display:blackhole” (by) · · ,
  5. How Mastodon Handles Images and Web Previews (by) · · , , , ,
  6. Misconceptions Can Kill Accessibility Momentum (by) · · ,
  7. State of HTML 2023 (by+/via) · ·
  8. What Makes an Accessible Date Picker? Is It Even Possible? (by/via) · · ,
  9. What Can You Do With “data” Attributes? (by) · ·
  10. How to Use the New “<search>” Element With WordPress (by) · · ,
  11. State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (by+/via) · · , ,
  12. Browser Video Players Review (by) · · , , , , ,
  13. 10 Things You Didn’t Know About HTML ·
  14. Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (by) · · , , ,
  15. Small Details to Improve Your Website’s Experience (by) · · , ,
  16. Let’s Make a Rubber Button With HTML, CSS and SVG (by/via) · · , , ,
  17. Main-ly Speaking (by) · ·
  18. XUL and HTML (by/via) · · ,
  19. Beginner’s Guide to Lists and How to Make Them Accessible (via) · · ,
  20. An Intro to the “dialog” Element (by) · · , ,
  21. Supercharge Your HTML With WebC (by) · · ,
  22. Progressively Enhanced HTML Accordion (by) · · , ,
  23. 8 Common Heading Questions (via) · · ,
  24. Progressively Enhanced Form Validation: HTML and CSS (by/via) · · , , ,
  25. Responsive Images: DIY Implementation in 6 Steps (by) · · ,
  26. A Blog Post With Every HTML Element (by) · ·
  27. Contextual Form Errors and ARIA (by) · · , ,
  28. I’m Betting on HTML · ·
  29. You Probably Don’t Need “http-equiv” Meta Tags (by) · · , ,
  30. Help Design the Inaugural “State of HTML” Survey (by) · ·
  31. Blockquotes in Screen Readers (by) · · , , ,
  32. I Blame the W3C’s HTML Standard for Ordered Lists (by) · ·
  33. O “dialog” Focus, Where Art Thou? (by) · · , ,
  34. Preload vs. Early Hints vs. Fetch Priority (via) · · , , , ,
  35. All the Places Where You Can Use “prefers-color-scheme” Media Query (by) · · , , ,
  36. The Case Against Self-Closing Tags in HTML (by) ·
  37. How to Validate HTML On-Line at W3C (by) · · , ,
  38. The “article” Element and Screen Readers (by) · · , , ,
  39. And 4 More HTML Concepts You Didn’t Know (by) · · ,
  40. The “details” Element and In-Page Search (by) · · , ,
  41. Under-Engineered Comboboxen? (by) · · , ,
  42. Form and Search Landmarks (by) · · , , , ,
  43. What Does the Image “decoding” Attribute Actually Do? (by) · · ,
  44. Button Types (by) · ·
  45. HTML Imports (by+/via) ·
  46. Django: A Security Improvement Coming to “format_html()” (by) · · ,
  47. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (by) · · , ,
  48. Assume the Position—a Labeling Story (by/via) · · , ,
  49. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · ·
  50. 21 Awesome Web Features You’re Not Using Yet (by/via) · · , ,
  51. Brief Note on Popovers With Dialogs (by) · · , , ,
  52. Querying Parsed HTML in BigQuery (by) ·
  53. 11 HTML Best Practices for Login and Sign-Up Forms (by/via) · · ,
  54. Introducing the Popover API (by/via) · · , ,
  55. Be Careful Using “Menu” (by) · · , ,
  56. How to Build Lean Efficient Websites in 2023 (by) · · , ,
  57. Fieldsets, Legends, and Screen Readers Again (by/via) · · , , ,
  58. Semantics and the “popover” Attribute: What to Use When? (by) · · , ,
  59. Using HTML Landmark Roles to Improve Accessibility (by/via) · ·
  60. HTML Landmark Roles Screen Reader Demo (by/via) · · , , ,
  61. Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (by/via) · · , , ,
  62. Respect Your Children (by/via) · · ,
  63. How Large DOM Sizes Affect Interactivity, and What You Can Do About It (by/via) · · , ,
  64. Client-Side Rendering of HTML and Interactivity (by/via) · · ,
  65. How Far Back in Time Can I Take My Website’s Design · · , , ,
  66. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (by) · · , ,
  67. “details”/“summary” Inconsistencies (by) · · , ,
  68. Considering Content Warnings in HTML (by) · · ,
  69. It’s Very Likely That… (by) · · , ,
  70. The “details” Element Is Amazing (by) ·
  71. HTML Accessibility API Mappings 1.0 (by+/via) · · ,
  72. New HTML Element: “search” (by) · ·
  73. What Is Semantic HTML? (by/via) · ·
  74. Five Pieces of Advice for More Accessible Websites (by) · ·
  75. Modern HTML Email (Tables No Longer Required) (by) · · ,
  76. On-Page SEO Checklist: The Complete Task List for 2023 (by/via) · · , ,
  77. HTML: Help Users to Download Files With the HTML “download” Attribute (by) ·
  78. Getting Started With HTML Tables (by/via) · · ,
  79. Fighting Inter-Component HTML Bloat (by) · · , ,
  80. The “search” Element (by) · · ,
  81. The End of Front-End Development (by) · · ,
  82. The H1 Conundrum: Understanding the Challenges of Heading Level One (by/via) · · , ,
  83. Progressively Enhancing a Table With a Web Component (by) · · , , ,
  84. File Uploads for the Web: Uploading Files With HTML (by) · ·
  85. HTML Garden (by) · · ,
  86. A Tab Interface Before Its Time (by) · ·
  87. 50.1% Empty Links (by) · · , , ,
  88. Relative Rounded Corners (by/via) · ·
  89. ARIA vs. HTML (by) · · , , ,
  90. Avoid Spanning Table Headers (by) · · , ,
  91. Representation of Style (by) · ·
  92. Declarative Shadow DOM (by+/via) · · ,
  93. A Step-by-Step Guide to Building Accessible Carousels (by/via) · · , , ,
  94. Screen Readers Don’t Convey the Semantics of “strong” and “em” (by) · · , , ,
  95. Mastodon and Open Graph (by) · · , , ,
  96. Table of Contents Progress Animation (by) · · , ,
  97. Interop 2023 CMS Checkin (by) · · , , , ,
  98. Rotating Gallery With CSS Scroll-Driven Animations (by) · · , , ,
  99. HTML Input Types (by) · ·
  100. Screen Readers Support for Text Level HTML Semantics (by/via) · · , , ,
  101. Optimal Images in HTML (by/via) · · , , ,
  102. Use the Dialog Element (Reasonably) (by) · · ,
  103. The Modern Way of Serving Images (by) · · ,
  104. Musing Upon an “[alt]” Text Badge on Images (by) · · ,
  105. If You Need a Link, Don’t Use a Button (by) · · , , ,
  106. Improve Your HTML Semantic With Pico CSS (by) · ·
  107. Unordered Lists in Main Navigations (by) · · ,
  108. Two Ways to Safely Break a Long Word in HTML (by) ·
  109. Three Attributes for Better Web Forms (by) · ·
  110. Faking Min Width on a Table Column (via) · · , ,
  111. Data URLs and Pool in Your URL (by) · ·
  112. Customizing HTML Form Validation (by) · · ,
  113. How to Build Great HTML Form Controls (by/via) · · ,
  114. Conditional API Responses for JavaScript vs. HTML Forms (by) · · , , ,
  115. Website Accessibility (15 Best Practices) (by) · · , , , , , , , , ,
  116. Theme Toggles · · , , ,
  117. Enforcing Better HTML Markup With Eleventy (by/via) · · , ,
  118. A Problem With Link Relationships (by) · · , , ,
  119. A Theory of Web Relativity (by/via) · · ,
  120. Building an Accessible Theme Picker With HTML, CSS, and JavaScript (by) · · , , , ,
  121. Common Nesting Issues in HTML (by/via) · ·
  122. Interop 2022: End of Year Update (by/via) · · , ,
  123. Mini-Guide to Add an Image (by/via) · ·
  124. HTML Dialog (by) · ·
  125. Modern HTML as a Foundation for Progressive Enhancement (by/via) · ·
  126. 5 HTML Elements, and a Partridge in a Despair Tree (via) · · ,
  127. Get That Marquee AeStHeTiC (by/via) · · ,
  128. 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (by) · · , ,
  129. An HTML-First Mental Model (by/via) · · ,
  130. Table Like It’s 2023 (by/via) · ·
  131. One Day We’ll Have a Fully Customisable Select (by/via) · ·
  132. There Can Be Only One: Options for Building “Choose One” Fields (by/via) · ·
  133. Dear Developer, Your Assumptions Are Wrong (by/via) ·
  134. Inside the Mind of a Frontend Developer: Article Layout (by) · · ,
  135. A Modern HTML Template (2022) (by) · ·
  136. Meaningful Labels Using ARIA—or Not (by/via) · · , , ,
  137. 4 More HTML Concepts You Didn’t Know (by) · · , ,
  138. Reading the Meter (by/via) · · ,
  139. Brief Note on Description List Support (by) · · , , ,
  140. Landmarks and Where to Put Them (by/via) · · , ,
  141. You Don’t Need ARIA for That (by/via) · · ,
  142. How to Transfigure Wireframes Into HTML (by/via) · · , ,
  143. HTML Semantics and Accessibility Cheat Sheet (via) · · , ,
  144. Shadow DOM and Accessibility: The Trouble With ARIA (by) · · , , ,
  145. Newer Things to Know About Good Ol’ HTML Lists (by/via) · ·
  146. Upgrade Your HTML IV (by/via) · · , , ,
  147. HTML Content Model Categories (by) · ·
  148. Lazy Loading Images in HTML (by) · · ,
  149. The Shape-Shifting “a” Element (by) · · ,
  150. The “label” Element (by) · · ,
  151. What Happened to Text Inputs? (by) · · ,
  152. Page Title Conventions (by) · · ,
  153. Brief Note on “aria-readonly” Support (by) · · , , ,
  154. You Don’t Need HTML (by) · · ,
  155. A Guide to Keyboard Accessibility: HTML and CSS (by/via) · · , , ,
  156. Foundations: Native Versus Custom Components (via) · · , , ,
  157. Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · , , ,
  158. Inside the Mind of a Frontend Developer: Hero Section (by) · ·
  159. 6 Steps to Improve HTML Images for Users and Developers (by) · · , ,
  160. 16 Rare HTML Tags You Really Should Know (by/via) · ·
  161. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · , ,
  162. Intro to HTML-First Frontend Frameworks (via) · · ,
  163. Building a Tooltip Component (by/via) · · , ,
  164. The Truth Behind Implicit/Explicit Form Labels (by) · · , ,
  165. Edit Someone Else’s Website: “contenteditable” and “designMode” (by) ·
  166. Common ARIA Mistakes and How to Avoid Them (by) · · , ,
  167. HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (by) · · ,
  168. A Little Semantic HTML Trick for React Components (by) · · , , ,
  169. Foundations: HTML Semantics (by/via) · · , ,
  170. When Going Somewhere Does a Thing: On Links and Buttons (by) · · , , ,
  171. Templating in HTML (by) · ·
  172. GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via) · · , , ,
  173. Named Element IDs Can Be Referenced as JavaScript Globals (by/via) · ·
  174. Learn HTML (by/via) · ·
  175. Markup (by/via) · · , , ,
  176. Two Things I Learned by Validating My HTML Again (by) · · ,
  177. Streamable HTML Fragments (by) · ·
  178. Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (by) · · ,
  179. Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via) · · , ,
  180. A “details” Element as a Burger Menu Is Not Accessible (by/via) · · ,
  181. How to (Not) Make a Button (by) · · , , ,
  182. Brief Note on Super- and Subscript Text (by) · · , ,
  183. Why the Number Input Is the Worst Input (by/via) · · , ,
  184. Making Sense of WAI–ARIA: A Comprehensive Guide (by/via) · · , ,
  185. Wtf Is an Island and Why Is It in My Website? (by) · · , ,
  186. 2022: 0 of the Global Top 100 Websites Use Valid HTML (by) · · , , , ,
  187. The “details” and “summary” Elements, Again (by) · ·
  188. Nuclear Footnotes (by) · ·
  189. What’s New With Forms in 2022? (by/via) · · ,
  190. Building the Main Navigation for a Website (by/via) · · ,
  191. HTML Markup Tips for Developing Accessible Websites (by/via) · · ,
  192. A Content Warning Component (by) · · ,
  193. Disabled JavaScript Turns Off Native Lazy Loading (by) · · , ,
  194. Accessible Lists and Tables (via) · · ,
  195. Don’t Overwrite Visual Labels With “aria-label” (by) · · , ,
  196. Should I Use a Button or a Link? (by) · · , ,
  197. Short Note on “figure” and “figcaption” (by) · ·
  198. CSS Classes Considered Harmful (by) · ·
  199. TIL: You Can Access a User’s Camera With Just HTML (by) · ·
  200. Creative List Styling (by/via) · ·
  201. Exploring the Underrated “output” Element (by) ·
  202. Table Column Alignment With Variable Transforms (by) · · , ,
  203. Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by) · · ,
  204. On Ratings and Meters (by) · · ,
  205. Capturing Images and Videos From the Camera of Mobile Devices Using HTML (by) · · ,
  206. The Infinite Marquee (by) · · ,
  207. Making a Website Under 1 kB (by) · · ,
  208. Ruby Styling (by/via) · · ,
  209. Abbreviations Suck (by) · ·
  210. “<article>” vs. “<section>”: How to Choose the Right One (by/via) · · ,
  211. Roundup of Recent Document Outline Chatter (by/via) · · ,
  212. Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (by/via) · · , , ,
  213. Abbreviations Can Be Problematic (by) · ·
  214. What Is the Best Way to Mark Up an Exclusive Button Group? (by) · · , ,
  215. Minimal Social Markup (by) · · ,
  216. What You Need to Know About ARIA and How to Fix Common Mistakes (via) · · , ,
  217. Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (by) · · , , ,
  218. Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (by) · · ,
  219. Two Levels of Customising “<selectmenu>” (by) · ·
  220. Best Practices for Images (by) · · ,
  221. What the Hell Is “<!DOCTYPE html>”? · ·
  222. Farewell to HTML5Rocks (by/via) · · ,
  223. Are You Sure That’s a Number Input? (by) ·
  224. Write HTML Right (by) · ·
  225. The “Form” Element Created the Modern Web—Was It a Big Mistake? (by/via) · · , ,
  226. 8 Shocking HTML Tips You Probably Don’t Know About (by) · ·
  227. A Perfect Table of Contents With HTML and CSS (by/via) · ·
  228. Why Are Iframe Titles Important for Accessibility? (via) · · ,
  229. Conditionally Loading CSS or Any Resource Using Media Queries (by) · · ,
  230. Building a Button Component (by/via) · · , , ,
  231. How the HTML “lang” Attribute Helps Accessibility (via) · · ,
  232. Don’t Fight the Browser Preload Scanner (by/via) · · , ,
  233. XHTML Syntax Is Still Worth Using (by) · ·
  234. Divs Are Bad! (by) · ·
  235. Learn HTML [and] CSS (by) · · , ,
  236. What’s Your Heading? (by) · · , ,
  237. Lost in Translation (by/via) · · , , ,
  238. Please, Stop Disabling Zoom (by) · · ,
  239. How to Use Videos With Alpha Transparency on the Web (by) · · , ,
  240. Under-Engineered Multi-Selects (by) · · ,
  241. Foundations: Lists (by/via) · · ,
  242. The CSS Art Paradox (by) · · , ,
  243. Introducing “inert” (by/via) · · , ,
  244. Common Frontend Interview Questions I’ve Been Asked · · ,
  245. Plain Old Semantic HTML: A Perfect Basis for Accessibility (via) · · ,
  246. Non-Interactive Elements With the “inert” Attribute (by/via) · ·
  247. How Web Browsers Work: Parsing the HTML · · ,
  248. Progressive Enhancement and HTML Forms: Use “FormData” (by/via) · · ,
  249. Does Valid and Semantic HTML Still Matter? (by+/via) · · , ,
  250. Building a Dialog Component (by/via) · · , , ,