Frontend Dogma

News and Tools for Frontend Developers (3)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

  1. Ensuring the Staying Power of User Experience in Your Organization (by/via) · · , ,
  2. CSS Triggers (by) · · , ,
  3. Frontend Dev Plus Data Structures and Algorithms: How DSA Can Power Your React App · · , ,
  4. “setImmediate()” vs. “setTimeout()” in JavaScript (by) · · ,
  5. Building the Same App Using Various Web Frameworks (by) · · , , ,
  6. Manual ’Till It Hurts (by) · · ,
  7. The State of ES5 on the Web (by) · · , , ,
  8. Story of a Button (via) · ·
  9. Data Centers Are Eating and Drinking Our Environment (by) · · , ,
  10. Simplicity (via) · · ,
  11. Gaining Access to Anyone’s Browser Without Them Even Visiting a Website (by) · · , , ,
  12. The Secrets of the “delete” Operator in JavaScript (by) · · ,
  13. Unrealistic Deadlines in Software Engineering (by) · · , , ,
  14. Mobile Accessibility Testing: Enhancing User Experience for All (by/via) · · , , ,
  15. CSS Cascading and Inheritance Level 6 (by+/via) · · ,
  16. A Complete Guide to Beginning with TypeScript (by/via) · · , , ,
  17. “display: contents” Is Not a CSS Reset (by) · · , ,
  18. The Goal Isn’t to Write Less Code (by) · · , ,
  19. I Need an Accessible Hero (via) · · ,
  20. Quick Tip: Using “flatMap()” to Extract Data From a Huge Set Without Any Loop (by) · · , ,
  21. A Compelling Case for the Comma Operator (by) · · ,
  22. UX Design isn’t Dead, You’re Just Confused (via) · · , ,
  23. Design Systems Should Do Less (by/via) · · , ,
  24. caniuse-cli (by) · · , , , , ,
  25. Look Out, Kids: PHP Is the New JavaScript (by/via) · · , , ,
  26. How to Create a Weekly Google Analytics Report That Posts to Slack (by/via) · · , , , , ,
  27. How to Detect Broken Links With Playwright (by/via) · · , , ,
  28. Understanding JavaScript Closures With Examples (by) · · , ,
  29. Bad CSS-Dad Jokes (by) · ·
  30. JavaScript/Python Array Quick Reference (via) · · , , ,
  31. Sticky Headers and Full-Height Elements: A Tricky Combination (via) · · ,
  32. The HTML History and Optimization Cheat Sheet (by) · · , , ,
  33. The Story of Figma: Living Long Enough as a Hero to Become a Villain? (via) · ·
  34. CSS Display Contents (by) · · ,
  35. The Helpful Content Update Was Not What You Think (by/via) · · , ,
  36. Inlay Hints Make It Easy to Read Code in VS Code (by) · · , , ,
  37. What’s New in React 19 (by/via) · · ,
  38. Cleaning and Speeding Up the JS Ecosystem—Journey So Far (by) · · ,
  39. Avoiding Accessibility Barriers With a Checklist for Custom Controls—Opinion (via) · · ,
  40. Should Form Labels Be Wrapped or Separate? (by/via) · · , , , ,
  41. A Release Note for the Web Platform (by) · · , , , ,
  42. A Complete Guide to Beginning With JavaScript (by/via) · · , , ,
  43. Dreaming About Drupal [and] Its Long Term Potential (by) · · ,
  44. Writing Effective Pull Request Descriptions: A Developer’s Guide (by) · · , , , ,
  45. Notes on Setting Up a Static Website With AWS (Route 53, S3, ACM) (by) · ·
  46. Thinking About Using AI? (by/via) · · , ,
  47. Quick Guide to Web Typography for Developers (by) · · , , ,
  48. Sanding UI (by) · · ,
  49. Paying Down Tech Debt (via) · · , ,
  50. Another Stab at Truncated Text (by/via) · · , , ,
  51. Under-Engineered Estimated Reading Time Feature (by) · · ,
  52. Tackling a System’s Accessibility Without Testing (by+/via) · · , , ,
  53. How to Deploy Node.js to AWS Lambda With OpenTofu and GitHub Actions · · , , , , , , ,
  54. HTML Whitespace Is Broken (by) · · ,
  55. What Is React.js? (by) · · ,
  56. Scroll-Enhanced Experiences (by/via) · · , ,
  57. CSS “@ property” and the New Style (by) · · ,
  58. Captured Custom Properties (by) · · ,
  59. Skeleton Screens vs. Progress Bars vs. Spinners (by/via) · · , ,
  60. Backgrounds for the Box Model (and Why It Can Be Useful) (by/via) · · , ,
  61. “AggregateError” in JavaScript (by) · · ,
  62. What It Is Like to Work in Meta’s (Facebook’s) Monorepo (by) · · ,
  63. Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster · · , , , ,
  64. Get Window Size in Pure CSS (via) · · ,
  65. Be Careful When Using Generative Artificial Intelligence to Produce Code (by) · · , ,
  66. I Want the Read Write Suggest-Edit Accept-Edit Update Web (by) · · ,
  67. Semi-Annual Reminder to Learn and Hire for Web Standards (by) · · , , , ,
  68. Reducing UX Debt (or Die Trying) (by/via) · · ,
  69. How I Created a 3.78 MB Docker Image for a JavaScript Service · · ,
  70. Automattic Launches Ambitious Tumblr Migration to WordPress (by/via) · · , ,
  71. Headings (via) · · , ,
  72. Faster Pages With React (by/via) · · ,
  73. Java Optionals (by/via) · ·
  74. An Enhancement to Accessible Responsive Tables (by) · · , , ,
  75. Understanding Web Storage: LocalStorage, SessionStorage, and Cookies (by) · · , ,
  76. A/B Testing 101 (by/via) · · , , ,
  77. Supporting AVIF in Google Search (by/via) · · , , , ,
  78. An SSR Performance Showdown (by) · · , , , , , , ,
  79. Why Playwright Is Less Flaky Than Selenium (by) · · , , ,
  80. Stuck in the Steps? (via) · · ,
  81. Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency (by) · · , , , , ,
  82. Querying the Color Scheme (by) · · , , ,
  83. What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (by/via) · · , , , ,
  84. Drupal 11: New Features to Empower Ambitious Site Builders (via) · ·
  85. HTTP 1 vs. HTTP 2 vs. HTTP 3 (by) · · , , , ,
  86. OpenAI Is Shockingly Good at Unminifying Code (by) · · , ,
  87. Hidden Cost of Frontend Frameworks · · , ,
  88. Python Developers Survey 2023 Results (via) · · ,
  89. When Regex Goes Wrong (by) · ·
  90. Why I Don’t Block AI Scrapers (by) · · , ,
  91. Paragraphs (by) · · ,
  92. CSS Style Observer (by) · · , ,
  93. New to the Web Platform in August (by/via) · · , , , , , ,
  94. Caching Demystified: Inspect, Clear, and Disable Caches (by/via) · · , , , , , ,
  95. Chris Ferdinandi on ADHD, Focus, and Working in Tech (by+/via) · · ,
  96. Building Better Logins: A UX and Accessibility Guide for Developers (via) · · , ,
  97. Anchor Positioning (by/via) · · , ,
  98. The “aside” Element (by) · · , ,
  99. The Ultimate Guide to Font Performance Optimization (via) · · , , ,
  100. The Secret Inside One Million Checkboxes (by) · · , ,
  101. Multithreading in Node.js: Using Atomics for Safe Shared Memory Operations (by) · · , ,
  102. IndieWeb vs. Indie Web (by) · · , , ,
  103. Release Notes for Safari Technology Preview 202 (by/via) · · , , ,
  104. How to Handle Errors in Next.js for Node With the App Router (by/via) · · , , ,
  105. What’s Missing From HTML and CSS? (by/via) · · ,
  106. JavaScript Generators Explained, but on a Senior-Level (by/via) · · ,
  107. The Dialog Element With Entry and Exit Animations (by/via) · · , ,
  108. Shipping Tumblr and WordPress (via) · · ,
  109. Are Design Systems Just a Bandaid? (by/via) · · , ,
  110. How to Use React Compiler—a Complete Guide (by/via) · · , , ,
  111. Advanced Playwright Techniques for Flawless Testing (by/via) · · , , ,
  112. A Comprehensive Guide to Understanding TypeScript Record Type (via) · · ,
  113. Interface Segregation Principle in React (by) · · , ,
  114. Make Me One (Input) With Everything (by/via) · · , , ,
  115. Is Server-Side Rendering Making a Comeback in 2024? (by/via) · ·
  116. How to Fix ESLint Violations With AI Assistance (via) · · , , ,
  117. Set Up a $4/Month Hetzner VM to Skip the Serverless Tax (via) · · , ,
  118. Has the IndieWeb Become Irrelevant? (by) · · , ,
  119. How to Easily Add Dark Mode to Your Website (by) · · , , , , ,
  120. What Skills Should You Focus on as Junior Web Developer in 2024? (via) · · , , , , , , , ,
  121. Generating Unique Random Numbers in JavaScript Using Sets (by/via) · · ,
  122. Managing Angular (by) · · , ,
  123. What RSS Needs (by) · · , , ,
  124. DevOps Project—the Ultimate CI/CD Corporate DevOps Pipeline Project · · , , , ,
  125. Why Is Reaching WCAG Level AAA Not Recommended? (by) · · , ,
  126. WCAG’s A and AA Distinction Is Mostly Academic (by) · · , ,
  127. Content Strategy: Study Guide (by/via) · · , , , ,
  128. Top Ten Git Tips and Tricks (by/via) · · , ,
  129. Mutation-Testing Our JavaScript SDKs (by/via) · · , ,
  130. Behind the Scenes: The Making of VS Code (by+/via) · · , , , ,
  131. Explicitly State the Difference Between Options (via) · · ,
  132. Understanding Vue’s Suspense (by) · ·
  133. Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail? · · , , , , ,
  134. The Only Widely Recognized JavaScript Feature Ever Deprecated (by) · · ,
  135. Fluid Typography in Design Systems: From Design to Code (by/via) · · , , ,
  136. Raw-Dogging Websites (by) · · , , ,
  137. The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (by) · · , ,
  138. The Top Programming Languages 2024 (by/via) · · , , , , , , , , , ,
  139. Improving the Screen Reader Experience for “Learn WCs” (by) · · , , , , , , ,
  140. Mastering Typography in Logo Design (by/via) · · , , ,
  141. Spoiler Alert: It Needs to Be Accessible (by) · · , , ,
  142. How to Create an npm Package (by) · · , ,
  143. 5 Wasm Use Cases for Frontend Development (by/via) · · , , ,
  144. Foundations: Labelling Text Fields With Input and Label (via) · · , ,
  145. Exposing Internal Methods on Vue Custom Elements (by) · · ,
  146. Can You Convert a Video to Pure CSS? (by) · · , , ,
  147. Amazon Cloud CEO Predicts a Future Where Most Software Engineers Don’t Code—and AI Does It Instead (by/via) · · , ,
  148. Understanding WCAG 2.1’s Success Criteria 1.4.10 Reflow (via) · · , , ,
  149. Configuring SSH Keys for Multiple GitHub Accounts (by) · · , , ,
  150. Inside ECMAScript: JavaScript Standard Gets an Extra Stage (by/via) · · ,
  151. The Monospace Web (by) · · , ,
  152. Elastic Overflow Scrolling (by/via) · · ,
  153. Google Quietly Launches New AI Crawler (by/via) · · , ,
  154. Double Your Specificity With This One Weird Trick (by) · · , , ,
  155. Custom Range Slider Using Anchor Positioning and Scroll-Driven Animations (by/via) · · , , , ,
  156. Basic Keyboard Shortcut Support for Focused Links (by) · · , , , , ,
  157. State of CSS 2024 (by/via) · · ,
  158. Igalia Chats: The Coming Adpocalypse (by+/via) · · , , ,
  159. From RPGs to UX: How Progress Indicators Affect User Engagement (via) · · , ,
  160. How to Make Your Web Page Faster Before It Even Loads (by/via) · · , ,
  161. JS Dates Are About to Be Fixed (by/via) · · ,
  162. Wasp: The JavaScript Answer to Django for Web Development (via) · · , ,
  163. Top 5 HTML Features You’re Not Using (But Should Be) (by) · ·
  164. The Case for a Better Web (by) · · ,
  165. Ryan Dahl Explains Why Deno Had to Evolve With Version 2.0 (by/via) · · , , ,
  166. Regexes Got Good: The History and Future of Regular Expressions in JavaScript (by/via) · · , ,
  167. React Is (Becoming) a Full-Stack Framework (by) · · ,
  168. Common Misconceptions About How to Optimize LCP (by/via) · · , , ,
  169. Batteries Included Accessibility: A Pragmatic Guide to Get Started Today (by+/via) · · , , ,
  170. Center Items in First Row With CSS Grid (by) · · , , ,
  171. Line Numbers for “<textarea>” Using SVG (by) · · , ,
  172. How Did We Test Hundreds of Landing Pages (via) · · ,
  173. Accessibility Specialists Warn Against Using AI for Alt Text (by/via) · · , , ,
  174. 10 Python Programming Optimisation Techniques (by) · · , ,
  175. The “Other” C in CSS (by/via) · · , ,
  176. What’s New in ECMAScript 2024 (by) · · ,
  177. The Role of Sound Design in UX Design: Beyond Notifications and Alerts (via) · · , ,
  178. The CSS “contain” Property (by/via) · · ,
  179. How Good UX Design Can Transform Lead Generation (via) · · , ,
  180. UX Is Dead. Long Live UX. (by/via) · · , ,
  181. Using JavaScript Generators to Visualize Algorithms (by) · · , ,
  182. The “P” Word, Legitimacy, and Challenging Our Default Models and Frames (by) · · ,
  183. How Can Accessibility Improve Your Conversion Rate Optimization Efforts? (by) · · , , , ,
  184. AI Paradox (by) · · ,
  185. A Guide to CSS Resets (by) · · , ,
  186. WCAG 2.2 Summary and Breakdown (by) · · , , ,
  187. Node.js Doubles Security Releases With Newly Automated Process, Re-Evaluates Unsupported Experimental Features (by/via) · ·
  188. Just Use Postgres · · , , , , , , ,
  189. Reckoning: The Way Out (by) · · , , ,
  190. What Signal Are You Sending? (via) · · , ,
  191. 80/20 Accessibility (by) · · ,
  192. Top 10 Web Updates From Google I/O ’24 (via) · · , , , , ,
  193. Good Refactoring vs. Bad Refactoring (by/via) · · , , , ,
  194. Designing for Accessibility: A Checklist for Designers (by/via) · · , ,
  195. Advanced Figma Components Tips and Tricks: Little Gems We Love 2024 (by/via) · · , ,
  196. Brand New Performance Features in Chrome DevTools (by/via) · · , , , , ,
  197. Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (by/via) · · , , ,
  198. Captions vs. Subtitles: Leave No Viewer Behind (by) · · , , , ,
  199. How Does the Browser Render HTML? (by) · · , , , , , , ,
  200. How to Defend Your Design Process (by/via) · · , ,
  201. Writing Alt Text for a Scientific Figure (by) · · , , ,
  202. How Are the “colspan” and “rowspan” Attributes Different? (by/via) · · ,
  203. 5 Questions for Tammy Everts (by+/via) · · , , , ,
  204. Rote Learning HTML & CSS (by/via) · · , , ,
  205. “Smart” Layouts With Container Queries (by/via) · · , ,
  206. Reckoning: Caprock (by) · · ,
  207. I Love the Web (by) · · ,
  208. How I Won $2,750 Using JavaScript, AI, and a Can of WD-40 (by) · · ,
  209. Django: Create Sub-Commands Within a Management Command (by) · ·
  210. “blocking=render”: Why Would You Do That?! (by) · · , ,
  211. Context Is King: Long Live the King! (by/via) · · , , ,
  212. CSS Finally Adds Vertical Centering in 2024 (by) · · ,
  213. Reckoning: Object Lesson (by) · · , ,
  214. Tips for Using React Testing Library to Write Unit Tests (by/via) · · , ,
  215. Dev Encyclopedia (by) · · , , ,
  216. Start Over-Engineering Your CSS (by/via) · · , ,
  217. The “address” Element (by) · · ,
  218. Reckoning: The Landscape (by) · · , , ,
  219. The Importance of Communication in Accessibility Testing (via) · · , ,
  220. Relative Color Syntax—Basic Use Cases (by/via) · · , , , ,
  221. “font-size” Limbo (by) · · , ,
  222. 45 Visual Studio Code Shortcuts for Boosting Your Productivity (by/via) · · , , ,
  223. The Problem With Growth: Why Everything Is Failing Now (via) · · , , , ,
  224. Things to Do Before Asking “Is This Accessible?” (by) · · , ,
  225. The Most Important Thing to Look at When Choosing an Accessibility Auditor (by/via) · · , ,
  226. ObsoHTML, the Obsolete HTML Checker (by) · · , , ,
  227. Implementing SAML SSO in Node.js With Microsoft Entra ID (by) · · , , ,
  228. Action Web Components Which Span the Server-Client Divide (by) · · , ,
  229. Comparing Design Systems to Find the Best Qualities (by) · · ,
  230. Common Causes of Memory Leaks in JavaScript (by) · · , ,
  231. 12 Best JavaScript Animation Libraries to Supercharge Your Web Projects in 2024 (by) · · , , ,
  232. Design Patterns and WCAG (by/via) · · , ,
  233. JSR and Deno: Final Review (by) · · ,
  234. Stop Versioning Your Docker Compose File (by) · · ,
  235. Exploring the Possibilities of Native JavaScript Decorators (by/via) · · ,
  236. Good Intentions, Poor Context (via) · · , , , ,
  237. SOLID Principles for Designers (by) · · , ,
  238. When It Comes to Digital Accessibility Lawsuits, the Best Defense Is a Good Offense (via) · · ,
  239. We Don’t Need a Boss, We Need a Process (by) · · , , ,
  240. The Dying Web (by) · · , , , , , ,
  241. Now in Baseline: Animating Entry Effects (by/via) · · , , , , ,
  242. Documentation and Migration: From Vue 2 to Vue 3 (by+/via) · · , , , ,
  243. Attaching Notes to Git Branches (by) · · ,
  244. Design Tokens Demystified (by/via) · · , ,
  245. WCAG 2.2 Map by Theme (by) · · , ,
  246. W3C Opens Community-Wide Survey (via) · · , ,
  247. The “abbr” Element (by) · · , ,
  248. Snippets in Svelte 5 (by/via) · ·
  249. Announcing Official Puppeteer Support for Firefox (by+/via) · · , , , ,
  250. Migrating From Netlify to Cloudflare for AI Bot Protection (by) · · , , , ,