Frontend Dogma

“html” Archive (3)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. Those HTML Elements You Never Use (by) · ·
  2. How to Turn HTML Webpage Into an Image? (by) · · , ,
  3. Designing Better Breadcrumbs (by/via) · · ,
  4. Alternative Text (Alt Text) (via) · · , ,
  5. HTML Is All You Need to Make a Website (by) ·
  6. 12 Years Beyond a HTML Joke (by) · ·
  7. “aria-labelledby” Usage Notes (by) · · , ,
  8. Accessible Cards (by) · · ,
  9. How to Match HTML Elements With an Indeterminate State (by) · · , ,
  10. HTML-Only Keyboard Shortcuts (by) · · , ,
  11. Picture Perfect Images With the Modern “<img>” Element (by/via) · · , ,
  12. Those HTML Attributes You Never Use (by/via) ·
  13. Write HTML, the HTML Way (Not the XHTML Way) (by/via) · · ,
  14. HTML Semantics (by) · ·
  15. The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · , ,
  16. All HTML and CSS Cheatsheets in One Place (by) · · ,
  17. Building a Loading Bar Component (by/via) · · , ,
  18. The Weirdly Obscure Art of Streamed HTML (by) · · ,
  19. How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by) · · ,
  20. Aligning Content in Different Wrappers (by) · · ,
  21. It Needs to Map Back to a Role (by) · · , ,
  22. A Look at the Dialog Element’s Super Powers (by) · · ,
  23. Creating Native Web Components (via) · · ,
  24. It’s Always Been You, Canvas2D (by/via) · · , ,
  25. Foundations: Headings (by/via) · · , , ,
  26. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · ,
  27. (Not So) Short Note on Being Owned (by) · · ,
  28. HTML Tips and Tricks · ·
  29. HTML Comments Work in JavaScript Too (by) · · ,
  30. Support for Marking Radio Buttons Required, Invalid (by) · ·
  31. Column Headers and Browser Support (by) · · ,
  32. There Is No Character Limit for “Alt Text” (by) · · ,
  33. How to Create a Search Page for a Static Website With Vanilla JS (by) · · , , ,
  34. Why Radio Buttons Are Called Radio Buttons in UIs? (by) · · ,
  35. MHTML in Chromium (by) · ·
  36. Replace JavaScript Dialogs With the New HTML Dialog Element (by/via) · · ,
  37. Introducing the Dialog Element (by/via) · · ,
  38. 24 Lesser-Known HTML Attributes You May Want to Use (by) ·
  39. How to Convert Markdown to HTML (by/via) · · , ,
  40. More to Give Than Just the Div: Semantics and How to Get Them Right (by) · · ,
  41. Context-Aware Web Components Are Easier Than You Think (by/via) · · ,
  42. Div Divisiveness (by) · ·
  43. Find HTML Parsing Errors (by/via) · · , , ,
  44. On the Peculiarities of Counting the Number of HTML Elements (by) ·
  45. Boolean Attributes in HTML and ARIA: What’s the Difference? (by) · ·
  46. HTML Is General, ARIA Is Specific (by) · ·
  47. Alt Tag Emptiness (by) · · , , ,
  48. Labeling the Point: Scenarios of Label Misuse in WCAG (by/via) · · , , ,
  49. Accessible Heading Structure (by/via) · · ,
  50. Faster Websites by Using Less HTML (by) · · , , ,
  51. Form Autocomplete (by) · ·
  52. 5 Common Misconceptions About WAI–ARIA and Accessibility (via) · · ,
  53. Image Display Elements (by) · · ,
  54. How to Define Your Relationship to Sites You Link To (by) · · , , ,
  55. 4 HTML Concepts You Didn’t Know (by) · · ,
  56. CSS Can Help Improve Your HTML!? Buttons and Links (by) · · , , ,
  57. Details/Summary (by) · ·
  58. Embrace the Platform (by/via) · · , ,
  59. Defer Non-Critical Resources (by/via) · ·
  60. Markup (by/via) · · , , ,
  61. On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (by) · · ,
  62. The 6 Ways of Writing HTML (and Their Combinations) (by) ·
  63. Control Layout in a Multi-Directional Website (by/via) · · ,
  64. Dear HTML Element (by) ·
  65. How to Make Blob Menu Using HTML, CSS and JavaScript (by) · · , ,
  66. Generate a Pull Request of Static Content With a Simple HTML Form (by/via) · ·
  67. Get Your “Head” Straight (by/via) · · ,
  68. Semantics and How to Get Them Right (by/via) · · , ,
  69. Detecting Specific Text Input With HTML and CSS (by/via) · ·
  70. Debugging HTML: Accessibility (by/via) · · ,
  71. Designing a Reorderable List Component (by) · · , ,
  72. In Defence of Dialog (by) · ·
  73. Learn Forms (by/via) · · ,
  74. Building Real-Life Components: Facebook Messenger’s Chat Bubble (by) · · ,
  75. Accessible Toggles (by/via) · · , ,
  76. HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (by) · · ,
  77. Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (by) · · ,
  78. If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (by) · · ,
  79. Switch Role Support (by) · · ,
  80. Semantic “menu” Context (by) · ·
  81. Making the Web Developer’s Pilgrimage (by) ·
  82. Decoupling HTML, CSS, and JavaScript in Design Systems (by) · · , ,
  83. HTML With Superpowers (by) · · ,
  84. Landmarks (by/via) · · ,
  85. Beginner’s Guide to Responsive Images: How to Get Them Right (by/via) · · , ,
  86. Building a Multi-Select Component (by/via) · · , ,
  87. How to Win at CORS (by) · · , , ,
  88. A Tangled Web of ARIA (by) · · ,
  89. Buttons vs. Links (by) · · , , ,
  90. The Options for Password-Revealing Inputs (by/via) · · , , ,
  91. How to Implement and Style the “Dialog” Element (by/via) · · , ,
  92. Redundantly Redundant a11y Accessibility (by) · ·
  93. How to Build an Expandable Accessible Gallery (by/via) · · , ,
  94. Links, Missing “href” Attributes, and Over-Engineered Code (by) · · ,
  95. Declaring Page Language—and Declaring Changes in Language (by) · · ,
  96. How I Built a Modern Website in 2021 (by) · · ,
  97. Comparing Page Language Declaration Setups in Screen Readers (by) · · , , , ,
  98. Specification for Spoken Presentation in HTML (by+/via) · ·
  99. 7 Useful HTML Attributes You May Not Know (via) ·
  100. Intro to MJML: Responsive HTML Email Coding Made Easy (by/via) · · , , ,
  101. 29 Projects to Help You Practice HTML CSS JavaScript 2021 (by) · · ,
  102. Blowing Up HTML Size With Responsive Images (via) · · , ,
  103. Element Diversity (by) ·
  104. Twitter’s Div Soup and Uglyfied CSS, Explained (by) · · ,
  105. Building a Split-Button Component (by/via) · · , ,
  106. Building a Stepper Component (by) · · ,
  107. Small Wins for Accessibility and Resilience (by) · · ,
  108. Named and Framed (by) · ·
  109. One Favicon to Rule Them All (by) · · ,
  110. ARIA Spec for the Uninitiated (by/via) · · ,
  111. The Complete Guide to HTML Forms and Constraint Validation (by/via) · · , ,
  112. On the “<dl>” (by) ·
  113. The Ultimate Cheat Sheet List for Web Developers (by) · · , ,
  114. 6 Useful Frontend Techniques That You May Not Know About (by) · · , ,
  115. Accessibility of the “Section” Element (by) · ·
  116. Designing for the Unexpected (by/via) · · ,
  117. The 3-Second Frontend Developer Test (by) · · , ,
  118. The Document Outline (by/via) · ·
  119. ARIA in HTML (by) · · ,
  120. Accessibility and SEO (by/via) · · ,
  121. Use the “i” Element, and Use It Appropriately (by) · ·
  122. JavaScript Frameworks and the Lost Art of HTML (by/via) · · ,
  123. OMG, SVG Favicons FTW! (by) · · , ,
  124. Half the Size of Images by Optimising for High Density Displays (by) · · ,
  125. Why Validate? (by) · · , , ,
  126. Accessible Overflow (by) · · ,
  127. The Hidden World of “aria-hidden” (by) · ·
  128. Don’t Overabstract Your Components (by) · · ,
  129. 2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (by) · · , , , ,
  130. The Button Cheat Sheet (by) · ·
  131. Upgrade Your HTML III (by/via) · · , , ,
  132. Checking “Under the Hood” of Code (by) · · , , , , , ,
  133. Understanding Logical Focus Order (by) · · ,
  134. Not Your Typical Horizontal Rules (by) · ·
  135. The Future of Web Software Is HTML-over-WebSockets (by/via) · · ,
  136. Revisiting Dark Patterns With the HTML “dialog” Tag (by) · · ,
  137. The Unreasonable Effectiveness of Simple HTML (by) ·
  138. HTML: The 16 Content Categories and Their Elements (by) · ·
  139. HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · , ,
  140. Notes on HTML 3.2 (by) ·
  141. Alt vs. Figcaption (by/via) · · ,
  142. Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (by) · · ,
  143. Know Your Standards (by) · · , , , ,
  144. Upgrade Your HTML II (by/via) · · , , ,
  145. Markup (by+/via) · · , , ,
  146. Come Full Circle—Back to HTML · ·
  147. A Guide to HTML and CSS Forms (No Hacks) (by/via) · · , ,
  148. Islands Architecture (by) · · ,
  149. Remembrance of Tags Past (by/via) · · , , , , ,
  150. The 24 Boolean Attributes of HTML (by) ·
  151. HTML Tips (by) · ·
  152. Performance Tips: Minifying HTML, CSS, and JS (via) · · , , , , ,
  153. Setting Height and Width on Images Is Important Again (by/via) · · , ,
  154. How We Learned to Draw Text on HTML5 Canvas (via) · · , , ,
  155. If It Can Be Done Using an HTTP Header, Use an HTTP Header (by) · · , , ,
  156. Why You Should Choose HTML5 “article” Over “section” (by/via) · · ,
  157. POURing ARIA Into the HTML Element Specs (by/via) · · ,
  158. An HTML Optimizer’s Config for html-minifier (by) · · , , , , ,
  159. How to Style and Animate the Letters in a String Using CSS (by) · · , ,
  160. Conversational Semantics (by/via) · · , ,
  161. Upgrade Your HTML (the Booklet) (by) · · , , ,
  162. On Writing Better Markup (by) · · , , ,
  163. Heading Levels (by) · ·
  164. Optional HTML (by) ·
  165. Optional HTML: Everything You Need to Know (by) · · ,
  166. When to Use “img,” “img@ srcset,” and “picture” and “source” (by) · ·
  167. The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (by) · · , , , ,
  168. HTML Optimization: A Standard Config for HTMLMinifier (by/via) · · , ,
  169. Building a Node.js Express API to Convert Markdown to HTML (by/via) · · , , ,
  170. Art Direction for the Web Using CSS Shapes (by/via) · · , ,
  171. HTML and Performance: Leave Out Optional Tags and Quotes (by) · ·
  172. The “D” in the DOM (by/via) · · ,
  173. Splicing HTML’s DNA With CSS Attribute Selectors (by/via) · · ,
  174. Responsive Images (by/via) · · , ,
  175. Conversational Semantics (by/via) · · ,
  176. What Do You Need to Know When Converting a Flash Game Into HTML5? (via) · · ,
  177. Improving Performance Perception: On-Demand Image Resizing (by/via) · · , , ,
  178. Moving From Flash to HTML, CSS, and JavaScript (by/via) · · , , ,
  179. HTML, CSS, and Dependency Direction (by) · · , , ,
  180. HTML 5.2 (by+/via) · ·
  181. A Developer’s Guide to Better Accessibility (by+/via) · · , , , , ,
  182. Building Accessible Menu Systems (by/via) · · , ,
  183. The Front-End Checklist (by) · · , , , , , , ,
  184. Building Inclusive Toggle Buttons (by/via) · · , , ,
  185. The Nine Principles of Design Implementation (by/via) · · , ,
  186. What I Learned Building Google’s Web Frameworks (by) · · , , ,
  187. Linting HTML Using CSS (by) · · , ,
  188. HTML APIs: What They Are and How to Design a Good One (by/via) · · , ,
  189. 20+ Docs and Guides for Front-End Developers (by/via) · · , ,
  190. Building a Fully-Accessible Help Tooltip (by) · · , ,
  191. HTML5 Page Structure Basics (by/via) · · ,
  192. An HTML5 FAQ (by/via) ·
  193. Know It All (by) · · , , , , , ,
  194. Improve Your Website’s Accessibility With WAI–ARIA (by/via) · · , ,
  195. Front-End Tools: My Favorite Finds of 2016 (by/via) · · , , ,
  196. Introducing HTML5 (by/via) · ·
  197. What’s New in HTML 5.1 (via) · ·
  198. Random Interesting Facts on HTML/SVG Usage (by/via) · · , , ,
  199. Stop Using the Old “Clearfix” (by) · ·
  200. The Glory Days of the Web (by) · · , , , , ,
  201. A Refined Content Security Policy (via) · · , , , , ,
  202. Custom Formatting in HTML and LaTeX Code Listings Using Pandoc (by) · · ,
  203. Using the HTML “lang” Attribute (by/via) · · ,
  204. Building a Robust Frontend Using Progressive Enhancement (via) · · , , , ,
  205. Meaningful CSS: Style Like You Mean It (by/via) · · ,
  206. RespImageLint—Linter for Responsive Images (by) · · , , ,
  207. How Good Are Your HTML and CSS Comments? (by/via) · · , , , ,
  208. Keeping Your Content Classy (by) · · ,
  209. Do You Know These Eight HTML5 Tags? (by/via) · ·
  210. Reimagining Single-Page Applications With Progressive Enhancement (by/via) · · , , ,
  211. A Brief(ish) History of the Web Universe: Time (by) · · ,
  212. Seriously, Don’t Use Icon Fonts (by/via) · · , ,
  213. 10 Common Mistakes Web Developers Make (by/via) · · , , , ,
  214. A Brief History of HTML (by) · · , , , ,
  215. Accessible Footnotes With CSS (by/via) · · ,
  216. “It’s Alive!”: Apps That Feed Back Accessibly (by/via) · · , , ,
  217. Let Links Be Links (by/via) · · , ,
  218. HTML5 Local Storage Revisited (by/via) · · ,
  219. Can CSS Be Too Modular? (by) · ·
  220. New Book: “The Little Book of HTML/CSS Frameworks” (by) · · , ,
  221. On the Deterioration of HTML/CSS Practices (by) · · ,
  222. HTML5 Differences From HTML4 (by/via) · · ,
  223. 10 Typical HTML Interview Exercises (by/via) · · , , ,
  224. 5 Obsolete Features in HTML5 (by/via) ·
  225. Responsive Images in Practice (by/via) · · , ,
  226. Google and HTML/CSS Code Quality (by) · · , , ,
  227. Don’t Use “<picture>” (Most of the Time) (by/via) · · ,
  228. A Guide to the HTML5 “time” Element (by/via) · · ,
  229. HTML and Specifying Language (by) · · ,
  230. HTML Minifier [Revisited] (by) · · , ,
  231. Create Responsive Tables With Foundation (via) · · , , ,
  232. The WAI Forward (by/via) · · , ,
  233. CSS-Driven Internationalization in JavaScript (by/via) · · , , ,
  234. Ruby Markup (by/via) · ·
  235. Client-Side Form Validation With HTML5 (by/via) · · ,
  236. Testing Responsive Images (by/via) · · ,
  237. 5 Things I’ve Learned About Accessibility (by/via) · · , , , ,
  238. Authoring HTML: Language Declarations (by/via) · · , ,
  239. HTML5 Forms: CSS (by/via) · · , , ,
  240. HTML5 Forms: The Markup (by/via) · · ,
  241. Picturefill 2.0: Responsive Images and the Perfect Polyfill (via) · · , ,
  242. 20 Useful Docs and Guides for Front-End Developers (by/via) · · , , , ,
  243. Basic Structure of a Web Page (by/via) ·
  244. HTML Forms in AngularJS (by/via) · · ,
  245. “srcset” and “sizes” (by) · · ,
  246. A Q&A on the Picture Element (by+/via) · · , , ,
  247. Using Meta Tags in HTML: Some Basics and Best Practices (by/via) · · , , ,
  248. The Battle for the Body Field (by/via) · · , ,
  249. Web Accessibility: Tools and Considerations (by/via) · · , ,
  250. One Solution to Responsive Images (by/via) · · , ,