Frontend Dogma

News and Tools for Frontend Developers (6)

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

  1. Inline Conditionals in CSS? (by) · · ,
  2. Firefox DevTools Newsletter 127 (by/via) · · , , , ,
  3. The Frontend Treadmill (by) · · , , , ,
  4. How Top HR Agencies Build Trust Through Logo Designs (by/via) · · , , ,
  5. Writing a WordPress Theme in Less Than 4 KB · · , , ,
  6. Some UX Design Principles Startups Should Know (by/via) · · , ,
  7. Modern CSS Layout Is Awesome: Talking and Thinking About CSS Layout (by/via) · · ,
  8. Mike McQuaid on 15 Years of Homebrew (by+) · · ,
  9. How Content Creation Helped Me Land My First Tech Job (by) · · ,
  10. Building a Responsive Menu With CSS (and No JavaScript) (by) · · , ,
  11. A Brief Introduction to Keyboard Accessibility (by/via) · · , , ,
  12. The Way We Design AI Looks Like Nostalgia Already (by/via) · · ,
  13. What Happens When a Major npm Library Goes Commercial? (by) · · , ,
  14. Say No to “console.log”! · · ,
  15. Humanizing Technology in the Age of Conscious AI (via) · · ,
  16. htmx 2.0.0 Has Been Released! (via) · · ,
  17. How to Increase the Visibility of Error Messages (by/via) · · , , ,
  18. How React 19 (Almost) Made the Internet Slower (via) · · ,
  19. Cloud Computing Platforms (by) · · , , , ,
  20. Building a User-Centered Product-Management Culture (by/via) · · , ,
  21. Mastering JavaScript Generators (by) · · ,
  22. Design Without Process, or the Form Factor Trap (by/via) · · ,
  23. Dealing With Unicode Strings, Done Right and Better (by) · · ,
  24. BEM Modifiers in Pure CSS Nesting (by) · · , ,
  25. Virtualization and Containerization With Docker (by) · ·
  26. Dual Publishing ESM and CJS Modules With tsup and “Are the Types Wrong?” (by) · · , , , , ,
  27. OAuth Authentication (by/via) · · , , ,
  28. UUIDv7 in 22 Languages (by) · · , , , , , , , , , , ,
  29. What Is Mixed Content? (by) · · ,
  30. What Does “aria-hidden=true” Actually Do to Interactive Elements? (by) · · , , , ,
  31. The Basics of DNS: Understanding the Internet’s Directory Service (by) · · ,
  32. Safari 18—What Web Features Are Usable Across Browsers? (by) · · , , , , , ,
  33. Researchers Uncover npm Registry Vulnerability to Cache Poisoning and DoS Attacks (by/via) · · , , , ,
  34. Minimal SVG Favicon (by) · · , , ,
  35. I Made My Own JSON Parser (by) · · ,
  36. Using AI to Encourage Best Practices in the Code Review Process (by) · · , , ,
  37. How JavaScript Is Finally Improving the Module Experience (by/via) · · , , , , ,
  38. Setting Up Typography Variables in Figma (via) · · ,
  39. Why You Should Use Redux in 2024 (by/via) · · , ,
  40. Writing Your First Visual Regression Check in Playwright (by/via) · · , , ,
  41. What Are CSS Container Style Queries Good For? (by/via) · · ,
  42. Use of “ch” Unit Considered Inappropriate (in Certain Circumstances) (by) · · , ,
  43. Difference Between Docker, Kubernetes, and Podman for System Design Interview? (by) · · , , ,
  44. Blazing Fast Websites With Speculation Rules (by/via) · ·
  45. Learn Grid Now, Container Queries Can Wait (by/via) · · , , ,
  46. How to Create Truly Accessible Forms (by/via) · · , , ,
  47. Perfect Bug Report (via) · · , ,
  48. Every Website and Web App Should Have a Service Worker (by) · · ,
  49. Don’t Refactor the Code (by) · · , , ,
  50. 2-Page Login Pattern, and How to Fix It (by/via) · · , , ,
  51. Node.js Is Here to Stay (by/via) · · ,
  52. Try Out Your Website in the Spatial Web (by+/via) · · , , , , ,
  53. One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (by/via) · · , , ,
  54. Can You Be Creative Just by Creating? (by) · · ,
  55. What Comes After Flat Design? (by/via) · · , ,
  56. Stunning Staggered CSS Animation/Transition on Page Load (by/via) · · , , ,
  57. Highlight Areas That the Browser Engine Re-Paints (by/via) · · , , , , , , , , , ,
  58. Weak Memoization in JavaScript (by) · · ,
  59. The Next Big Thing in CSS: “margin-trim”! (by) · · ,
  60. The European Accessibility Act and Irish Law (via) · · ,
  61. Streaming HTML—Asynchronous DOM Updates Without JavaScript (by/via) · · , ,
  62. See What’s New in Firefox [127.0] (via) · · , , ,
  63. Opinions for Writing Good CSS (by) · · , ,
  64. Node v22.3.0 (Current) (by/via) · · ,
  65. I’ve Been Writing TypeScript Without Understanding It (by/via) · ·
  66. How to Hack Your Google Lighthouse Scores in 2024 (by/via) · · , , ,
  67. Define Your Rock-Solid Design System Components · · ,
  68. Angular Directives vs. Vue Directives (by/via) · · , ,
  69. A Quick and Easy Guide to Markdown (by/via) · · ,
  70. Ethical Web Principles (by+/via) · · , ,
  71. Top 12 Git Commands Every Developer Must Know (by/via) · · ,
  72. The Biggest TypeScript Update in Years (by) · · ,
  73. Sustainable Computing in the New World of AI (by/via) · · ,
  74. Refactoring a Scroll-Driven Animation From JavaScript to CSS (by) · · , , , ,
  75. How to Decide if Engineering Management Is for You (by/via) · · , ,
  76. How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (by) · · , , ,
  77. How to Browse the Web With the Keyboard Alone (by) · · , ,
  78. CSS Container Queries (by/via) · · , ,
  79. Can ADA Title II Local Government Accessibility Be Efficient? A Response to Richard Hunt (via) · · ,
  80. Building a Bulletproof CI/CD Pipeline: A Comprehensive Guide (by) · · ,
  81. 10 Years of Vue: The Past and the Future (by/via) · · , , ,
  82. Using Node.js’s Test Runner (by/via) · · ,
  83. Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (by) · · , , , , ,
  84. I’ve Worked in IT for Over 10 Years—Here Are 5 Things I Wish I Knew When I Started (by) · · ,
  85. Investigating INP Issues (by) · · , ,
  86. Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency (by) · · , , ,
  87. Rust Growing Fastest, But JavaScript Reigns Supreme (by/via) · · , , , , , , , , ,
  88. Glassmorphism: Definition and Best Practices (via) · · , ,
  89. Find Slow Interactions in the Field (by/via) · · ,
  90. 17 Developer Tools That Keep Me Productive (by/via) · · , , , ,
  91. How to Use “rem” Units in CSS for Accessible Design (by/via) · · , , ,
  92. Profiling Node.js Applications (by/via) · · , ,
  93. Is AI Killing Human Passion? (by/via) · · , ,
  94. The Ultimate Guide to Accessible Website Design · · , ,
  95. Live Demos of Stand Alone Web Components (by/via) · · , ,
  96. Improving Web Accessibility With Web Platform Tests (via) · · , ,
  97. Git Branching Strategy Guide · · ,
  98. Ditch the Pixels: The Small and Vectorized Web (by) · · , ,
  99. CSS-Only Custom Range Slider With Motion (by/via) · · , ,
  100. Angular PWA Guide for Developers (by/via) · · , , ,
  101. Top Development Cheat Sheets for 2024 · · , , ,
  102. Why Do We Skip the Research Phase at All? (via) · · ,
  103. Your Node Is Leaking Memory? “setTimeout” Could Be the Reason (by) · · ,
  104. Reflection and Custom States in Web Components (by) · · ,
  105. Maybe Don’t Name That Landmark (by) · · , ,
  106. Full Stack Web Push API Guide (by/via) · · , , ,
  107. Doing My Heading In (by+) · · , , ,
  108. Control JavaScript Promises From Anywhere Using “Promise.withResolvers()” (by/via) · · ,
  109. Cap Unit (by) · · ,
  110. Follow Your Favorite Web Dev Topics With Topic Feeds (via) · · , ,
  111. Analyze CSS Selector Performance During Recalculate Style Events (via) · · , , , , , ,
  112. WebAssembly JSPI Has a New API (by/via) · · ,
  113. The Unclear Case of Usability Widgets on Your Website (by) · · , , ,
  114. How to Build a New Feature for the Web Platform—and Make It a Success With Developers (via) · · , , ,
  115. How Deep Is Your DOM? (by) · · , , ,
  116. Generating ZIP Files With JavaScript (by) · · ,
  117. Fine-Tuning Text Inputs (by) · · , ,
  118. Display the Specificity of a CSS Selector (by/via) · · , , , , , , , , , , , ,
  119. Death by Experience (by) · · , , ,
  120. A Modern Approach to Browser Support (by) · · , ,
  121. Promises From the Ground Up (by) · · ,
  122. Introduction to Selenium for QA Automation: The Essential Guide · · , , , , ,
  123. Witnessing the Death of the Web as a News Medium (by) · · , , , ,
  124. What’s Wrong With VPATs? (by) · · ,
  125. Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (by) · · , , ,
  126. “Just” One Line (by) · · ,
  127. How to Build an Effective UX Pipeline From User Research to Usability Testing (by/via) · · , , ,
  128. How a Single Vulnerability Can Bring Down the JavaScript Ecosystem (by) · · , , , , ,
  129. CSS Length Units (by/via) · · , ,
  130. How to Use Corepack (by) · · , ,
  131. Transforming UX With Generative AI (by/via) · · ,
  132. Write SOLID React Hooks (by) · · , , ,
  133. The Power of Beauty in Communicating Complex Ideas (by/via) · · , , ,
  134. Node.js Best Practices: A Guide for Developers · · , ,
  135. Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (by/via) · · , , , , ,
  136. Upgrading to Eleventy v3 (by) · ·
  137. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · , , , , ,
  138. World Wide Accessibility—Benefits of Standardization (by) · · , , ,
  139. Does Serverless Still Matter? (by) · · , ,
  140. A Practical Guide Against Barrel Files for Library Authors (by) · · , , ,
  141. Transition to “height: auto;” and “display: none;” Using Pure CSS (by/via) · · , ,
  142. The Gap (by) · · ,
  143. Strategies for Effective Urgent Ticket Classification (by) · · , , ,
  144. Single CSS Keyframe Tricks Are Magic (by+/via) · · , , ,
  145. Nesting/Overriding Properties in CSS (by/via) · · ,
  146. Flow Charts With CSS Anchor Positioning (by) · · , , ,
  147. Facilitating Diversity and Inclusion in Scrum Teams (by/via) · · , ,
  148. es-toolkit (by) · · ,
  149. Frontend Dogma on the Web (via) · · ,
  150. How to Classify Your Design System—a Framework (by/via) · · ,
  151. Live Types in a TypeScript Monorepo (by) · · ,
  152. htmx: Simplicity in an Age of Complicated Solutions (by) · · ,
  153. Engineering for Slow Internet · · ,
  154. CSS in Depth, Second Edition (by) · · ,
  155. Applying the Four Principles of Accessibility (by) · · , ,
  156. Data Fetching Patterns in Single-Page Applications (by/via) · · , ,
  157. Building Tech That Respects Our Rights (by/via) · · , , ,
  158. Why We Don’t Have a Laravel for JavaScript… Yet (by/via) · · ,
  159. What to Know About the Open Versus Closed Software Debate (by/via) · · ,
  160. The Linear Method: Opinionated Software (by/via) · · , ,
  161. The Different Ways to Build a Resilient Website or Web App (by) · · ,
  162. Responsive Video Works Now—These Features Could Make It Work Better (by) · · , , ,
  163. New to the Web Platform in May (by/via) · · , , , , , , , ,
  164. How to Make a CSS Timer (by/via) · · ,
  165. Decision Trees for UI Components (by/via) · · , ,
  166. 10 Modern Node.js Runtime Features to Start Using in 2024 (by/via) · ·
  167. Centering Content Vertically With One Line of CSS (by) · · , , ,
  168. Creating an Accessible Toggle Switch in Tailwind CSS (by/via) · · , ,
  169. Your Site or App Should Work as Much as Possible Without JavaScript (by) · · , ,
  170. Why Is Kubernetes Debugging So Problematic? (by) · · ,
  171. What’s New in Angular 18 (by) · · ,
  172. Typographer vs. Accessibility (by/via) · · , ,
  173. The Era of Platform Primitives Is Finally Here (by/via) · · ,
  174. SSL for Localhost Takes 5 Seconds Now · · , ,
  175. My Approach to Alt Text (by) · · , , ,
  176. How to Assess Your Skill Level Before Contributing to Open Source (by/via) · · , ,
  177. Angular Basics: The Course (by) · · , ,
  178. An Even Faster Microsoft Edge (via) · · , ,
  179. Here’s What We Learned From the First “State of HTML” Survey (by/via) · · ,
  180. What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (by/via) · · , ,
  181. WP21 (by) · ·
  182. Progressively Enhanced Popover Toggletips (by/via) · · , , ,
  183. Lazy Load Components in Nuxt to Improve Performance (by) · · , , ,
  184. How to Deploy Your Own Website on AWS (by) · · , ,
  185. How Can OKRs Empower the Scrum Teams? (by/via) · · , , ,
  186. Alt Left (by) · · , , ,
  187. 3 Essential Design Trends, June 2024 (by/via) · · ,
  188. Masonry and Reading Order (by) · · , ,
  189. Old Dogs, New CSS Tricks (by) · ·
  190. Node.js Performance Hooks: Mastering the Mental Model (by) · · , ,
  191. Fast Ways to Estimate Capacity (by) · · ,
  192. A Little DevTools Snippet to Check Broken Links on a Webpage (by) · · , , , ,
  193. Want Out of React Complexity? Try Vue’s Progressive Framework (by/via) · · , , ,
  194. Understanding Organizational Capacity: Why It Matters in OKR Practice (by) · · , , , ,
  195. The Long Path of JavaScript—from ES6 Until Today · · , ,
  196. No More Pixel Rounding Issues (by) · · ,
  197. New Magic for Animations in CSS (by) · · ,
  198. Why, After 6 Years, I’m Over GraphQL (by) · · ,
  199. A Complete Guide for Adding Captions to YouTube Videos (via) · · , , , ,
  200. Switching It Up With HTML’s Latest Control (by/via) · · ,
  201. Reducing Code Review Time at Google (by) · · , , , ,
  202. Multipage Version (by) · · ,
  203. JSR: The JavaScript Package Registry We’ve Been Waiting For · · ,
  204. Design Systems vs. Style Guides (via) · · , , , , ,
  205. Consensus in Internet Standards (by) · · , , ,
  206. Building an Instinct for Metrics (by) · ·
  207. Predictors of Postsecondary Web Accessibility, 2012 to 2022 (by+/via) · · , , ,
  208. Kawaii Computing: What VTubers Can Teach Us About Design (via) · · , ,
  209. Did We Fail to Develop the Next Generation of Designers? (via) · · , , ,
  210. Why Do We Celebrate Incompetent Leaders? (via) · · ,
  211. uBlock Origin: Let’s Read the Code! (by) · · ,
  212. Two Important AI Developments Affecting Accessibility (via) · · , ,
  213. Storybook 8.1 (by/via) · · ,
  214. Notes on Implementing Dark Mode (by) · · , ,
  215. HTML Tags You Might Not Know About (by) · ·
  216. Best Practices for Naming Design Tokens, Components, Variables, and More (via) · · , , ,
  217. Astro 4.9 (by+/via) · · ,
  218. Animating the Dialog Element (by/via) · · , ,
  219. Angular v18 Is Now Available! (by/via) · · ,
  220. What AI Can Do for (and to) Web Accessibility (by+/via) · · , ,
  221. Why Are There No Mobile Accessibility Guidelines in WCAG? (via) · · , ,
  222. When Should We Use Components and When Should We Just Use HTML? (by) · · , ,
  223. Webmentions in Astro (for Blog Posts) (by) · · ,
  224. Using Footnotes (by) · · , ,
  225. Speeding Up File Load Times, One Page at a Time (by/via) · · ,
  226. Release Notes for Safari Technology Preview 195 (by/via) · · , , ,
  227. Popover Element Entry and Exit Animations in a Few Lines of CSS (by) · · , ,
  228. Not So Short Note on “aria-label” Usage—Big Table Edition (by) · · , ,
  229. Modern CSS Layouts: You Might Not Need a Framework for That (by/via) · · , ,
  230. DOJ ADA Title II: Small Government WCAG Accessibility Guide (via) · · , , ,
  231. Danger! Preventing Zoom From Changing Text Size (by/via) · · , ,
  232. Introducing JSR (via) · · , ,
  233. Not Always Mobile First (by) · · , , , ,
  234. We’ve Got Container Queries Now, But Are We Actually Using Them? (by/via) · · ,
  235. We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (by) · · , , ,
  236. Test-Driving HTML Templates (by/via) · · , , , ,
  237. State of Frontend 2024 Survey (via) · ·
  238. I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (by) · ·
  239. Hidden vs. Disabled in UX (by/via) · · , ,
  240. Here’s What We’re Working on in Firefox (via) · · , ,
  241. Growth or Scale? · · ,
  242. CSS Specificity for WordPress 6.6 (by/via) · · , , , ,
  243. “contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (by) · · , , , ,
  244. A Primer on JavaScript Proxies (by) · · ,
  245. The Art of Not Being So Freaking Pushy (by/via) · · , , ,
  246. UI Density (by) · · , ,
  247. CSS “:has()”, the God Selector (by) · · ,
  248. Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (by/via) · · , , ,
  249. Web Content Has a Maintenance Problem (by) · · , , , ,
  250. “<style>”: Inline Optimizations for the Bold (by) · · , , ,