Frontend Dogma

News and Tools for Frontend Developers (18)

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

  1. The 9 Most Effective Core Web Vitals Opportunities of 2023 (by/via) · · , ,
  2. Slow Design (via) · · ,
  3. Is Data Transfer the Best Proxy for Website Carbon Emissions? (by) · · ,
  4. How to Optimize Web Responsiveness With Interaction to Next Paint (by+/via) · · , , ,
  5. ES2023 Introduces New Array Copying Methods to JavaScript (by/via) · · , , ,
  6. Developer Tools That Shouldn’t Be Secrets (by/via) · · , ,
  7. Crafting a Modern Spotlight Effect With React and CSS (by) · · , ,
  8. Baseline Features You Can Use Today (by/via) · · , ,
  9. Advancing Interaction to Next Paint (by+/via) · · ,
  10. Rearrange/Animate CSS Grid Layouts With the View Transition API (by/via) · · , , , ,
  11. The Ongoing Defence of Frontend as a Full-Time Job (by) · ·
  12. See What’s New in Firefox [113.0] (via) · · , , ,
  13. Script Evaluation and Long Tasks (by/via) · · , ,
  14. Optimize Input Delay (by/via) · · , ,
  15. How to Handle Emojis in Node.js (by) · · , , ,
  16. How Large DOM Sizes Affect Interactivity, and What You Can Do About It (by/via) · · , , ,
  17. Find Slow Interactions in the Field (by/via) · · , ,
  18. Diagnose Slow Interactions in the Lab (by/via) · · ,
  19. Design Systems [Are] a Mindset Not a Library (by/via) · ·
  20. Client-Side Rendering of HTML and Interactivity (by/via) · · , ,
  21. An Introduction to Container Queries in CSS (by/via) · · , ,
  22. Proportional Design Systems With Proportio.app (by/via) · ·
  23. A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications (by/via) · · , , , , ,
  24. Speed Trap (by/via) · · , ,
  25. ShatGPT (by) · · ,
  26. Pay Attention to Web Performance Metrics to Improve the UX (by/via) · · , , , ,
  27. Improving Web-Site Conversion Rates Through Better UX Design (via) · · , , ,
  28. Dithering (by) · · ,
  29. A Complete Guide to Usability Testing (by/via) · · , ,
  30. The Problem With Sticky Menus and What to Do Instead (by) · · , ,
  31. How to Configure Path Aliases in Frontend Projects in the Native Way · · , , ,
  32. How Far Back in Time Can I Take My Website’s Design · · , , , ,
  33. The Image Sorting Experiment (by/via) · · , , ,
  34. Should the Confirmation Button Come First or Last? (via) · · ,
  35. Scaling Node.js Web Apps With Docker (by) · · , , ,
  36. Cron Job: A Comprehensive Guide for Beginners (via) · · ,
  37. Complete Guide on Playwright Visual Regression Testing (by/via) · · , , , ,
  38. Speed Up or Slow Down a Video (by/via) · · , ,
  39. Scroll-Driven Animations (by) · · , ,
  40. I’m Done With React (by) · · ,
  41. HTTP/1 vs. HTTP/2 vs. HTTP/3 (via) · · , ,
  42. htmx Is the Future (by) · · ,
  43. How “:not()” Chains Multiple Selectors (by/via) · · ,
  44. Design Tokens: Beginner’s Guide (by) · · , ,
  45. CSS Logical Properties: A Good Use Case (by) · · , ,
  46. Using Go for Front End Development (by/via) · ·
  47. The Frontend Cloud Advantage (via) · ·
  48. React Testing Library and Accessibility (by) · · , , , ,
  49. How Do You Declare Namespace in JavaScript? · · ,
  50. GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (via) · · , ,
  51. Code Coverage vs. Test Coverage (via) · · , , ,
  52. An Introduction to the “:has()” Selector in CSS (by/via) · · , ,
  53. 5 Best Practices to Sustainably Improve Core Web Vitals (by/via) · · , ,
  54. How to Make a CSS-Only Hamburger Menu (by) · · , ,
  55. 7 Practical CSS Typography Tips and Tricks (by/via) · · , , ,
  56. Where Would You Take the W3C? (by) · · ,
  57. The Latest Innovations in Drupal (by) · ·
  58. The Intersectionality of Web Performance (by) · · , ,
  59. Security Implications of HTTP Response Headers (via) · · ,
  60. Release Notes for Safari Technology Preview 169 (by/via) · · , , ,
  61. Make Your Website Load Fast by Optimizing Request Priorities (via) · · , ,
  62. How to Write More Efficient JavaScript Conditions (via) · · , ,
  63. Don’t Use Custom CSS Scrollbars (by) · · ,
  64. Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It (by/via) · · ,
  65. Detecting if an Event Was Triggered by a User or by JavaScript (by/via) · · ,
  66. Angular v16 Is Here (by/via) · · ,
  67. The Simple Trick to Transition From Height “0” to “auto” With CSS (by) · · , , ,
  68. CSS Naked Day and the Missing Wikipedia Page (by) · · , ,
  69. Why “font-size” Must Never Be in Pixels (by) · · , , ,
  70. SupportsCSS (by) · · , , ,
  71. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (by) · · , , ,
  72. Do Logical Properties Make CSS Easier to Learn? (by) · · , ,
  73. developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years? (by) · · , ,
  74. Creating an Animated Gradient Border With CSS (by) · · , , ,
  75. An Update on the Lock Icon (by+/via) · · , ,
  76. A Radical Proposal: Put UX Research in Charge (by/via) · · , , ,
  77. A Complete Guide to Performance Budgets (by/via) · · , , ,
  78. A/B Testing: A Primer · · , , ,
  79. 3 Engineering Mistakes That Kill Startups (by) · · ,
  80. What’s New in Svelte: May 2023 (by/via) · · , ,
  81. Qwik Reaches v1.0 (via) · · ,
  82. CDNs: Speed Up Performance by Reducing Latency (by) · · ,
  83. This Blog Is Hosted on My Android Phone (by) · · ,
  84. Testing Feature Support for Modern CSS (by) · · , ,
  85. Tailwind CSS vs. UnoCSS (by) · · , , , ,
  86. “:root” Isn’t Global (by) · ·
  87. Practical Guide to Not Blocking the Event Loop · · , , , ,
  88. CSS Wishlist 2023 (by) · · ,
  89. Configuring ESLint, Prettier, and TypeScript Together (by) · · , , , , , ,
  90. Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (by/via) · · , ,
  91. 7 Things to Remove From Your Job Postings to Be More Inclusive (by/via) · · ,
  92. 30th Anniversary of Licensing the Web for General Use and at No Cost (by/via) · · , , , , ,
  93. Two Underused Arguments for Writing Documentation (by) · · , ,
  94. My Favorite Free Courses to Learn JavaScript in Depth (by) · · , , ,
  95. The Popover API Is Exciting, Sort Of (by) · · ,
  96. Dark Mode in 3 Lines of CSS and Other Adventures (by) · · ,
  97. Write Better CSS by Borrowing Ideas From JavaScript Functions (by/via) · · , , ,
  98. Rebuilding a Featured News Section With Modern CSS: Vox News (by) · · , , ,
  99. New to the Web Platform in April (by/via) · · , , , , , ,
  100. JS Private Class Fields Considered Harmful (by) · ·
  101. Everything You Need to Know About Webpack’s Bundle Analyzer (by) · · , ,
  102. Animating the Impossible (by/via) · · , ,
  103. A Beginner’s Introduction to the Most Common Data Types in Programming (via) · · , ,
  104. What Is the Value of a Design System? (by/via) · ·
  105. Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (by) · · , , ,
  106. Writing Unit Tests in Node.js Using Jest (by+/via) · · , ,
  107. Typography for Everyone (by/via) · · , ,
  108. The Most Underrated Section of Design Portfolios (by/via) · · ,
  109. Modern CSS Layout Is Awesome! (by/via) · · , ,
  110. How to Manage Design Tokens (by) · · , ,
  111. How to Deep Merge Arrays and Objects With JavaScript (by) · · , , ,
  112. Accessible Target Sizes Cheatsheet (by/via) · · ,
  113. The Most Important Thing Productivity Tools Are Missing About AI (by/via) · · , ,
  114. The Interactive Guide to Rendering in React (by/via) · · , ,
  115. Discovering the Power of JavaScript Proxy After All This Time (by) · ·
  116. Adding Motion to the Next Decade of Atomic Design (via) · · ,
  117. Transition To and From “display: none” With Upcoming CSS Capabilities (by) · · , ,
  118. The Best Way to Get nvm Working in CI/CD Systems · · ,
  119. Reducing the Cost of String Serialization in Node.js Core (by) · · ,
  120. Crafting the Next.js Website (by+) · ·
  121. Comparing the Best Node.js Version Managers: nvm, Volta, and asdf (by/via) · · , ,
  122. Organizing a Web Design System for Scalability in Figma (via) · · , ,
  123. Figma, I Love You but You’re Bringing Me Down (by/via) · ·
  124. Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (by/via) · · , , ,
  125. What’s New in Node.js 20 (by/via) · ·
  126. The “const” Deception (by) · ·
  127. The Potentially Dangerous Non-Accessibility of Cookie Notices (by/via) · · , , , ,
  128. Scoped CSS Is Back (by) · · ,
  129. npm vs. Yarn vs. pnpm (by) · · , , ,
  130. Goodbye “create-react-app”: A New Approach (by) · ·
  131. Frontend Web Performance Checklist (by) · · ,
  132. CSS Blend Modes (by) · · ,
  133. Avoiding Dark Patterns in Web Design (by/via) · · ,
  134. The Effects of Technical Debt on Morale (by) · · , ,
  135. How to Write Comments in React: The Good, the Bad, and the Ugly (by) · · , ,
  136. Meeting WCAG Level AAA (by/via) · · , , ,
  137. Dark Mode Toggle and “prefers-color-scheme” (by) · · , ,
  138. Transitioning to Height Auto (Two Ways) (by) · ·
  139. “The Secret List of Websites” (by) · · , ,
  140. Exploring the Potential of Web Workers for Multithreading on the Web (by/via) · · , , ,
  141. “details”/“summary” Inconsistencies (by) · · , , ,
  142. Considering Content Warnings in HTML (by) · · , ,
  143. This Website Is Under Construction, a Love Letter to the Personal Website (via) · · , ,
  144. Upgrading Our CSS Habits: “aspect-ratio” (by) · ·
  145. Spinning Diagrams With CSS (by) · · ,
  146. Read-Only Web Apps (by) · · ,
  147. Designing and Coding for Voice (by) · · ,
  148. CSS Custom Properties Beyond the “:root” (by) · · , ,
  149. 5 Topics You Should Touch on During the Recruitment Process · · , ,
  150. It’s Time for the Tech Industry to Live Up to Its Ideals (via) · · ,
  151. Visually Accessible Data Visualization (by/via) · · ,
  152. Introduction to Web Animations With GSAP (by) · · , , ,
  153. Introducing npm Package Provenance (by+/via) · · , , , , ,
  154. Why Is Scrum the Most Popular Agile Framework? (by/via) · · , ,
  155. Using HTML Elements as CSS Masks (by) · ·
  156. Release Notes for Safari Technology Preview 168 (by/via) · · , , ,
  157. Productivity and Well-Being: A Summary of What Works · · ,
  158. Intro to Runtime Performance in the Chrome DevTools Performance Panel (by/via) · · , , , , , ,
  159. Generating Provenance Statements (by/via) · · , ,
  160. 5 Code Refactoring Techniques to Improve Your Code (by/via) · · , ,
  161. Audio Accessibility in Miro: A Hackathon Story in 3 Acts (by/via) · · , ,
  162. Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It? (by) · · , , ,
  163. 5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store · · , , ,
  164. What’s New in ECMAScript 2023 (by) · · ,
  165. Signals: Fine-Grained Reactivity for JavaScript Frameworks (by/via) · · , , ,
  166. Node.js 20 Is Now Available! (via) · · ,
  167. Kubernetes Quick Tutorial (by) · · ,
  168. How to Create an SEO Strategy (by/via) · · , ,
  169. DevTools: A Better Way to Visualize Your JavaScript (by) · · , , , , , , , ,
  170. Container Query Units and Fluid Typography (by) · · , ,
  171. 8 Best Tools for Cryptography and Encryption (via) · · , , , , ,
  172. You Are What You Measure (by) · · ,
  173. What Is Design Thinking? (via) · ·
  174. Using a Muted Color Palette in Web Design (via) · · , ,
  175. It’s Very Likely That… (by) · · , , ,
  176. Firefox May Soon Reject Cookie Prompts Automatically (by/via) · · , , , ,
  177. Deno vs. Node: No One Is Ready for the Move (by/via) · · , , ,
  178. Business Impacts of UI Design and UX Design (by/via) · · ,
  179. Answering “What ARIA Can I Use?” (by/via) · · , , , , ,
  180. All About the Semantic Web (via) · · ,
  181. A List of Programming Playgrounds (by) · · , ,
  182. How to Name Design Tokens in a Design System (by/via) · · , , ,
  183. The Acronyms of Rendering on the Web (by) · · , , ,
  184. Speeding Up the JavaScript Ecosystem—Draft-js Emoji Plugin (by) · · , ,
  185. Serving Less Data to Users With the “prefers-reduced-data” Media Query (by) · · , , ,
  186. My Favorite Courses to Learn Microservices in Depth (by) · · , , ,
  187. Exploring “:has()” Again (by/via) · · ,
  188. Angular 16 Is Huge (by/via) · ·
  189. 3 Common IA Mistakes (That Are All Due to Low Information Scent) (via) · · , ,
  190. Lessons of Design (by/via) · · ,
  191. Dissecting npm Malware: Five Packages and Their Evil Install Scripts (by/via) · · ,
  192. 9 Bogus Reasons Why Some Designers Claim UX Research Is a Waste (via) · · , ,
  193. Web Accessibility: A Reference to Creating Inclusive Websites (via) · ·
  194. The “details” Element Is Amazing (by) · ·
  195. Ping Animation With Minimal CSS (by) · · ,
  196. Consume Web Streams From OpenAI Using Vanilla JavaScript (by) · · , , , ,
  197. 4 Ways to Create an Enum in JavaScript (by) · ·
  198. Embracing AI as a Material for Design (by/via) · · , ,
  199. 11ty and Lit, a Match Made in Heaven for Simple Sites · · ,
  200. What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (by/via) · · , , , , , , ,
  201. The Pros and Cons of Different UI Automation Test Tools—Puppeteer (by) · · , ,
  202. Costly CSS Properties and How to Optimize Them (by) · · , ,
  203. Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers (by/via) · · , ,
  204. A History of the World Wide Web From 1989 to the Present Day (via) · · ,
  205. 10 Best Sorting Algorithms Explained (via) · · ,
  206. Transparent Video for the Web in 2023 (by) · · ,
  207. Solving the CSS Layout and Source Order Disconnect (by/via) · · ,
  208. Shifting Left, or: Making Accessibility Easier by Doing It Earlier (by) · · , , ,
  209. Passkeys: What the Heck and Why? (by/via) · · ,
  210. How to Work With Dates and Times in Vanilla JavaScript (by) · · ,
  211. CSS: Tricks for Targeting Elements With CSS (by) · · , ,
  212. Angular Is Back With a Vengeance (by/via) · · ,
  213. Understanding CSS Preload and Other Resource Hints (by/via) · · , ,
  214. Advanced Figma Components Tips and Tricks: Little Gems We Love (by/via) · · , , ,
  215. Expanding Grid Cards With View Transitions (by) · · , ,
  216. Shallow vs. Deep Copying in JavaScript (by/via) · · ,
  217. HTML Accessibility API Mappings 1.0 (by+/via) · · , ,
  218. Firefox Rolls Out Total Cookie Protection by Default to More Users Worldwide (via) · · , , , ,
  219. Don’t Override Screen Reader Pronunciation (by) · · , , , ,
  220. Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience (via) · · , , , ,
  221. Formulating Your Product Design North Star (aka Design Principles) (by/via) · · , ,
  222. What’s a Basic Use Case for Cascade Layers in CSS? (by) · · , ,
  223. Trying Node.js Test Runner (by) · · ,
  224. The Performance Golden Rule Revisited (by) · · ,
  225. Temporal Intervals Are Handy in MySQL (by) · · ,
  226. React, Visualized (via) · · , ,
  227. New HTML Element: “search” (by) · · ,
  228. Document or Die: The Importance of Writing Things Down in Tech · · , ,
  229. Building Pagination in React With React Paginate (by/via) · · , ,
  230. Are [You] Confused Which Bundler You Should Use? Webpack vs. Parcel vs. Rollup (by) · · , , , , ,
  231. Why Astro Is My Favorite Framework (by) · · ,
  232. CSS Text Balancing With “text-wrap: balance” (by) · · ,
  233. Becoming a Frontend Developer in 100 Days: A Step-by-Step Guide (by) · · , ,
  234. Choosing Humanity Over Automation (via) · · , ,
  235. What’s New in CSS? (by/via) · · ,
  236. Understanding Apache Web Server Configuration (by) · · , ,
  237. Mastering Yarn’s Lifecycle With Hooks (by) · · ,
  238. Boost Your JavaScript With JSDoc Typing (by) · · , , ,
  239. Stream File Uploads to S3 Object Storage and Save Money (by) · · , , ,
  240. The Pattern to Make Your Frontend Tests 10× Better (by) · ·
  241. Programming-Language Popularity by GitHub Pull Requests (by) · · , , , , , ,
  242. It’s Time to Learn OKLCH Color (by) · · , ,
  243. DevTools: A Clever Overview of All Your CSS Code (by) · · , , , , ,
  244. Chasing Rainbows (by/via) · · , , ,
  245. Advancing Your Tech Skills (via) · · ,
  246. Frontend Developer Tries Tailwind for the First Time (by/via) · · , ,
  247. 10 CSS Animation Tips and Tricks (by) · · , , ,
  248. Unlocking the Power of Design Tokens to Create Dark Mode UI (by) · · ,
  249. Establishing Metrics for Accessibility ROI (by) · · , ,
  250. 3 Methods for Scoped Styles in Web Components That Work Everywhere (by) · · , , , , ,