Frontend Dogma

News and Tools for Frontend Development (10)

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

  1. Framework Popularity on Netlify · · , , , ,
  2. The WebAIM Million · · , ,
  3. Usability Heuristics in Game Design · · , ,
  4. 6 Steps to Reduce the Carbon Footprint of Your Website · ·
  5. HTML: Help Users to Download Files With the HTML “download” Attribute · ·
  6. How to Use Google Fonts and “font-display” · · , , ,
  7. Flutter Performance Optimization Techniques and Best Practices · · , , ,
  8. JavaScript Import Maps Are Now Supported Cross-Browser · · , ,
  9. 10 AI Tools for Content Writing · · , , , ,
  10. Guardrails for Better Accessibility Support in Frontend · · , ,
  11. Accessibility vs. Emojis · · , , ,
  12. How to Split an Angular App into Micro-Frontend Apps · · , , ,
  13. How to Review and Refactor Code With GPT-4 (and ChatGPT) · · , , , ,
  14. Improving CSS Shapes With Trigonometric Functions · · ,
  15. In Praise of Vite · ·
  16. TypeScript Function Types: A Beginner’s Guide · · , ,
  17. Connecting Dots of an Accessibility Audit · · ,
  18. File Uploads for the Web: File Uploads in Node and Nuxt · · , ,
  19. A Quick Guide to Reviewing a VPAT ACR · · , ,
  20. Fighting Inter-Component HTML Bloat · · , , ,
  21. Defaulting on Single Page Applications (SPA) · · , ,
  22. Mastering the JavaScript “switch” Statement · ·
  23. CSS Creator Håkon Wium Lie Interview · · ,
  24. Getting Started With HTML Tables · · , ,
  25. AI-Enhanced Development Makes Me More Ambitious With My Projects · · , ,
  26. Function Overloading in TypeScript · · ,
  27. UX Basics: Study Guide · · , , ,
  28. UX Principles for AI Products · · , ,
  29. Using TypeScript Without Compilation · ·
  30. CSS-Only Widgets Are Inaccessible · · ,
  31. Harnessing GPT-4 for Writing Assistance and Content Creation · · , , ,
  32. Brief Introduction to Edge Computing · · ,
  33. The “search” Element · · , ,
  34. WYSIWYGPT · · ,
  35. Usability 101 · · ,
  36. CSS “overflow” Property · ·
  37. The IL1 Typography Test · · , , , ,
  38. The State of JS Frameworks · · , , ,
  39. The Causes of Unreliable Software · · ,
  40. The Landscape of npm Packages for CLI Apps · · , , ,
  41. What Is Strict Mode in React? · ·
  42. DevTools: Convert Network Requests to Code, or Even to a Terminal Command · · , , ,
  43. The Ultimate Guide to Image Optimisation · · , , , ,
  44. What We’ve Learned About Designing for Accessibility from Our Users · · ,
  45. Everything You Wanted to Know About Video Storage APIs · · , ,
  46. Accessible but Never Boring: Rebranding the Wise Design System for Everyone II · · , ,
  47. The Machines Won’t Save Your Design System · · ,
  48. A Complete Visual Guide to Understanding the Node.js Event Loop · · , ,
  49. Circular Text With CSS? · ·
  50. 5 Lesser-Known Spacing Tips for Product Designers · · ,
  51. Some Cross-Browser DevTools Features You Might Not Know · · , , , , , , ,
  52. Certifications Should Be Hard · · , ,
  53. Automatic npm Publishing With GitHub Actions and npm Granular Tokens · · , ,
  54. What’s New in Eleventy 2: A Great SSG Just Got Better · ·
  55. With or Without the JS Framework · · , ,
  56. Annotating Designs for Accessibility · · , ,
  57. The Carbon Cost of Social Media · · ,
  58. That Time When SVG Almost Got Network Support for Raw Sockets · · , ,
  59. When Is “:focus-visible” Visible? · · ,
  60. State of Node.js 2023 · · ,
  61. Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined · · , , , ,
  62. How to Start a React Project in 2023 · · ,
  63. File Uploads for the Web: Upload Files With JavaScript · · ,
  64. 7 Ways Web Developers and UX Designers Can Collaborate · · ,
  65. Why We Added package.json Support to Deno · · , , ,
  66. What Is Git Merge and How to Use It? · ·
  67. The End of Front-End Development · · , ,
  68. The Intersection of Data Visualization and UX Design · · , ,
  69. The Age of Average · ·
  70. Preventing Too-Short Final Lines of Text Blocks · · ,
  71. Regression Testing in the Agile Universe · · , , ,
  72. Rich Harris Talks SvelteKit and What’s Next for Svelte · · , ,
  73. The Cost of Craft · · , , ,
  74. CSS Is Dead! · ·
  75. 5 Ways to Modernize Your Web Application · · , , , , , , ,
  76. The 5 Best Status Page Tools · · , , ,
  77. Using “forRoot()” and “forChild()” in Angular · ·
  78. Laying Out a Print Book With CSS · · ,
  79. Deep Dive into How Web Browsers Work (with Illustrations) · · ,
  80. Speeding Up the JavaScript Ecosystem—npm Scripts · · , , ,
  81. Introduction to Flutter: Getting Started With Cross-Platform Development · · ,
  82. Design System Guide · · , ,
  83. Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language · ·
  84. How to Stop a React Component from Rendering · · , , ,
  85. DevTools: Tricks for Copying the Styling from Any Website · · , , , ,
  86. Foundations: Pointer Gestures · · ,
  87. Retro-Specifying Fetch/Performance · · , ,
  88. Hijacking Screenreaders With CSS · · , , , , ,
  89. How Screen Readers Read Special Characters: An Update · · , , , , ,
  90. Everything You Need to Know About the Updated React Docs · · ,
  91. How to Use “v-model” With Form Inputs in Vue · · , ,
  92. The Problem With React · ·
  93. 5 Tips for New Prototypers · · , ,
  94. Cryptographically Protecting Your SPA · · , ,
  95. It’s About Time CAPTCHAs Become Accessible · · ,
  96. Accessibility Beyond Code Compliance · · ,
  97. Accessibility and Design Systems: The Deep-Dive Q&A · · , ,
  98. DevTools: Faster Searching in DevTools With CSS Selectors · · , , , , ,
  99. Internationalization in Next.js 13 With React Server Components · · , , ,
  100. Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery · · , ,
  101. Versioning Design Tokens · · , ,
  102. Scraping Single-Page Applications With Playwright · · , ,
  103. The Ultimate Guide to Micro-Content · · , ,
  104. JavaScript Polyfills · · ,
  105. Future CSS: Anchor Positioning · · ,
  106. JavaScript for Beginners: Data Structures · · , ,
  107. Git Fundamentals, a Complete Guide · · , ,
  108. The H1 Conundrum: Understanding the Challenges of Heading Level One · · , , ,
  109. Cool Frontend Arts of Local-First: Storage, Sync, Conflicts · · , ,
  110. 6 CSS Snippets Every Front-End Developer Should Know in 2023 · ·
  111. Modern Font Stacks · · , ,
  112. What Leonardo Da Vinci Can Teach Us About Web Design · · ,
  113. JavaScript: Automatically Remove an Event Listener After It Has Executed · · ,
  114. Fix Color Contrast—Web Accessibility for Text and UI Design · · , ,
  115. Circling Back on Design and Everything Else · ·
  116. How Design Is Governance · ·
  117. Progressively Enhancing a Table With a Web Component · · , , , ,
  118. Advice from a Software Engineer With 8 Years of Experience · ·
  119. Accepting Design · ·
  120. Useful Tips and Tricks for Laravel · · ,
  121. TCP Echo Server for Node.js · · , ,
  122. Best Practices for Structuring Accessibility Testing · · , ,
  123. Why Aren’t Logical Properties Taking Over Everything? · · , ,
  124. Making Calendars With Accessibility and Internationalization in Mind · · , ,
  125. The Ternary Operator in JavaScript · · ,
  126. What Is the Cost of Designing a Mobile App? · · ,
  127. Introduction to Offline First Web Applications · · , ,
  128. 8 Tips for Making Your Custom Web Designs Mobile Friendly · · , ,
  129. We Don’t Need “.visually-hidden” · · , , ,
  130. Create and Download Text Files Using JavaScript · ·
  131. UX Strategy: Study Guide · · , , , ,
  132. “content” Is Your Content? · · , , , ,
  133. “Design First, Then Build”: Let’s Bury This Myth Forevermore · · ,
  134. From UX to Growth Design: 5 Principles to Multiply Your Value · · , ,
  135. View Transitions API: Creating Smooth Page Transitions · · ,
  136. Handling CSS Color Fonts With “font-palette” · · , ,
  137. The Ultimate Guide to Becoming a 10× Dev · · , ,
  138. All JavaScript and TypeScript Features from the Last 3 Years · · , ,
  139. TypeScript’s Migration to Modules · · , ,
  140. Building Complex Forms in Vue · · ,
  141. One Problem That Is Now Solved by CSS Subgrid · · ,
  142. Evolving Custom Sliders · · ,
  143. Vue vs. React: Everything You Need to Know · · , ,
  144. SPA View Transitions Land in Chrome 111 · · , , , , ,
  145. Selecting Previous Siblings With CSS “:has()” · · ,
  146. Web Cookies With a Taste of Privacy · · , ,
  147. Craft vs. Industry: Separating Concerns · · , , , ,
  148. File Uploads for the Web: Uploading Files With HTML · · ,
  149. Cover All the Codebases: A Guide to Code Coverage Tools · · , , , ,
  150. Static Site Generators: What’s Trending Right Now · · , , , , , , ,
  151. I No Longer Understand “prefers-contrast” · · ,
  152. My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use · · ,
  153. ChatGPT and Me (a Recruiter) · · , ,
  154. How to Fix: Child Stylesheet Loading Twice (WordPress) · · , ,
  155. Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions · · ,
  156. CSS Nesting · · ,
  157. Tackling Design Debt in Product · · , ,
  158. An End to Typographic Widows on the Web · · ,
  159. Change Favicon on Switching Browser Tabs in JavaScript · · , ,
  160. As a User, I Don’t Want To · · , ,
  161. Zebra Stripe Lines of Text Even When They Wrap · ·
  162. 2023 Web Framework Performance Report · · , , , , , , , , ,
  163. Quick Tip: How to Cache Data in PHP · · , , ,
  164. What Value Does Developer Relations Bring to Other Teams? · · ,
  165. A Tab Interface Before Its Time · · ,
  166. Managing Fonts in WordPress Block Themes · · ,
  167. The AI Future of Frontend Development · · ,
  168. HTML Garden · · , ,
  169. Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond · · ,
  170. ARIA Live Regions for JavaScript Frameworks · · , , , ,
  171. The Anatomy of a Good Design: An Analysis of 4 Sites · ·
  172. Balanced Text Wrapping Is Coming to CSS · · ,
  173. 10 Helpful JavaScript Utility Functions · · ,
  174. 50.1% Empty Links · · , , , ,
  175. Continuous Growth Is Cancer · · ,
  176. The Cost of Architectural Complexity · · , ,
  177. Optimising Large Contentful Paint · · , , ,
  178. Making the Case for Signals in JavaScript · · ,
  179. AI-Generated Git Commit Messages · · , ,
  180. The Art of Unlearning · · ,
  181. Everything You Need to Know About the Gap After the List Marker · ·
  182. Toolkit Tuesday: Using YouTube for Captions and Transcripts · · , , ,
  183. Moving from Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System · · , , , ,
  184. Are You Making These Five Mistakes When Writing Alt Text? · · , , ,
  185. Signals in Angular: The Future of Change Detection · · ,
  186. Announcing TypeScript 5.0 RC · · ,
  187. A Beginner’s Guide to Manual Accessibility Testing · · , ,
  188. The Web Needs a Native “.visually-hidden” · · ,
  189. You Don’t Need a Build Step · · , ,
  190. Declarative Design · · ,
  191. Accessible but Never Boring: Rebranding the Wise Design System for Everyone · · , ,
  192. Unlocking SVG’s Superpowers · · ,
  193. The WebAIM Strategic Accessibility Framework · · ,
  194. A Native “Visually Hidden” in CSS? Yes Please! · · , , , ,
  195. How We Built Our Multi-Platform Design System at Booking.com · · , , ,
  196. React vs. Signals: 10 Years Later · · , , , ,
  197. Learn How to Set Up a CI/CD Pipeline from Scratch · · ,
  198. Throttle Your CPU · · , , ,
  199. Relative Rounded Corners · · ,
  200. The Seven Archetypes of Organizational Topologies · · ,
  201. Conformance and Accessibility · · , ,
  202. Animated Gradient Text in CSS · · , ,
  203. Are You Testing to Test, or Testing to Prove? · · ,
  204. What Is “ref()” in Vue? · ·
  205. Without Accessibility, There Is No Privacy or Security · · , ,
  206. How People Read Online · · , , ,
  207. Could We Make the Web More Immersive Using a Simple Optical Illusion? · · ,
  208. Ten Tips for Better CSS Transitions and Animations · · , , ,
  209. Quick Tip: How to Handle Exceptions in PHP · · , , ,
  210. A Guide to Accessible Form Validation · · , , , ,
  211. A Guide to CSS “object-view-box” · · ,
  212. The Ultimate Guide to Web Development Tools · · , ,
  213. Simplified Dark Mode With Style Queries · · , ,
  214. The Evolution of Signals in JavaScript · · ,
  215. The Coolest JavaScript Features from the Last 5 Years · · ,
  216. On Container Queries, Responsive Images, and JPEG-XL · · , , , ,
  217. Designers, Use Your intuition · · ,
  218. Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools · · , , , , , ,
  219. Dithering Images With React/JavaScript · · , , ,
  220. 22 Useful CSS Tips and Tricks Every Developer Should Know · · ,
  221. Is It Time to Replace Sass? · · ,
  222. CSS Animation Libraries: 10 Popular Choices · · , , ,
  223. Crawl Weather Using Cypress · · ,
  224. Learn CSS Positioning · · ,
  225. Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook · · , ,
  226. Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs · · , , ,
  227. How to Style Your Alt Text · · , , ,
  228. How to Contribute to a Project You Have No Idea About · · , , ,
  229. Prepare for Chrome’s User Agent [String] Reduction · · , , , ,
  230. 3 Common Antipersonas in UX · · , ,
  231. In-Depth Guide to CSS Logical Properties · · , , ,
  232. The JavaScript Site Generator Review, 2023 · · , , , , , , , , ,
  233. You Have the Users You Have · · , ,
  234. Getting Started With Style Queries · · , ,
  235. Privacy Principles · · ,
  236. Node.js Toolbox · · , ,
  237. Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility · ·
  238. Experiments With the JavaScript Garbage Collector · · ,
  239. 7 Essential React Libraries for Front-End Web Development · · , ,
  240. All About Promises in JavaScript · · ,
  241. 16 Best CSS Books for Beginners and Advanced Coders · · , ,
  242. Learn Privacy · · ,
  243. Where Does Developer Relations Belong in an Organization? · · ,
  244. The State of Node.js Core · · ,
  245. Automatic Captions: Our Experiments and Best Practices · · , , ,
  246. What Framework Should I Use? · ·
  247. Open Captions vs. Closed Captions: What’s the Difference? · · , ,
  248. The Great Gaslighting of the JavaScript Era · · , ,
  249. The Importance of Adding Accessibility Design Reviews to the Design Process · · , ,
  250. When JavaScript Fails · ·