Frontend Dogma

News and Tools for Frontend Development (2)

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

  1. Every Website and Web App Should Have a Service Worker (by) · · ,
  2. Learn Grid Now, Container Queries Can Wait (by/via) · · , ,
  3. Can You Be Creative Just by Creating? (by) · · ,
  4. Node.js Is Here to Stay (by/via) · · ,
  5. One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (by/via) · · , , ,
  6. Try Out Your Website in the Spatial Web (by+/via) · · , , , , ,
  7. Highlight Areas That the Browser Engine Re-Paints (by/via) · · , , , , , , , ,
  8. See What’s New in Firefox [127.0] (via) · · , , ,
  9. Streaming HTML—Asynchronous DOM Updates Without JavaScript (by/via) · · , ,
  10. I’ve Been Writing TypeScript Without Understanding It (by/via) · ·
  11. Angular Directives vs. Vue Directives (by/via) · · , ,
  12. What Comes After Flat Design? (by/via) · · ,
  13. The European Accessibility Act and Irish Law (via) · · ,
  14. Node v22.3.0 (Current) (by/via) · · ,
  15. How to Hack Your Google Lighthouse Scores in 2024 (by/via) · · , ,
  16. Opinions for Writing Good CSS (by) · · , ,
  17. Weak Memoization in JavaScript (by) · · ,
  18. The Next Big Thing in CSS: “margin-trim”! (by) · · ,
  19. A Quick and Easy Guide to Markdown (by/via) · · ,
  20. The Biggest TypeScript Update in Years (by) · · ,
  21. Top 12 Git Commands Every Developer Must Know (by/via) · · ,
  22. Sustainable Computing in the New World of AI (by/via) · · ,
  23. CSS Container Queries (by/via) · · , ,
  24. How to Decide If Engineering Management Is for You (by/via) · · , ,
  25. Building a Bulletproof CI/CD Pipeline: A Comprehensive Guide (by) · · ,
  26. 10 Years of Vue: The Past and the Future (by/via) · · , , ,
  27. Can ADA Title II Local Government Accessibility Be Efficient? A Response to Richard Hunt (via) · · ,
  28. How to Browse the Web With the Keyboard Alone (by) · · ,
  29. How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (by) · · , ,
  30. Refactoring a Scroll-Driven Animation From JavaScript to CSS (by) · · , , , ,
  31. Ethical Web Principles (by+/via) · · , ,
  32. Investigating INP Issues (by) · · , ,
  33. Using Node.js’s Test Runner (by/via) · · ,
  34. I’ve Worked in IT for Over 10 Years—Here Are 5 Things I Wish I Knew When I Started (by) · · ,
  35. Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency (by) · · , , ,
  36. Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (by) · · , , , , ,
  37. Glassmorphism: Definition and Best Practices (via) · · , ,
  38. Find Slow Interactions in the Field (by/via) · · ,
  39. Rust Growing Fastest, But JavaScript Reigns Supreme (by/via) · · , , , , , , ,
  40. 17 Developer Tools That Keep Me Productive (by/via) · · , , , ,
  41. CSS-Only Custom Range Slider With Motion (by/via) · · , ,
  42. Improving Web Accessibility With Web Platform Tests (via) · · , ,
  43. How to Use “rem” Units in CSS for Accessible Design (by/via) · · , ,
  44. Live Demos of Stand Alone Web Components (by/via) · · , ,
  45. Ditch the Pixels: The Small and Vectorized Web (by) · · , ,
  46. Is AI Killing Human Passion? (by/via) · · , ,
  47. Profiling Node.js Applications (by/via) · · ,
  48. Git Branching Strategy Guide · · ,
  49. Cap Unit (by) · · ,
  50. Reflection and Custom States in Web Components (by) · · ,
  51. Full Stack Web Push API Guide (by/via) · · , , ,
  52. Why Do We Skip the Research Phase at All? (via) · · ,
  53. Maybe Don’t Name That Landmark (by) · · , ,
  54. Doing My Heading In (by+) · · , , ,
  55. Control JavaScript Promises From Anywhere Using “Promise.withResolvers()” (by/via) · · ,
  56. Your Node Is Leaking Memory? “setTimeout” Could Be the Reason (by) · · ,
  57. A Modern Approach to Browser Support (by) · · , ,
  58. WebAssembly JSPI Has a New API (by/via) · · ,
  59. Death by Experience (by) · · , ,
  60. How to Build a New Feature for the Web Platform—and Make It a Success With Developers (via) · · , , ,
  61. How Deep Is Your DOM? (by) · · , , ,
  62. Follow Your Favorite Web Dev Topics With Topic Feeds (via) · · , ,
  63. Display the Specificity of a CSS Selector (by/via) · · , , , , , , , , , , ,
  64. Fine-Tuning Text Inputs (by) · · , ,
  65. Generating ZIP Files With JavaScript (by) · · ,
  66. The Unclear Case of Usability Widgets on Your Website (by) · · , , ,
  67. “Just” One Line (by) · · ,
  68. Witnessing the Death of the Web as a News Medium (by) · · , , , ,
  69. What’s Wrong With VPATs? (by) · · ,
  70. CSS Length Units (by/via) · · , ,
  71. How to Build an Effective UX Pipeline From User Research to Usability Testing (by/via) · · , ,
  72. Promises From the Ground Up (by) · · ,
  73. Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (by) · · , , ,
  74. How a Single Vulnerability Can Bring Down the JavaScript Ecosystem (by) · · , , , , ,
  75. Node.js Best Practices: A Guide for Developers · · , ,
  76. Transforming UX With Generative AI (by/via) · · ,
  77. Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (by/via) · · , , , , ,
  78. Write SOLID React Hooks (by) · · , ,
  79. How to Use Corepack (by) · · , ,
  80. The Power of Beauty in Communicating Complex Ideas (by/via) · · , , ,
  81. Does Serverless Still Matter? (by) · · , ,
  82. World Wide Accessibility—Benefits of Standardization (by) · · , , ,
  83. A Practical Guide Against Barrel Files for Library Authors (by) · · , , ,
  84. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · , , , , ,
  85. The Gap (by) · · ,
  86. Transition to “height: auto;” and “display: none;” Using Pure CSS (by/via) · · , ,
  87. Strategies for Effective Urgent Ticket Classification (by) · · , , ,
  88. Nesting/Overriding Properties in CSS (by/via) · · ,
  89. Flow Charts With CSS Anchor Positioning (by) · · , , ,
  90. Single CSS Keyframe Tricks Are Magic (by+/via) · · , , ,
  91. es-toolkit (by) · · ,
  92. Facilitating Diversity and Inclusion in Scrum Teams (by/via) · · , ,
  93. Engineering for Slow Internet · · ,
  94. Frontend Dogma on the Web (via) · · ,
  95. How to Classify Your Design System—a Framework (by/via) · ·
  96. htmx: Simplicity in an Age of Complicated Solutions (by) · · ,
  97. Applying the Four Principles of Accessibility (by) · · , ,
  98. Live Types in a TypeScript Monorepo (by) · · ,
  99. Data Fetching Patterns in Single-Page Applications (by/via) · · , ,
  100. Responsive Video Works Now—These Features Could Make It Work Better (by) · · , , ,
  101. Why We Don’t Have a Laravel for JavaScript… Yet (by/via) · · ,
  102. Decision Trees for UI Components (by/via) · · , ,
  103. How to Make a CSS Timer (by/via) · · ,
  104. New to the Web Platform in May (by/via) · · , , , , , , , ,
  105. 10 Modern Node.js Runtime Features to Start Using in 2024 (by/via) · ·
  106. The Linear Method: Opinionated Software (by/via) · · , ,
  107. The Different Ways to Build a Resilient Website or Web App (by) · · ,
  108. What to Know About the Open Versus Closed Software Debate (by/via) · · ,
  109. SSL for Localhost Takes 5 Seconds Now · · , ,
  110. What’s New in Angular 18 (by) · · ,
  111. The Era of Platform Primitives Is Finally Here (by/via) · · ,
  112. An Even Faster Microsoft Edge (via) · · , ,
  113. My Approach to Alt Text (by) · · , , ,
  114. Creating an Accessible Toggle Switch in Tailwind CSS (by/via) · · ,
  115. Why Is Kubernetes Debugging So Problematic? (by) · · ,
  116. Angular Basics: The Course (by) · · , ,
  117. Centering Content Vertically With One Line of CSS (by) · · ,
  118. Typographer vs. Accessibility (by/via) · · , ,
  119. Your Site or App Should Work as Much as Possible Without JavaScript (by) · · , ,
  120. How to Assess Your Skill Level Before Contributing to Open Source (by/via) · · , ,
  121. Alt Left (by) · · , , ,
  122. Progressively Enhanced Popover Toggletips (by/via) · · , , ,
  123. 3 Essential Design Trends, June 2024 (by/via) · · ,
  124. How to Deploy Your Own Website on AWS (by) · · , ,
  125. Lazy Load Components in Nuxt to Improve Performance (by) · · , , ,
  126. Here’s What We Learned From the First “State of HTML” Survey (by/via) · · ,
  127. What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (by/via) · · , ,
  128. WP21 (by) · ·
  129. How Can OKRs Empower the Scrum Teams? (by/via) · · , , ,
  130. A Little DevTools Snippet to Check Broken Links on a Webpage (by) · · , , , ,
  131. Old Dogs, New CSS Tricks (by) · ·
  132. Node.js Performance Hooks: Mastering the Mental Model (by) · · , ,
  133. Masonry and Reading Order (by) · · ,
  134. Fast Ways to Estimate Capacity (by) · · ,
  135. The Long Path of JavaScript—from ES6 Until Today · · , ,
  136. New Magic for Animations in CSS (by) · · ,
  137. No More Pixel Rounding Issues (by) · · ,
  138. Want Out of React Complexity? Try Vue’s Progressive Framework (by/via) · · , , ,
  139. Understanding Organizational Capacity: Why It Matters in OKR Practice (by) · · , ,
  140. Multipage Version (by) · · ,
  141. Switching It Up With HTML’s Latest Control (by/via) · · ,
  142. Reducing Code Review Time at Google (by) · · , , , ,
  143. A Complete Guide for Adding Captions to YouTube Videos (via) · · , , ,
  144. Consensus in Internet Standards (by) · · , , ,
  145. JSR: The JavaScript Package Registry We’ve Been Waiting For · · ,
  146. Design Systems vs. Style Guides (via) · · , , , , ,
  147. Building an Instinct for Metrics (by) · ·
  148. Best Practices for Naming Design Tokens, Components, Variables, and More (via) · · , , ,
  149. Astro 4.9 (by+/via) · · ,
  150. Kawaii Computing: What VTubers Can Teach Us About Design (via) · · , ,
  151. Storybook 8.1 (by/via) · · ,
  152. uBlock Origin: Let’s Read the Code! (by) · · ,
  153. Animating the Dialog Element (by/via) · · , ,
  154. Did We Fail to Develop the Next Generation of Designers? (via) · · , , ,
  155. HTML Tags You Might Not Know About (by) · ·
  156. Two Important AI Developments Affecting Accessibility (via) · · , ,
  157. Notes on Implementing Dark Mode (by) · · , ,
  158. Popover Element Entry and Exit Animations in a Few Lines of CSS (by) · · , ,
  159. Modern CSS Layouts: You Might Not Need a Framework for That (by/via) · · , ,
  160. Angular v18 Is Now Available! (by/via) · · ,
  161. Webmentions in Astro (for Blog Posts) (by) · · ,
  162. When Should We Use Components and When Should We Just Use HTML? (by) · · , ,
  163. Release Notes for Safari Technology Preview 195 (by/via) · · , , ,
  164. Not So Short Note on “aria-label” Usage—Big Table Edition (by) · · , ,
  165. What AI Can Do for (and to) Web Accessibility (by+/via) · · , ,
  166. Using Footnotes (by) · · , ,
  167. DOJ ADA Title II: Small Government WCAG Accessibility Guide (via) · · , , ,
  168. Why Are There No Mobile Accessibility Guidelines in WCAG? (via) · · , ,
  169. Speeding Up File Load Times, One Page at a Time (by/via) · · ,
  170. Danger! Preventing Zoom From Changing Text Size (by/via) · · , ,
  171. Test-Driving HTML Templates (by/via) · · , , , ,
  172. CSS Specificity for WordPress 6.6 (by/via) · · , , ,
  173. Growth or Scale? · · ,
  174. Here’s What We’re Working on in Firefox (via) · · , ,
  175. We’ve Got Container Queries Now, But Are We Actually Using Them? (by/via) · · ,
  176. Hidden vs. Disabled in UX (by/via) · · , ,
  177. I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (by) · ·
  178. “contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (by) · · , , , ,
  179. Introducing JSR (via) · · , ,
  180. We Need to Talk More About Conformance, If We Want to Stop Fantasy HTML (by) · · , , ,
  181. Not Always Mobile First (by) · · , , ,
  182. State of Frontend 2024 Survey (via) · ·
  183. A Primer on JavaScript Proxies (by) · · ,
  184. Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (by/via) · · , ,
  185. UI Density (by) · · , ,
  186. The Art of Not Being So Freaking Pushy (by/via) · · , , ,
  187. CSS “:has()”, the God Selector (by) · · ,
  188. Process (via) · ·
  189. Web Content Has a Maintenance Problem (by) · · , , , ,
  190. Stop Resizing Your Browser: Improve Testing for Responsiveness (by) · · , ,
  191. CodeFlattener (by) · · , ,
  192. “<style>”: Inline Optimizations for the Bold (by) · · , , ,
  193. A JavaScript Developer Tries Go for the First Time (by) · · ,
  194. The Future of 11ty (by/via) · · , ,
  195. Cloning Queries in Laravel (by) · · ,
  196. Weighing in on CSS Masonry (by) · · ,
  197. On Compliance vs. Readability: Generating Text Colors With CSS (by) · · , , , , ,
  198. Visual Design: Glossary (by+/via) · · ,
  199. WAI-ARIA: “role=deletion” (by) · · ,
  200. WAI-ARIA: “role=strong” (by) · · ,
  201. On Which Side Do We Put the Primary Button? (by/via) · · , ,
  202. Turn Off Google AI Overview—Set “Web” as Default (by) · · , , ,
  203. CSS Container Queries in Practice (by+/via) · · , ,
  204. What’s New in Angular (by+/via) · · ,
  205. Beyond CSS Media Queries (by/via) · · , , , ,
  206. What’s New in the Web (by/via) · · ,
  207. The WCAG 3 Working Draft Update Is Ready for Your Review (by/via) · · , ,
  208. CSS3? Pfff—Get Ready for CSS6! (by/via) · · ,
  209. New Field Insights for Debugging INP (by/via) · · , ,
  210. W3C Unveils 174 New Outcomes for WCAG 3.0 (by/via) · · , , ,
  211. The Latest in Web UI (by/via) · · , , , ,
  212. What You Need to Know About Third-Party Cookie Deprecation (by/via) · · , , , , ,
  213. Navigating the JavaScript Framework Ecosystem (by+/via) · · , ,
  214. CSS… 5? (by/via) · · ,
  215. From Fast Loading to Instant Loading (by/via) · · , ,
  216. Rethinking Text Resizing on Web (by/via) · · ,
  217. Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools (by) · · , , , , , , ,
  218. Ignore and Acknowledge “class” Attribute on Elements in CSS (by) · · ,
  219. ADA Title II and You (via) · · , ,
  220. Automate Browser Testing With Tools and Best Practices From Chrome (by+/via) · · , , , , , , ,
  221. Merging Remix and React Router (by/via) · · , ,
  222. Transforming the Relationship Between Designers and Developers (by/via) · · , ,
  223. React Compiler (via) · · ,
  224. JavaScript Security: Simple Practices to Secure Your Frontend (by/via) · · , , ,
  225. Prefetching When Server Loading Won’t Do (by/via) · · , , ,
  226. Dynamic GitHub Profile With Bun and TypeScript (by) · · , , ,
  227. It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (by/via) · · , ,
  228. Baseline Progressive Enhancement (by) · · , , ,
  229. Why Designers Aren’t Understood (by/via) · · , , ,
  230. New in Chrome 125 (by/via) · · , , ,
  231. The Great Tech and People Hypocrisy (by) · · ,
  232. Web Platform Status (via) · · , , , ,
  233. Stop Moving Fast and Breaking Everything (by/via) · · , ,
  234. ECMAScript Proposal: “Promise.withResolvers()” (by) · · ,
  235. Google’s Broken Link to the Web (by/via) · · , , ,
  236. Dark Mode and Accessibility Myth (by) · · , ,
  237. 10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (by/via) · · , ,
  238. Anchor Positioning and the Popover API for a JS-Free Site Menu (by/via) · · , , ,
  239. State of HTML 2023 (by+/via) · · ,
  240. The CSS Stepped Value Math Functions Are Now in Baseline 2024 (by/via) · · , , , , ,
  241. JavaScript Objects—Complete Guide · · , ,
  242. WebKit Features in Safari 17.5 (by/via) · · , , , ,
  243. How I Made My GitHub Profile README Dynamic (by) · · ,
  244. Intopia’s WCAG 2.2 Maps (by/via) · · , ,
  245. AI Product Design: Identifying Skills Gaps and How to Close Them (via) · · , ,
  246. AI Isn’t Ready for UX Design (by/via) · · , , ,
  247. Designers Are More Than Keywords and Portfolios (by/via) · · , ,
  248. Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues (by) · · , ,
  249. Doing the Right Thing Right—Validation and Verification (by/via) · · , ,
  250. The Classic Border Radius Advice, Plus an Unusual Trick (by/via) · · , ,