Frontend Dogma

News and Tools for Frontend Development (5)

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

  1. Let’s Create a Filter Table Component in Vue · · , , ,
  2. Career Growth After 35: What Awaits Programmers? · · ,
  3. Accessibility vs. Inclusive Design · · , , ,
  4. Limit the Reach of Your Selectors With the CSS “@ scope” At-Rule · · , ,
  5. Deploy and Test AWS Step Functions With Node.js · · , , , ,
  6. Still No CSS Reset · · ,
  7. The Power of Type Safety in TypeScript · · ,
  8. An Interactive Intro to CRDTs · · , ,
  9. Release Notes for Safari Technology Preview 180 · · , , ,
  10. The Problem With WordPress Is Positioning, Not Plugins · ·
  11. Being Picky About a CSS Reset for Fun and Pleasure · · ,
  12. Your Website Does Not Need JavaScript · · , ,
  13. How to Be an Accessibility Ally · · , ,
  14. Get Ready for Interop 2024 · · ,
  15. Return to Office Is Bullshit and Everyone Knows It · · ,
  16. The Most Minimal Valid HTML Document · · , , ,
  17. Crawlers · · ,
  18. Have You Seen These Weird Image Tag Issues? · · ,
  19. Demystifying CSS Container Queries · · , ,
  20. Nine Things Automated Accessibility Tests Can’t Test · · , ,
  21. The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses) · · , ,
  22. All the Ways to Turn an Array into an Object in Javascript · · , ,
  23. TypeScript Monorepo With npm Workspaces · · , , ,
  24. The Myth of Infinite Data Growth · ·
  25. Making a Website Is for Everyone · · , ,
  26. In-Page Links for Content Navigation · · , ,
  27. The 3 Secrets to Font Pairing · · , ,
  28. Test Assertion Styles in JavaScript · · ,
  29. Understanding the CSS Auto-Resizing Textarea Trick · · ,
  30. Managing and Mitigating Design Debt: A Solo UX Designer’s Guide · · , ,
  31. Re-Creating the Pop-Out Hover Effect With Modern CSS · · ,
  32. Four Reasons to Give WCAG AAA a Second Look · · , ,
  33. Node v20.8.0 · · ,
  34. 20+ Tools for Node.js Development in 2023 · · , ,
  35. How I Deployed My Website as a Docker Container · · ,
  36. Naming Things Needn’t Be Hard · · ,
  37. Characteristics of Code Quality · ·
  38. Crafting Future-Ready Experiences: The Power of Progressive Web Apps (PWAs) and Offline-First Design · · ,
  39. Exploring Enhanced Patterns in WordPress 6.3 · ·
  40. Easy Dark Mode With “color-scheme” · · , , , ,
  41. A Socket API That Works Across JavaScript Runtimes—Announcing a WinterCG Spec and Node.js Implementation of “connect()” · · , ,
  42. The Ultimate Low-Quality Image Placeholder Technique · · , ,
  43. A Comprehensive Guide to the Dangers of Regular Expressions in JavaScript · · , , ,
  44. CSS Nesting and the Cascade · · , ,
  45. CSS Terminology Demystified · · , ,
  46. An Introduction to Web Components · · ,
  47. Best Practices for Securing Node.js Applications in Production · · , ,
  48. The Cost of Obsessing over Design Perfection · · , ,
  49. Honey, I Shrunk the npm Package · · , ,
  50. The Saga of the Closure Compiler, and Why TypeScript Won · · , , ,
  51. Stop Using JS for That: Moving Features to CSS and HTML · · , , ,
  52. How to Make the Case for Design Systems · · ,
  53. Frontend Monitoring: Strategies, Best Practices, Tools, and More · · , , ,
  54. SSH Keys Stolen by Stream of Malicious PyPI and npm Packages · · , , ,
  55. Real AI Solutions for Accessibility Challenges · · ,
  56. Form Accessibility and Usability Beyond the Basics · · , ,
  57. Top 5 ARIA Implementation Errors · · , ,
  58. Overlays: Just Another Disability Dongle · · ,
  59. No More 404 · · , , ,
  60. npm Provenance General Availability · · , , ,
  61. 8 More Micro Tips for Remarkably Better Typography · · , , ,
  62. Taming Tailwind · · ,
  63. Textareas With Auto-Increasing Height Using CSS · · ,
  64. The Future of Web Design: Emerging AI Technologies and Trends · · , , ,
  65. HTML Popover, Videos and “display:blackhole” · · , ,
  66. The Illusion of Developer “Productivity” Opens the Door to Snake Oil · · ,
  67. Why HTTP/3 Is Eating the World · · ,
  68. How Mastodon Handles Images and Web Previews · · , , , , ,
  69. Understanding Puppeteer Headless · · , , ,
  70. What Are Accessibility Overlays? · · , ,
  71. Accessibility Is Easy… Except for When It Isn’t · · ,
  72. Misconceptions Can Kill Accessibility Momentum · · , ,
  73. Token Based Authentication With Fastify, JWT, and TypeScript · · , ,
  74. State of HTML 2023 · · ,
  75. GitHub Actions Could Be So Much Better · · , ,
  76. Upgrading Frontend Dependencies With Confidence · · , , , ,
  77. Responsive Type Scales With Composable CSS Utilities · · , ,
  78. How to Build Trust With Others by Organizing Your Figma Files · · , , ,
  79. How to Escape CSS Selectors in JavaScript · · , , , ,
  80. The Path to Awesome CSS Easing With the “linear()” Function · · , ,
  81. Open Source Trends to Look for in 2024 · · , , , ,
  82. TypeScript Origins: The Documentary · · , ,
  83. Native Mobile Accessibility Testing · · , , ,
  84. The WebP 0-Day · · , , ,
  85. The Design System Ecosystem · · ,
  86. What Is Strict Mode in JavaScript? · ·
  87. Developers Talking About Code Quality · · , ,
  88. What Makes an Accessible Date Picker? Is It Even Possible? · · , ,
  89. Unlocking a World of Accessibility: How Internationalization Is the Key · · , , ,
  90. Save Our World With Progressive Enhancement and Accessibility · · , ,
  91. Accessible Web Components? · · , ,
  92. Supercharge Your Repository With Code Owners · · , ,
  93. The Character Encoding Cheat Sheet for JS Developers · · , , ,
  94. Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue · · , ,
  95. CSS Findings From The Threads App II · · ,
  96. Introducing Runes · ·
  97. The Psychology of Web Performance · · ,
  98. We are Chrome for Developers · · , , , , , ,
  99. Building a Core Accessibility Team: The Keys to the Kingdom · · , ,
  100. What Can You Do With “data” Attributes? · · ,
  101. How to Use the New “<search>” Element With WordPress · · , ,
  102. How to Make Forms in Angular Reusable · · , , , ,
  103. Release Notes for Safari Technology Preview 179 · · , , ,
  104. Experimenting With Measuring Soft Navigations · · , , , ,
  105. Bun vs. Node.js: Everything You Need to Know · · , ,
  106. What an Economist Article Says About Website Accessibility and Lawsuits · · ,
  107. Get All That Network Activity Under Control With Priority Hints · · , ,
  108. Git: Don’t Create .gitkeep Files, Use .gitignore Instead · ·
  109. Node v20.7.0 · · ,
  110. One Thing Nobody Explained to You About TypeScript · · ,
  111. Arrow Functions vs. Traditional Functions in JavaScript · · , , ,
  112. Understanding the JavaScript Modulo Operator · · ,
  113. Managing Design Debt: Strategies for Sustainable User Experience · · , ,
  114. 1-Minute CSS Tip: Accent Colors · · , ,
  115. WebKit Features in Safari 17.0 · · , , , ,
  116. First Steps to an Accessible Website—Skip Links · · , ,
  117. A (More) Modern CSS Reset · · ,
  118. Accessibility and Inclusivity: Study Guide · · , , ,
  119. Sustainability and Tech and Us · · , , ,
  120. Why Not React? · ·
  121. Expanding Your Touch Targets · · , ,
  122. The JS Community on Twitter Is Dead · · , ,
  123. Expert CSS: The CPU Hack · · ,
  124. How to Make a Strong Case for Accessibility · · , ,
  125. Bun Hype: How We Learned Nothing from Yarn · · , , ,
  126. Solved by CSS Scroll-Driven Animations: Detect If an Element Can Scroll or Not · · , ,
  127. Writing Clean Code: Best Practices and Principles · · , , , , ,
  128. Revealing Images With CSS Mask Animations · · , ,
  129. What Makes Some Interruptions More Disruptive Than Others? · · , ,
  130. Whataboutism · ·
  131. Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples · · , , ,
  132. Incremental Static Regeneration for Angular · · ,
  133. JavaScript Is Getting Array Grouping Methods · · ,
  134. The 10 Tools I Install on Every New Mac I Get · · , ,
  135. The 5 Principles of Unit Testing · · , ,
  136. v0.dev · · , , , , ,
  137. View Transition Debugging · · , , ,
  138. The 10ish Tools I Install on Every New Mac I Get · · , ,
  139. Why Is Creativity So Blurry, and Am I Creative? · · , ,
  140. How Custom Property Values Are Computed · · ,
  141. Submit Your Proposals for Interop 2024 · · , ,
  142. Why I Quit Open Source · · , ,
  143. Use Cases for IIFEs · ·
  144. Documentation Is a Living Thing: How We Talk Informs What We Make · · , ,
  145. Getting Started With CSS in JS · · ,
  146. Multi-Page Web Apps · · , ,
  147. Why Drupal 10 · · ,
  148. I Think I Kind of Hate Lazy Loading · · ,
  149. Nuclear Anchored Sidenotes · · ,
  150. Stop Lazy Loading Product and Hero Images · · , ,
  151. The Cult of Productivity · · , ,
  152. Limitations of Scoped CSS · · ,
  153. From Silos to Design Systems · · , ,
  154. Changes and Additions in Pointer Events Level 3 · · , , ,
  155. State of Web Accessibility, ARIA in HTML, and Missing UI Patterns · · , , ,
  156. The Real Value of Tokens · · ,
  157. What Is Functional Testing? Definition, Key Concepts, and Types · · , ,
  158. Gradients, Blend Modes, and a Really Cool Hover Effect · · , ,
  159. JPEG and EXIF Data Manipulation in JavaScript · · , ,
  160. Cool Tools · · ,
  161. Discover Bun—a Faster, Modern JavaScript Runtime · · , ,
  162. Medium vs. DEV vs. Hashnode vs. Hackernoon · · , , ,
  163. Rewriting Digital Content for Brevity · · , , ,
  164. Why Your Design System Needs a Component Process · · , ,
  165. Running a Playwright Script on AWS Lambda · · , ,
  166. How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js · · , ,
  167. Bun, Javascript, and TCO · · , ,
  168. Bun 1.0 · · ,
  169. The Dangers of Deceptive Design Patterns (and How to Avoid Them) · · ,
  170. JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? · ·
  171. A New Method to Validate URLs in JavaScript · · , ,
  172. CSS “display” Is a Multi-Keyword Property? · · ,
  173. CSS Lobotomized Owl Selector: A Modern Guide · · , , ,
  174. From Data-Driven to Decision-Driven · · , ,
  175. The “Array.prototype.every()” Method Always Returns “true” for an Empty Array · · ,
  176. The New Google Fonts: Find What You’re Looking For · · ,
  177. Web Components Accessibility FAQ · · ,
  178. Why Are We Not Still Using Tables-for-Layout? · · , ,
  179. WOFF Has Left the Building · · , , ,
  180. Delay, Sleep, Pause, and Wait in JavaScript · ·
  181. Building a Real-Time Chat With Websockets, Novel, and Clerk · · , , , , ,
  182. GoDaddy Retires Media Temple Brand · · ,
  183. Is AI the Silver Bullet of Accessibility? · · ,
  184. Long Live the Test Pyramid · · , ,
  185. Making Sense of React Server Components · · ,
  186. Using Labeled Loops in JavaScript · ·
  187. Four Common Types of Code Coverage · · ,
  188. Turbo 8 Is Dropping TypeScript · · , ,
  189. Release Notes for Safari Technology Preview 178 · · , , ,
  190. Equivalent Experience Can Cut Both Ways · · ,
  191. Essential Metrics for Click Testing · · , ,
  192. First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences · · ,
  193. Node.js Includes Built-In Support for .env Files · · , ,
  194. Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison · · , , , , ,
  195. Progressively Enhanced Form Validation: Custom Validation Messages · · , , ,
  196. The Perpetual Circle of Accessibility · · ,
  197. 8 Micro Tips for Remarkably Better Typography · · , ,
  198. Browser Video Players Review · · , , , , , ,
  199. Web Components Don’t Need You · ·
  200. Node v20.6.0 · · ,
  201. Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide · · , , ,
  202. NODE_ENV Considered Harmful · · ,
  203. Information Architecture vs. Sitemaps: What’s the Difference? · · , ,
  204. A Wide View of Automated Testing in React Apps · · , ,
  205. On Productivity Metrics and Management Consultants · · , ,
  206. Style Is Consistent Constraint · · ,
  207. Top Website Redesign Tips for 2023 · · ,
  208. Three Dimensions of Developer Productivity · · , ,
  209. Clocks and Countdowns: Timing in CSS and JavaScript · · ,
  210. Dialog Dilemmas and Modal Mischief: A Deep Dive into Popovers and How to Build Them · · , , ,
  211. Selecting the Scoping Root · · ,
  212. Small Details to Improve Your Website’s Experience · · , , ,
  213. Type Safe CSS Design Systems With “@ property” · · , ,
  214. Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource · · ,
  215. How to Make Charts and Graphs More Accessible · · , , ,
  216. Is Atomic Design Dead? · · ,
  217. Things That Jakob’s Law Is Not · · , ,
  218. Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” · · , ,
  219. Understanding Feature Flags: Improving Feature Management · · , ,
  220. An Introduction to the Laravel PHP Framework · · , , ,
  221. Case Study: Rebuilding TechCrunch Layout With Modern CSS · · , ,
  222. CSS Loaders · · , , ,
  223. Accessibility Theater · ·
  224. Astro 3.0 · · ,
  225. Memorization and Learning to Code · · , , ,
  226. Tracking Errors in a Node.js Application · · , ,
  227. Using “rem” Doesn’t Make Your Website Responsive—Here’s Why · · , ,
  228. What Is Inclusion Anyways? Lessons from the Disabled Community · · , , ,
  229. What Is the View Transitions API and How to Use It With Meta Frameworks · · , , ,
  230. Getting Started With htmx: A Comprehensive Guide for Beginners · · , ,
  231. Web Sustainability Guidelines (WSG) 1.0 · · ,
  232. Why Do I Have Layout Shift? · · , ,
  233. Let’s Make a Rubber Button With HTML, CSS and SVG · · , , ,
  234. Connected Grid Layout Animation · · , ,
  235. Git Uncommit · · ,
  236. Five Optimization and Performance Tools That Enhance Website User Experience · · , , , ,
  237. Hover Triangles · · ,
  238. Benchmarks [for 24 CSV Parsing Approaches] · · , , ,
  239. Building Accessibility into Your Company, Team, and Culture · · , ,
  240. How to Implement SSL/TLS Pinning in Node.js · · , , , ,
  241. Measuring Developer Productivity? A Response to McKinsey · · ,
  242. Web Apps Are Better Than No Apps · ·
  243. Why Are Websites Embarrassing? · · ,
  244. Announcing Cypress 13 With Test Replay · · ,
  245. Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS · · , ,
  246. How I Write Alt Text for Code Snippets on Social Media · · , , ,
  247. 8 Habits That Hold Back Your Developer Potential · · ,
  248. From User Needs to User Dreams: Find the Future of Your Product · · , ,
  249. Six Reasons Not to Use React · · ,
  250. Realistic CSS Animations and the “linear()” Timing Function · · , ,