Frontend Dogma

News and Tools for Frontend Development (7)

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

  1. Design Systems: Avoiding Common Pitfalls · ·
  2. Web Content Accessibility Guidelines (WCAG) 2.2 · · , , ,
  3. Ember JS Essentials: A Beginner’s Guide · · ,
  4. CSS Cascade Layers · · , ,
  5. SvelteKit in 100 Seconds · · , ,
  6. What Is the Bento UI Trend, and How Can You Get Started? · · ,
  7. How Platform Teams Get Stuff Done · · , ,
  8. How to Build and Deploy a Modern Day Next.js Application · · , , ,
  9. Encoding: A Brief History and Its Role in Cybersecurity · · , , ,
  10. Visually Hidden Links With 0 Dimensions · · , , , ,
  11. Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately? · · , ,
  12. Getting Started With CSS Nesting · · , , ,
  13. Figma Now Supports “rem” Units: Understanding the Use and Benefits · · , , ,
  14. Getting Instant Return from Your Accessibility Testing · · ,
  15. Signals Make Angular Much Easier · · ,
  16. An Introduction to Langchain, Python, and OpenAI · · , , ,
  17. The 10 Commitments of an Agile Leader · · , , ,
  18. Advanced Positioning in CSS Grid · · , ,
  19. 5 Inconvenient Truths About TypeScript · · , ,
  20. Upgrading an Ancient React Application · · ,
  21. The Power of Git: A Guide to Collaborative Version Control · · , ,
  22. Node.js Security Progress Report—17 Reports Closed · · ,
  23. O “dialog” Focus, Where Art Thou? · · , , ,
  24. Using Emoji on the Web · · , , ,
  25. Stick to Boring Architecture for as Long as Possible · ·
  26. How I Structured My Design System Using Figma’s New Variables · · ,
  27. Lightweight JavaScript Framework Review (for Django Developers) · · , , , ,
  28. Writing CSS in 2023: Is It Any Different Than a Few Years Ago? · ·
  29. Scroll Progress Animations in CSS · · , ,
  30. WordPress 6.3 to Introduce a Development Mode · ·
  31. Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” · · , , , , ,
  32. Figma Typography Secrets—Seven Pro Tips Revealed · · ,
  33. React-ing to Accessibility: Building Accessible Forms That Everyone Can Use · · , , ,
  34. A Comprehensive Beginner’s Guide to npm: Simplifying Package Management · · , ,
  35. Down-and-Across Highlighting · · , , ,
  36. 15 Advanced TypeScript Tips for Development · · ,
  37. Mock JSON API Endpoints for Testing · · , ,
  38. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II · · , ,
  39. Better Roadmaps · ·
  40. CSS Findings from the Threads App · · ,
  41. Why Design Systems Fail · · ,
  42. Useful Functions for [an] HTTP Server · · , , ,
  43. How AI Is Making Web Design More Efficient · · , ,
  44. Developer’s Research Process · · ,
  45. 3 Common Types of Test Automation · · ,
  46. The alt-text.org Project Is Moving Forward · · ,
  47. A Case Study on Scroll-Driven Animations Performance · · , , , ,
  48. Recent Design · · , ,
  49. The Magic of Empty Git Commit · · ,
  50. Preload vs. Early Hints vs. Fetch Priority · · , , , , ,
  51. How to Use Your Intuition in Your Product Design Process · · , , ,
  52. JPEG XL: How It Started, How It’s Going · · , ,
  53. Top 20 Must-Know Tips for Web Accessibility · · ,
  54. Release Notes for Safari Technology Preview 174 · · , , ,
  55. Permission · · , ,
  56. Loading and Progress Indicators · · ,
  57. TypeScript and the Dawn of Gradual Types · ·
  58. Sass Features in CSS · · , ,
  59. My Journey to Learning CSS · · , ,
  60. Introduction to CSS Grid: A Comprehensive Guide · · , ,
  61. A Guide to Variables in Figma · · ,
  62. Tailwind CSS Tips and Tricks Worth Knowing · · ,
  63. Mockups Explained · · ,
  64. Data-Driven Design: The Rise of Big Data in UX · · , ,
  65. Developing Inclusivity Features · · , ,
  66. The Anatomy of a Perfect Landing Page That Converts · · ,
  67. Find Memory Leaks by Comparing Heap Snapshots · · , , , , , ,
  68. Getting Started—Understanding the History of Web Accessibility · · , , ,
  69. Getting Started With Vector Databases in Node.js · · , ,
  70. Invisible Details of Interaction Design · · , ,
  71. Making Numbers in Web Content Accessible · ·
  72. How to Prevent Unnecessary React Component Re-Rendering · · , , ,
  73. ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA · · , , ,
  74. JavaScript Debounce, Easiest Explanation (With Code) · · ,
  75. Tree Shaking in JavaScript · · ,
  76. All the Places Where You Can Use “prefers-color-scheme” Media Query · · , , , ,
  77. How to Improve the Release Frequency of Your Team? · · , , , ,
  78. React Design Patterns · · ,
  79. Deploying a Fastify and Vue 3 Static Site to Heroku · · ,
  80. New Viewport Units · · , ,
  81. The Decline in Design (Thinking) · · ,
  82. Awesome List of Free CSS [Generators] · · , , ,
  83. Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images · · , ,
  84. Strategic UX Research Is the Next Big Thing · · , ,
  85. htmx in 100 Seconds · · , ,
  86. From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry · · , , ,
  87. Testing the Dark Scenarios of Your Node.js Application · · ,
  88. The New “@ font-face” Syntax · · ,
  89. Four Lenses of Productivity · ·
  90. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace · · , ,
  91. An Introduction to Native CSS Nesting · · , ,
  92. Is Lighthouse a Misleading Performance Tool? · · , , ,
  93. There’s No Such Thing as a “Normal” User · ·
  94. The Case Against Self-Closing Tags in HTML · ·
  95. Just Normal Web Things · · ,
  96. URL Explained: The Fundamentals · ·
  97. Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions · · ,
  98. Resources for Procurement of Accessible Digital Products and VPAT · · , , ,
  99. Creating SVG Animations Using Tailwind CSS · · , ,
  100. Multithreading With Worker Threads in Node.js · · ,
  101. CSS Only Floating Labels · · ,
  102. When User Testing Sessions Bring Up Trauma · · ,
  103. Understanding JWTs: A Simple Guide for Beginners · · ,
  104. Redundancy Is Great · ·
  105. How to Validate HTML On-Line at W3C · · , , ,
  106. Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management · · , , ,
  107. Can We Query the Root Container? · · ,
  108. See What’s New in Firefox [115.0] · · , , ,
  109. Are We There Yet? · · , ,
  110. The Trick to Smoothly Animating Shadows in CSS · · , , ,
  111. Design for the Web Without Figma · · ,
  112. What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? · · , , ,
  113. The “article” Element and Screen Readers · · , , , , ,
  114. Build a Simple Beginner App With Node, Bootstrap, and MongoDB · · , , ,
  115. The Fake Aura of Care in UX · ·
  116. Understanding SVG Paths · ·
  117. Your Browser May Be Having a Secret Relationship With a Screen Reader · · , , ,
  118. How I Am Blogging the IndieWeb Way · · , ,
  119. AI and the Automation of Work · · , ,
  120. 4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone · · , , ,
  121. And 4 More HTML Concepts You Didn’t Know · · , ,
  122. How to Use Node.js to SSH into Remote Servers: A Comprehensive Guide · · , , , , ,
  123. Identify Unused npm Packages in Your Project · · , ,
  124. Setting Expectations for the Node.js Test Runner · · , ,
  125. In Defence of “DOM­Content­Loaded” · · , ,
  126. The Big Problem With Variables in Figma · ·
  127. How to Measure the Impact of a Design System? · · , ,
  128. Observing Node.js Processes With eBPF · · ,
  129. How to Tackle Docker and Kubernetes for Frontend · · , ,
  130. Angular Is Getting New Template Syntax · ·
  131. CommonJS Is Hurting JavaScript · ·
  132. New to the Web Platform in June · · , , , , , , , ,
  133. Introduction to JSX · · , ,
  134. React Developers Love Preact, Here’s Why · · , ,
  135. The “details” Element and In-Page Search · · , , ,
  136. What’s the Perfect Design Process? · · ,
  137. Under-Engineered Comboboxen? · · , , ,
  138. Accessible Overlays Aren’t Accessible · · ,
  139. An Introduction to the View Transitions API · · , ,
  140. WCAG 2.2, Quick and Simplified · · , ,
  141. JavaScript Gom Jabbar · ·
  142. What’s Next for Redux With Mark Erikson · · , , , ,
  143. Understanding TypeScript Generators · ·
  144. How to Build Things People Want to Use · · ,
  145. Solved: Tricky Floating Image Alignment · · , ,
  146. Combat Accessibility Decay: How to Maintain Ongoing Accessibility · · , ,
  147. Introduction to MySQL Data Types · · , ,
  148. The Importance of Verifying Webhook Signatures · · ,
  149. Position-Driven Styles · · ,
  150. 4 Ways to Improve Mobile Accessibility · · ,
  151. Getting Started With Native Design Tokens in Figma · · , ,
  152. Web and App ADA Lawsuits: 6 Trends So Far in 2023 · · , ,
  153. Why You Must Commit to Grounding Every DEI-Related Effort With Data · · , , ,
  154. How to Use CSS “background-size” and “background-position” · · , ,
  155. Feature Flags Configuration, Instrumentation, and Use · · , , ,
  156. Release Notes for Safari Technology Preview 173 · · , , ,
  157. JavaScript Console Methods: A Deep Dive · · , ,
  158. Form and Search Landmarks · · , , , , ,
  159. The Massive Bug at the Heart of the npm Ecosystem · · , ,
  160. Building Sliding Cards With “position: sticky;” · ·
  161. Demystifying JavaScript Operators: What Does That Symbol Mean? · · ,
  162. What’s Next for JavaScript: New Features to Look Forward To · ·
  163. Amplify Design Values Through Building Design System · · ,
  164. Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams · · , , ,
  165. Popular DevTools Tips · · , ,
  166. Faking a “:snapped” Selector With Scroll-Driven Animations · · , , ,
  167. Mapping Typography · · , ,
  168. Going Beyond Constants With Custom Properties · · ,
  169. Transition Between Pages Smoothly With a Single Line of Code · · ,
  170. AI Is Killing the Old Web, and the New Web Struggles to Be Born · · ,
  171. What Does the Image “decoding” Attribute Actually Do? · · , ,
  172. Learn How to Use Hue in CSS Colors With HSL · · , ,
  173. Live Regions in React · · , , ,
  174. Top Tips from a Web Accessibility Evaluator at WebAIM · · , ,
  175. Tips for Upgrading Your Techstack for Faster Frontend Development · · , , , ,
  176. What’s Your Type? Try These Tests to Pick the Perfect Font for You · · , ,
  177. Qwik Introduction—a Framework That Goes Fast · · , ,
  178. An Introduction to Parser Combinators · · ,
  179. Mixing Colors With CSS · · ,
  180. A Beginner’s Guide to Laravel: Introduction and Key Features · · , ,
  181. XML Is the Future · · ,
  182. WebSockets 101 · · , ,
  183. Text Wrap Pretty Is Coming to CSS · · ,
  184. An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript · · , , ,
  185. Using BEM for Design System Tokens · · , ,
  186. Choosing a Color Palette · · , , ,
  187. Converting [a] JavaScript Codebase to TypeScript · · , , ,
  188. Understanding Authorization Before Authentication: Enhancing Web API Security · · , , , ,
  189. Debugging INP · · , , ,
  190. All You Need to Know About CORS and CORS Errors · · , ,
  191. Announcing Svelte 4 · · ,
  192. The Cost of JavaScript 2023 · · , ,
  193. Future CSS: State Container Queries · · ,
  194. Component Driven User Interface Testing (CDUIT) · · ,
  195. The Unlikely Story of UTF-8: The Text Encoding of the Web · · ,
  196. Introducing the MDN Playground: Bring Your Code to Life · · , ,
  197. What Exactly Is [the] “:root” Pseudo-Element in CSS? · · , ,
  198. WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted · · , , ,
  199. Design Systems Directory · · ,
  200. Designing for Inclusion · · , ,
  201. How Designers Can Beat AI at Design · · ,
  202. Using Multiple Selectors With JavaScript Selector Methods · · ,
  203. Cascade Layers Are Useless * · · ,
  204. Too Much JavaScript? Why the Frontend Needs to Build Better · · , ,
  205. CSS in Micro Frontends · · ,
  206. The 5 Pillars of Every HTTP Request · ·
  207. State of CSS 2023 · · ,
  208. W3C Launch Their New Website · ·
  209. Three Key Principles for an Accessible Website · · ,
  210. Creating a Flexible Design Token Taxonomy for Intuit’s Design System · · ,
  211. Thoughts from “Meet Safari for Spatial Computing” · · , , ,
  212. Making Your Design Tokens Future-Proof · ·
  213. Authentication vs. Authorization · · , ,
  214. Style Your RSS Feed · · ,
  215. Continuous Accessibility · · , ,
  216. Balancing Users’ Data Privacy and the User Experience · · ,
  217. Can Web Developers Be Held Liable? · · ,
  218. Balancing Users’ Needs and Business Goals in UX Design · · ,
  219. Packaging and Selling a Node.js App · ·
  220. Why UX Testing Is Critical to Your Web Site’s Success · · ,
  221. Gatsby Headaches and How to Cure Them: I18N II · · ,
  222. Button Types · · ,
  223. Import Maps to Natively Import JavaScript Modules Using Bare Names · ·
  224. The New CSS · · , ,
  225. The Problem With Sticky Menus That Appear on Scroll and What to Do Instead · · , ,
  226. How to Clean Up Your Local Repository With Git Commands · · , , ,
  227. It’s Time for Dimensional Thinking in Design · · ,
  228. IndexedDB Tutorial for Beginners: A Comprehensive Guide with Coding Examples · · , , , ,
  229. TypeScript 5.2’s New Keyword: “using” · ·
  230. The Five Types of People Who Produce Inaccessible Code · · ,
  231. Standardising Design Tokens · · ,
  232. Create React UI Lib: Component Library Speedrun · · , , ,
  233. Scoping · · ,
  234. Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions · · , , , , ,
  235. 6 Quick Tests You Can Do to Test Your Forms for Accessibility · · , ,
  236. The Next Phase of Eleventy: Return of the Side Project · ·
  237. What’s UnAI-Able · ·
  238. What Are Deceptive Patterns? · · ,
  239. An Explosion in Software Engineers Using AI Coding Tools? · · , ,
  240. A Guide to Coding Standards to Improve Code Quality · · , , , ,
  241. How to Add a CSS Reveal Animation to Your Images · · , , ,
  242. Top 10 Things You Should Add While Coding: Valuable Tips for Programmers · · ,
  243. Using Color Wheel Combinations in Your Designs · · ,
  244. Cyclic Dependency Space Toggles · · ,
  245. How (and Should?) We Stop the Infinite Scroll · · ,
  246. npm Won’t Publish Packages Containing the Word “keygen” · · , ,
  247. How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit · · , , , ,
  248. Puppeteer in Node.js: More Antipatterns to Avoid · · , , , ,
  249. Design vs. Accessibility and the CSS “visually-hidden” Class · · , , ,
  250. Rebuilding a Comment Component With Modern CSS · · , ,