Frontend Dogma

News and Tools for Frontend Development (3)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

  1. Regarding Keyboard Testing (via) · · , ,
  2. RSS Is Good, Isn’t It?! (by/via) · · , ,
  3. Morphing Arbitrary Paths in SVG (by) · · ,
  4. The Times You Need a Custom “@ property” Instead of a CSS Variable (by/via) · · , , , ,
  5. Accessible SVG Forms (by) · · , , ,
  6. I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (by/via) · · , , ,
  7. Software Engineering Principles Every Frontend Developer Should Know · · , ,
  8. All I Want for GAAD (via) · · , ,
  9. Quick Incremental Accessibility Audits for Small Business Websites (by) · · ,
  10. Setting Personal OKRs (by) · · , ,
  11. Best Intention Barriers (ARIA Edition) (by) · · , ,
  12. Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World (via) · ·
  13. Accessibility Overlays Are Not for Disabled People (by) · · ,
  14. Mesh Gradients in CSS (by) · · ,
  15. The Modern Guide for Making CSS Shapes (by/via) · · , , ,
  16. Make Your Figma Components Work Harder (via) · · , ,
  17. Design Taste vs. Technical Skills in the Era of AI (by+/via) · · , , ,
  18. Build Your Own React.js in 400 Lines of Code (by) · · , ,
  19. Typography Terms: Glossary (by+/via) · · ,
  20. How to Document Your JavaScript Package (by+/via) · · , , , , ,
  21. 17 Best Developer Productivity Tools to Try (by) · · , ,
  22. Using the Page Visibility API (by/via) · · ,
  23. The Dilemmas You’ll Face When Creating a Component Library (by) · · ,
  24. Introducing the CSS Anchor Positioning API (by/via) · · , , , ,
  25. Manifesto for a Humane Web (by) · · , , , , , ,
  26. Simple Implemention to Understand “worker_threads” in Node.js (via) · · , ,
  27. Release Notes for Safari Technology Preview 194 (by/via) · · , , ,
  28. Upgrade Your HTML V (by) · · , , , ,
  29. Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (by/via) · · , ,
  30. What Is UX (Not)? (by/via) · · , ,
  31. Websites Are Not Books (by) · · ,
  32. Let’s Build a Web Scraper in PHP and Python (via) · · , ,
  33. “Slop” Is the New Name for Unwanted AI-Generated Content (by) · · ,
  34. Level-Setting Heading Levels (by) · · , , , ,
  35. 37 Tips From a Senior Frontend Developer (by) · · , , , ,
  36. Why Use Web Components Over Traditional DOM Manipulation? (by) · · ,
  37. Modern WordPress—Yikes! (by) · · ,
  38. Evidence-Based Management Guide, 2024—What’s New? (by/via) · · , , , , ,
  39. Why Patching Globals Is Harmful (by) · · ,
  40. Introducing the Gulp Developer Survey (by/via) · · ,
  41. Transparent Borders (by) · · , , ,
  42. The Carcinization of Web Frameworks (by/via) · · , , , , ,
  43. Focus vs. Accessibility Focus (via) · · , ,
  44. JavaScript “var”, “let”, and “const” Explained (by+) · ·
  45. How We’re Building More Inclusive and Accessible Components at GitHub (by/via) · · , , , ,
  46. A Brief Note on Highlighted Text (by) · · , , , ,
  47. What’s New in Node.js v22 (by) · · ,
  48. Using the Popover API for HTML Tooltips (by/via) · · , ,
  49. Mastering User-Centered Design, With 5 Advanced Tips (via) · · , , , ,
  50. Using Simple Tools as a Radical Act of Independence (by/via) · · , ,
  51. An Introduction to the European Accessibility Act (EAA) (via) · · , ,
  52. Errors Aren’t All Bad (by) · ·
  53. Servo Reboot: Where Are We Now? OSS-NA 2024 (by) · · , ,
  54. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (via) · · , , ,
  55. Misconceptions About CSS Specificity (by/via) · · ,
  56. The 7 Most Useful Web Design and Web Development Glossaries (by) · · , ,
  57. Securing Client-Side JavaScript (by) · · , ,
  58. 5 Node Version Managers Compared—Which Is Right for You? (by) · · , , ,
  59. Shades of Grey With “color-mix()” (by/via) · · , ,
  60. A to Z of Assistive Technology for Reading Digital Text (by) · · , , , ,
  61. At Some Point, JavaScript Got Good (by) · · ,
  62. WCAG After Quarter of a Century—We Still Need More Awareness (by) · · , ,
  63. The Value of Open Source in Furthering Accessibility Goals (by/via) · · , ,
  64. How Slack Automates Deploys (by) · · , ,
  65. Poor Express Authentication Patterns in Node.js and How to Avoid Them (by) · · , , ,
  66. Content Standards in Design Systems (by/via) · · , ,
  67. So I Got Fired (by) · ·
  68. Quick-and-Dirty Accessibility (via) · · ,
  69. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (by/via) · · , , ,
  70. How to Archive Your Design System Effectively (via) · · , ,
  71. Will the CSS Scope Feature Replace Angular’s View Encapsulation? (by) · · , ,
  72. The Vue Ecosystem in 2024 (by/via) · · , , ,
  73. Web Development Trends We Will See in 2024 (by/via) · ·
  74. Introduction to htmx (via) · · ,
  75. 3 Methods to Elevate Your Writing With Visual Content (by) · · , ,
  76. If View Transitions and Scroll-Driven Animations Had a Baby… (by/via) · · , , ,
  77. Web Components From Early 2024 (by) · · ,
  78. How to Create Content in WordPress With AI (by/via) · · , ,
  79. When to Use Bun Instead of Node.js (by/via) · · , ,
  80. Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (by/via) · · , , ,
  81. Cookie Permissions: 6 Design Guidelines (via) · · , , , , ,
  82. Why Are My Live Regions Not Working? (by/via) · · , ,
  83. Using AI to Predict Design Trends (via) · · , ,
  84. Demystifying React’s Types: Ref Types (by) · ·
  85. Understanding What Drupal Editors and Authors Need (by+/via) · ·
  86. A React Developer’s Guide to Learning Solid.js (via) · · , , ,
  87. The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (by/via) · · , , , ,
  88. Should We Rely on Browser Detection? (by) · · ,
  89. Web Accessibility in the 2024 [U.S.] Presidential Campaigns (via) · · ,
  90. Use Both Ratings Average and Number of Ratings When Sorting by User Ratings (via) · · , ,
  91. Pretty Much Every Website Uses the Wrong Font Size… (by) · · ,
  92. An Alternative Proposal for CSS Masonry (by/via) · · , ,
  93. Popover API Is Here (by/via) · · , ,
  94. I Reviewed 1,000s of Opinions on htmx (by) · ·
  95. Handling the Indentation of a Treeview Component (by) · ·
  96. Composability in Design Systems (by) · · , ,
  97. New to the Web Platform in April (by/via) · · , , , , , , , ,
  98. What Is Vite (and Why Is It So Popular)? (by/via) · ·
  99. My Approach to HTML Web Components (by) · · ,
  100. How to Design Accessible Forms in 10 Steps (by/via) · · , , ,
  101. WebAssembly Performance Patterns for Web Apps (by) · · , ,
  102. Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (via) · · , , ,
  103. Superior Range Syntax (by) · · ,
  104. CSS Inheritance (by/via) · · ,
  105. Accessibility Evolution of Organizations (by) · · , ,
  106. The Polish Paradox (by) · · , ,
  107. No, I Don’t Want to Fill Out Your Contact Form (by) · · ,
  108. Top 50 System Design Interview Questions for 2024 (by) · · , ,
  109. Passkeys: A Shattered Dream (by) · · , ,
  110. The Picture-Superiority Effect: Harness the Power of Visuals (via) · · , ,
  111. Ditch Dotenv: Node.js Now Natively Supports .env File Loading (by/via) · · , ,
  112. Basic Algorithms (by) · · , ,
  113. Optimizing INP: A Deep Dive (via) · · , , , , , , , ,
  114. What Do Developers Want From AI? (by) · · , ,
  115. Design Deja Vu (by) · · , , , ,
  116. Maintaining a Design System in Figma (by/via) · · , ,
  117. The HTML, CSS, and SVG for a Classic Search Form (by/via) · · , , , ,
  118. The Rise of Large-Language-Model Optimization (by+) · · ,
  119. Conducting Accessibility Research in an Inaccessible Ecosystem (by/via) · · , , ,
  120. Introduction to Manual Website Accessibility Testing (via) · · , , ,
  121. Popover API Lands in Baseline (by/via) · · , , , ,
  122. How to Escape JavaScript for a Script Tag (by) · · , , ,
  123. HTML Attributes vs. DOM Properties (by) · · , ,
  124. Node.js 22 Available Now (via) · · ,
  125. The Problem With “new URL()”, and How “URL.parse()” Fixes That (by) · · ,
  126. Write Better CSS With Modern CSS (by) · · , , ,
  127. The Perfect Site Doesn’t Exist (by/via) · · , ,
  128. Why Don’t We Talk About Minifying CSS Anymore? (by/via) · · , ,
  129. The New “!important” (by) · · ,
  130. Printing Music With CSS Grid (by/via) · · ,
  131. Celebrate JavaScript Naked Day Every Year on April 24 (by) · · , , ,
  132. Node.js Next 10 Survey—2024 (by/via) · · ,
  133. JSR Is Not Another Package Manager (by/via) · · ,
  134. Use “:has()” to Scope CSS · · , ,
  135. Adding ESLint and Auto-Fixing an Existing TypeScript Project (by) · · , , ,
  136. Comparing Full Stack and Headless CMS Platforms (via) · · , , ,
  137. Creating Fluid Typography With the CSS “clamp()” Function (by/via) · · , ,
  138. F-Shape Pattern and How Users Read (by/via) · · ,
  139. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (by/via) · · , , ,
  140. The First Framework That Lets You Visualize Your React/Node.js App (by/via) · · , ,
  141. The Front End Developer/Engineer Handbook 2024 (by/via) · · , , , , ,
  142. Update on the Plan for Phase-Out of Third-Party Cookies on Chrome (via) · · , , , ,
  143. Reflecting on My Programming Career · ·
  144. Your Page Can’t Change Media Features (by) · · , , ,
  145. How the Meaning of Colour Varies per Culture (by/via) · · ,
  146. Notes on Quality (by) · · , ,
  147. Using Vite to Rebuild Local Dependencies in an npm Workspace (via) · · , ,
  148. Latency Numbers Every Frontend Developer Should Know (by/via) · · , ,
  149. Images as the First Thing in a Button or Link (by) · · , , , ,
  150. Invoking Elements by Using Only HTML: A First Look at Invokers (by) · · , ,
  151. 15 Essential UX Design Principles and Practices for Developers (by/via) · · , ,
  152. The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (via) · · ,
  153. Using Legitimate GitHub URLs for Malware (by) · · ,
  154. What You Can Do as a Web Builder on Earth Day (by) · · ,
  155. Write Alt Text Like You’re Talking to a Friend (by/via) · · ,
  156. The Ultimate Collection of CSS-Only Shapes (by) · · ,
  157. 5 Hidden CSS Properties You Didn’t Know Existed · ·
  158. 3 Essential Design Trends, May 2024 (by/via) · · ,
  159. What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer (by) · · ,
  160. Creating a UX Playbook for Onboarding Users to Your Product (via) · · , ,
  161. State of Design Tokens 2024 (by+/via) · · , , ,
  162. Node.js Test Runner: A Beginner’s Guide (by/via) · · , ,
  163. The Art of Design System Recipes (by) · · ,
  164. Considerations for AI Opt-Out (by) · ·
  165. Detect JavaScript Support (by/via) · · , , ,
  166. Optimising React Apps · · ,
  167. A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (by+) · · , ,
  168. 3 Tips for Advanced Prototyping in Figma (by/via) · · , ,
  169. Make Product Design Great Again (by/via) · · , ,
  170. April 24 Is JS Naked Day (by) · · , , ,
  171. Long Alt (by) · · , , , , ,
  172. Make Sure That Your Design System Is Accessible (by) · · ,
  173. Detect JavaScript Support in CSS (by) · · , , ,
  174. Node.js Task Runner (by) · · ,
  175. Using “@ defer” Defer Views in Angular 17 (by) · · , ,
  176. A Short Guide to Mastering Keyboard Shortcuts on GitHub (by/via) · · , ,
  177. Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (by/via) · · ,
  178. How to Work With GraphQL in WordPress in 2024 (by/via) · · , ,
  179. This Web of Ours, Revisited (by) · ·
  180. Accessibility Overlays—Friend or Foe? (by/via) · · , ,
  181. Building a Culture of Accessibility (by/via) · · ,
  182. Typography Variables in Figma Are Here (by) · · ,
  183. How to Create CSS Utility Classes (by/via) · · ,
  184. Git Common Developer Pitfalls and Solutions (via) · ·
  185. The End of an Era: Women Who Code Closing (via) · ·
  186. Sustainable Web Development: Website Redesign With a Low Carbon Footprint (by/via) · · ,
  187. Building an npm Package Compatible With ESM and CJS in 2024 (by/via) · · , ,
  188. What’s Going On in Dark Theme / Light Theme Land (by/via) · · , ,
  189. Angular’s New Signal Inputs (by) · · , ,
  190. The “Intl.Segmenter” Object Is Now Part of Baseline (by/via) · · , , ,
  191. A Primer on the Cascade and Specificity (by/via) · · , ,
  192. Converting Plain Text to Encoded HTML With Vanilla JavaScript (via) · · , ,
  193. Displaying HTML Web Components (by) · · ,
  194. How to Write World-Beating Web Content (via) · · , ,
  195. Property Hooks Are Coming in PHP 8.4 (by) · · ,
  196. Upgrading jQuery: Working Towards a Healthy Web (by/via) · · , ,
  197. When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (by) · · ,
  198. Who Should Block AI Bots? (by/via) · · , ,
  199. Webhooks and WebSockets (by) · · ,
  200. The Impact of Color Contrast on Accessibility (via) · · , ,
  201. Building a GitHub Activity Feed With Node.js and Socket.io (by/via) · · , ,
  202. 12 Tips From a Mid-Level Developer (by) · · ,
  203. How to Submit a Form in React Using FormData (via) · · , ,
  204. [pnpm] v9.0.0 (via) · · ,
  205. The Invisible Seafaring Industry That Keeps the Internet Afloat (by/via) · ·
  206. Things That Can Break “aspect-ratio” in CSS (by/via) · ·
  207. We Need to Rewild the Internet (by+/via) · · , , , ,
  208. The Biggest Lie in HTML (by) · · ,
  209. The Making of a TypeScript Feature: Inferring Type Predicates (by) · ·
  210. Alternating Style Queries (by) · · , ,
  211. Hardest Problem in Computer Science: Centering Things (by) · · , ,
  212. The Right Code for Your Design System (by/via) · · ,
  213. ARIA in HTML (by+/via) · · , , ,
  214. Document Collaboration (With Comments!) (by/via) · · , , ,
  215. Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (by/via) · · , ,
  216. How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (via) · · , , ,
  217. Ethics in Times of Growth Design (via) · · ,
  218. 10 Top Accessibility Errors and How to Avoid and Fix Them (by) · ·
  219. CSS in React Server Components (by) · · , , ,
  220. Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (by) · · , ,
  221. An Intro to Flexbox (by) · · , ,
  222. Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (by+/via) · · ,
  223. Interview With Senior JS Developer 2024 (by) · · , , , , , , ,
  224. Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (by) · · , ,
  225. My “Skip to Content” Markup Was Breaking the Back Button on iOS (by) · · , , ,
  226. Things You Should Do in Your Dev Journey · ·
  227. 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (by) · · , , , , , ,
  228. What If You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (by/via) · · ,
  229. 10 Things Software Developers Should Learn About Learning (by) · · ,
  230. Blockin’ Bots (by) · · , , ,
  231. Monitoring BFCache Blocking Reasons (by/via) · · , , ,
  232. Sliding 3D Image Frames in CSS (by/via) · · , ,
  233. Naming Colors in Design Systems (via) · · , ,
  234. Introducing JS Naked Day (by) · · , , ,
  235. How to Build a Reusable Grid System With CSS Grid (by) · · , ,
  236. How Do Open Source Licenses Work? The Ultimate Guide (by/via) · · , ,
  237. CSS Tricks to Master the “clip-path” Property (by/via) · · ,
  238. Gap Is the New Margin (by/via) · · ,
  239. Quick Tip: How to Animate Text Gradients and Patterns in CSS (by/via) · · , , , ,
  240. Web Accessibility Statement: How to Write One (via) · · , ,
  241. A Comparison of Automated Testing Tools for Digital Accessibility (via) · · , , , ,
  242. Unleashing Designers With Tailwind CSS (by/via) · · , , ,
  243. Accessible Interactions in JavaScript Apps (by/via) · · , , , ,
  244. Complete a VPAT: Show How Accessible Your Product Is (via) · · , , ,
  245. Epic App Performance Starts With the Database (by/via) · · , , , ,
  246. Let Me Be (by/via) · · , ,
  247. Socks, Lies, and Accessibility (by) · · , ,
  248. The Dos and Don’ts of Using “tabindex” in Web Design (by/via) · · , ,
  249. An Intro to CSS Grid (by) · · , ,
  250. Zombie Estimation (via) · · , , ,