Frontend Dogma

News and Tools for Frontend Developers (20)

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

Hiring remote frontend specialists? Check benefits and post your frontend job ad.

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