Frontend Dogma

News and Tools for Frontend Developers (16)

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

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