Frontend Dogma

“html” Archive (2)

  1. Theme Toggles · · , ,
  2. Enforcing Better HTML Markup With Eleventy (by) · · , ,
  3. A Problem With Link Relationships (by) · · , ,
  4. A Theory of Web Relativity (by) · · ,
  5. Building an Accessible Theme Picker With HTML, CSS, and JavaScript (by) · · , , ,
  6. Common Nesting Issues in HTML (by) · ·
  7. Interop 2022: End of Year Update (by/via) · · , ,
  8. Mini-Guide to Add an Image (by) · ·
  9. HTML Dialog (by) · ·
  10. Modern HTML as a Foundation for Progressive Enhancement (by) · ·
  11. 5 HTML Elements, and a Partridge in a Despair Tree · · ,
  12. Get That Marquee AeStHeTiC (by) · · ,
  13. An HTML-First Mental Model (by/via) · · ,
  14. 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (by) · · , ,
  15. Table Like It’s 2023 (by) · ·
  16. One Day We’ll Have a Fully Customisable Select (by) · ·
  17. There Can Be Only One: Options for Building “Choose One” Fields (by) · ·
  18. Dear Developer, Your Assumptions Are Wrong (by) ·
  19. Inside the Mind of a Frontend Developer: Article Layout (by) · · ,
  20. A Modern HTML Template (2022) (by) · ·
  21. Meaningful Labels Using ARIA—or Not (by) · · , ,
  22. 4 More HTML Concepts You Didn’t Know (by) · · , ,
  23. Reading the Meter (by) · · ,
  24. Brief Note on Description List Support (by) · · , , ,
  25. Landmarks and Where to Put Them (by) · · , ,
  26. You Don’t Need ARIA for That (by) · · ,
  27. How to Transfigure Wireframes Into HTML (by) · · , ,
  28. HTML Semantics and Accessibility Cheat Sheet (via) · · , ,
  29. Shadow DOM and Accessibility: The Trouble With ARIA (by) · · , , ,
  30. Newer Things to Know About Good Ol’ HTML Lists (by/via) · ·
  31. Upgrade Your HTML IV (by) · · , , ,
  32. HTML Content Model Categories (by) · ·
  33. Lazy Loading Images in HTML (by) · · ,
  34. The Shape-Shifting “a” Element (by) · · ,
  35. The “label” Element (by) · ·
  36. What Happened to Text Inputs? (by) · · ,
  37. Page Title Conventions (by) · · ,
  38. Brief Note on “aria-readonly” Support (by) · · , , ,
  39. You Don’t Need HTML (by) · · ,
  40. A Guide to Keyboard Accessibility: HTML and CSS (by/via) · · , , ,
  41. Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · , , ,
  42. Foundations: Native Versus Custom Components (via) · · ,
  43. Inside the Mind of a Frontend Developer: Hero Section (by) · ·
  44. 6 Steps to Improve HTML Images for Users and Developers (by) · · , ,
  45. 16 Rare HTML Tags You Really Should Know (by/via) · ·
  46. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · , ,
  47. Intro to HTML-First Frontend Frameworks (via) · · ,
  48. Building a Tooltip Component (by/via) · · ,
  49. Common ARIA Mistakes and How to Avoid Them (by) · · , ,
  50. Edit Someone Else’s Website: “contenteditable” and “designMode” (by) ·
  51. HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (by) · ·
  52. A Little Semantic HTML Trick for React Components (by) · · , , ,
  53. Foundations: HTML Semantics (by/via) · ·
  54. When Going Somewhere Does a Thing: On Links and Buttons (by) · · , , ,
  55. Templating in HTML (by) · ·
  56. GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via) · · , , ,
  57. Learn HTML (by/via) · ·
  58. Named Element IDs Can Be Referenced as JavaScript Globals (by/via) · ·
  59. Markup (by/via) · · ,
  60. Two Things I Learned by Validating My HTML Again (by) · · ,
  61. Streamable HTML Fragments (by) · ·
  62. Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (by) · · ,
  63. Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via) · · , ,
  64. A “details” Element as a Burger Menu Is Not Accessible (by/via) · · ,
  65. How to (Not) Make a Button (by) · · , , ,
  66. Brief Note on Super- and Subscript Text (by) · · , ,
  67. Why the Number Input Is the Worst Input (by/via) · · , ,
  68. Making Sense of WAI-ARIA: A Comprehensive Guide (by/via) · · , ,
  69. Wtf Is an Island and Why Is It in My Website? (by) · · , ,
  70. 2022: 0 of the Global Top 100 Websites Use Valid HTML (by) · · , ,
  71. The “details” and “summary” Elements, Again (by) · ·
  72. Nuclear Footnotes (by) · ·
  73. What’s New With Forms in 2022? (by/via) · · ,
  74. Building the Main Navigation for a Website (by/via) · · ,
  75. HTML Markup Tips for Developing Accessible Websites (by/via) · · ,
  76. A Content Warning Component (by) · · ,
  77. Disabled JavaScript Turns Off Native Lazy Loading (by) · · , ,
  78. Don’t Overwrite Visual Labels With “aria-label” (by) · · ,
  79. Accessible Lists and Tables (via) · · ,
  80. Should I Use a Button or a Link? (by) · · , ,
  81. The Three Laws of Utility Classes (by) · ·
  82. Short Note on “figure” and “figcaption” (by) · ·
  83. CSS Classes Considered Harmful (by) · ·
  84. TIL: You Can Access a User’s Camera With Just HTML (by) · ·
  85. Creative List Styling (by/via) · ·
  86. Exploring the Underrated “output” Element (by) ·
  87. Table Column Alignment With Variable Transforms (by) · · ,
  88. Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by) · · ,
  89. On Ratings and Meters (by) · · ,
  90. Capturing Images and Videos From the Camera of Mobile Devices Using HTML (by) · · ,
  91. The Infinite Marquee (by) · · ,
  92. Making a Website Under 1 kB (by) · · ,
  93. Ruby Styling (by/via) · ·
  94. Abbreviations Suck (by) · ·
  95. “<article>” vs. “<section>”: How to Choose the Right One (by/via) · · ,
  96. Roundup of Recent Document Outline Chatter (by/via) · · ,
  97. Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (by/via) · · , ,
  98. Abbreviations Can Be Problematic (by) · ·
  99. What Is the Best Way to Mark Up an Exclusive Button Group? (by) · · , ,
  100. Minimal Social Markup (by) · · ,
  101. What You Need to Know About ARIA and How to Fix Common Mistakes (via) · · , ,
  102. Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (by) · · , , ,
  103. Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (by) · · ,
  104. Two Levels of Customising “<selectmenu>” (by) · ·
  105. Best Practices for Images (by) · · ,
  106. What the Hell Is “<!DOCTYPE html>”? · ·
  107. Farewell to HTML5Rocks (by/via) · · ,
  108. Are You Sure That’s a Number Input? (by) ·
  109. Write HTML Right (by) · ·
  110. 8 Shocking HTML Tips You Probably Don’t Know About (by) · ·
  111. The “Form” Element Created the Modern Web—Was It a Big Mistake? (by/via) · · , ,
  112. A Perfect Table of Contents With HTML and CSS (by/via) · ·
  113. Why Are Iframe Titles Important for Accessibility? (via) · · ,
  114. Building a Button Component (by/via) · · , , ,
  115. Conditionally Loading CSS or Any Resource Using Media Queries (by) · · ,
  116. How the HTML “lang” Attribute Helps Accessibility (via) · · ,
  117. Don’t Fight the Browser Preload Scanner (by/via) · · , ,
  118. XHTML Syntax Is Still Worth Using (by) · ·
  119. Divs Are Bad! (by) · ·
  120. Learn HTML [and] CSS (by) · · ,
  121. What’s Your Heading? (by) · · , ,
  122. Please, Stop Disabling Zoom (by) · · ,
  123. How to Use Videos With Alpha Transparency on the Web (by) · · ,
  124. Under-Engineered Multi-Selects (by) · · ,
  125. Foundations: Lists (by/via) · ·
  126. Introducing “inert” (by/via) · · ,
  127. Common Frontend Interview Questions I’ve Been Asked · · ,
  128. The CSS Art Paradox (by) · · , ,
  129. Non-Interactive Elements With the “inert” Attribute (by/via) · ·
  130. Plain Old Semantic HTML: A Perfect Basis for Accessibility (via) · · ,
  131. How Web Browsers Work: Parsing the HTML · · ,
  132. Progressive Enhancement and HTML Forms: Use “FormData” (by/via) · · ,
  133. Does Valid and Semantic HTML Still Matter? (by+/via) · · , ,
  134. Building a Dialog Component (by/via) · · , , ,
  135. Those HTML Elements You Never Use (by) · ·
  136. How to Turn HTML Webpage Into an Image? (by) · · ,
  137. Designing Better Breadcrumbs (by/via) · · ,
  138. HTML Is All You Need to Make a Website (by) ·
  139. Alternative Text (Alt Text) (via) · · , ,
  140. 12 Years Beyond a HTML Joke (by) · ·
  141. “aria-labelledby” Usage Notes (by) · · ,
  142. Accessible Cards (by) · · ,
  143. How to Match HTML Elements With an Indeterminate State (by) · · , ,
  144. HTML-Only Keyboard Shortcuts (by) · · ,
  145. Picture Perfect Images With the Modern “<img>” Element (by/via) · · , ,
  146. Those HTML Attributes You Never Use (by/via) ·
  147. HTML Semantics (by) · ·
  148. Write HTML, the HTML Way (Not the XHTML Way) (by/via) · · ,
  149. The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · , ,
  150. Building a Loading Bar Component (by/via) · · , ,
  151. How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by) · · ,
  152. The Weirdly Obscure Art of Streamed HTML (by) · · ,
  153. It Needs to Map Back to a Role (by) · · , ,
  154. Aligning Content in Different Wrappers (by) · ·
  155. A Look at the Dialog Element’s Super Powers (by) · · ,
  156. Creating Native Web Components (via) · · ,
  157. It’s Always Been You, Canvas2D (by/via) · · , ,
  158. HTML Tips and Tricks · ·
  159. Foundations: Headings (by/via) · · , ,
  160. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · ,
  161. (Not So) Short Note on Being Owned (by) · · ,
  162. HTML Comments Work in JavaScript Too (by) · · ,
  163. Support for Marking Radio Buttons Required, Invalid (by) · ·
  164. Column Headers and Browser Support (by) · · ,
  165. There Is No Character Limit for “Alt Text” (by) · · ,
  166. How to Create a Search Page for a Static Website With Vanilla JS (by) · · , , ,
  167. Why Radio Buttons Are Called Radio Buttons in UIs? (by) · · ,
  168. MHTML in Chromium (by) · ·
  169. Replace JavaScript Dialogs With the New HTML Dialog Element (by/via) · · ,
  170. Introducing the Dialog Element (by/via) · · ,
  171. 24 Lesser-Known HTML Attributes You May Want to Use (by) ·
  172. How to Convert Markdown to HTML (by/via) · · , ,
  173. More to Give Than Just the Div: Semantics and How to Get Them Right (by) · · ,
  174. Context-Aware Web Components Are Easier Than You Think (by/via) · · ,
  175. Div Divisiveness (by) · ·
  176. Find HTML Parsing Errors (by/via) · · , , ,
  177. On the Peculiarities of Counting the Number of HTML Elements (by) ·
  178. Boolean Attributes in HTML and ARIA: What’s the Difference? (by) · ·
  179. HTML Is General, ARIA Is Specific (by) · ·
  180. Alt Tag Emptiness (by) · · , , ,
  181. Labeling the Point: Scenarios of Label Misuse in WCAG (by/via) · · ,
  182. Accessible Heading Structure (by/via) · · ,
  183. Faster Websites by Using Less HTML (by) · · , , ,
  184. Form Autocomplete (by) · ·
  185. 5 Common Misconceptions About WAI-ARIA and Accessibility (via) · · ,
  186. How to Define Your Relationship to Sites You Link To (by) · · , , ,
  187. Image Display Elements (by) · · ,
  188. 4 HTML Concepts You Didn’t Know (by) · · ,
  189. CSS Can Help Improve Your HTML!? Buttons and Links (by) · · , , ,
  190. Details/Summary (by) · ·
  191. Embrace the Platform (by/via) · · , ,
  192. Defer Non-Critical Resources (by/via) · ·
  193. Markup (by/via) · · ,
  194. On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (by) · · ,
  195. The 6 Ways of Writing HTML (and Their Combinations) (by) ·
  196. Control Layout in a Multi-Directional Website (by/via) · · ,
  197. Dear HTML Element (by) ·
  198. How to Make Blob Menu Using HTML, CSS and JavaScript (by) · · , ,
  199. Generate a Pull Request of Static Content With a Simple HTML Form (by/via) · ·
  200. Get Your “Head” Straight (by/via) · · ,
  201. Detecting Specific Text Input With HTML and CSS (by/via) · ·
  202. Debugging HTML: Accessibility (by) · · ,
  203. Designing a Reorderable List Component (by) · · , ,
  204. In Defence of Dialog (by) · ·
  205. Learn Forms (by/via) · · ,
  206. Building Real-Life Components: Facebook Messenger’s Chat Bubble (by) · · ,
  207. Accessible Toggles (by/via) · · ,
  208. HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (by) · · ,
  209. Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (by) · · ,
  210. If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (by) · · ,
  211. Switch Role Support (by) · · ,
  212. Decoupling HTML, CSS, and JavaScript in Design Systems (by) · · , ,
  213. Semantic “menu” Context (by) · ·
  214. Making the Web Developer’s Pilgrimage (by) ·
  215. HTML With Superpowers (by) · · ,
  216. Landmarks (by) · · ,
  217. Beginner’s Guide to Responsive Images: How to Get Them Right (by/via) · · , ,
  218. Building a Multi-Select Component (by/via) · · , ,
  219. How to Win at CORS (by) · · , , ,
  220. A Tangled Web of ARIA (by) · · ,
  221. Buttons vs. Links (by) · · , , ,
  222. How to Implement and Style the “Dialog” Element (by/via) · · , ,
  223. The Options for Password-Revealing Inputs (by/via) · · , , ,
  224. How to Build an Expandable Accessible Gallery (by/via) · · , ,
  225. Redundantly Redundant a11y Accessibility (by) · ·
  226. Links, Missing “href” Attributes, and Over-Engineered Code (by) · · ,
  227. How I Built a Modern Website in 2021 (by) · · ,
  228. Declaring Page Language—and Declaring Changes in Language (by) · · ,
  229. Comparing Page Language Declaration Setups in Screen Readers (by) · · , , , , ,
  230. Specification for Spoken Presentation in HTML (by+/via) · ·
  231. 7 Useful HTML Attributes You May Not Know (via) ·
  232. 29 Projects to Help You Practice HTML CSS JavaScript 2021 (by) · · ,
  233. Blowing Up HTML Size With Responsive Images (via) · · , ,
  234. Element Diversity (by) ·
  235. Twitter’s Div Soup and Uglyfied CSS, Explained (by) · · ,
  236. Building a Split-Button Component (by/via) · · , ,
  237. Building a Stepper Component (by) · · ,
  238. Small Wins for Accessibility and Resilience (by) · · ,
  239. Named and Framed (by) · ·
  240. One Favicon to Rule Them All (by) · · ,
  241. ARIA Spec for the Uninitiated (by/via) · · ,
  242. The Complete Guide to HTML Forms and Constraint Validation (by/via) · · , ,
  243. On the “<dl>” (by) ·
  244. The Ultimate Cheat Sheet List for Web Developers (by) · · , ,
  245. 6 Useful Frontend Techniques That You May Not Know About (by) · · , ,
  246. Accessibility of the “Section” Element (by) · ·
  247. Designing for the Unexpected (by/via) · · ,
  248. The 3-Second Frontend Developer Test (by) · · , ,
  249. The Document Outline (by) · ·
  250. ARIA in HTML (by) · · ,