Frontend Dogma

“html” Archive (2)

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