Frontend Dogma

“2023” Archive (9)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. What Is a Design System and Why Should You Use One? (by/via) · ·
  2. Safari Releases Are Development Hell (by/via) · · , , ,
  3. So, How Can We Measure UX? (via) · · ,
  4. Slow Start and Congestion Control (Browser Networking) (by) · · , ,
  5. Quick Tip: Pull Data From an API Into a Figma Layer (by/via) · · , , ,
  6. JSON vs. XML With Douglas Crockford (by+/via) · · , , , , ,
  7. How WebAssembly Is Accelerating New Web Functionality (by/via) · · ,
  8. Five Pieces of Advice for More Accessible Websites (by) · · ,
  9. Exposing Field Errors (by) · · , , , ,
  10. Copy to Clipboard in JavaScript and React (by) · · ,
  11. Accessibility for Designers: Where Do I Start? (by) · · , ,
  12. A Small JavaScript Pattern I Enjoy Using (by) · ·
  13. A Color Wheel With Gradient (by) · · , , , ,
  14. 10 Ways to Hide Elements in CSS (by/via) · · , ,
  15. Sticky Page Header Shadow on Scroll (by) · · , ,
  16. Syntaxonomy—a Collection of Web Languages (by) · · , , , ,
  17. Why Do They Ignore My Awesome Design Documentation? (by) · · ,
  18. When I Get That Low Contrast Feeling, I Need Non-Textual Healing (by/via) · · , ,
  19. The Future of Senior Developers in an AI-Driven World (by) · · , ,
  20. Modern HTML Email (Tables No Longer Required) (by) · · , ,
  21. 7 Tricks to Take the Performance of Your Website to the Moon (by) · · , , ,
  22. We Need Accessibility Action (by) · · ,
  23. The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps · · , , , , ,
  24. Folder Structure for Modern Web Applications (by) · · ,
  25. On-Page SEO Checklist: The Complete Task List for 2023 (by/via) · · , , ,
  26. Alternative Text in the Wild: 5 Alternative Text Examples (via) · · , ,
  27. DevTools: Getting Data From DevTools Into Your Code Editor (by) · · , ,
  28. New to the Web Platform in March (by/via) · · , , , , , , , ,
  29. The Pros and Cons of Different UI Automation Test Tools—Playwright (by) · · , ,
  30. Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (by) · · , ,
  31. A CSS Selector to Highlight Clickable Elements (by) · · ,
  32. XUL Layout Is Gone (by) · · , , , ,
  33. From Burnout to Balance: Why Are So Many UX Designers Fatigued? (by/via) · · , , ,
  34. AWS CloudFront Tutorial: Setup and Configuration (by/via) · · , , , ,
  35. Why JavaScript Is a Prototype-Based OOP (by) · · ,
  36. Why I Quit Being a Tech “Influencer” (by) · ·
  37. What Are Source Maps? (by/via) · · ,
  38. One in Two New npm Packages Is SEO Spam Right Now (by/via) · · ,
  39. CSS Masking (by) · · ,
  40. Checkered Background Using Two Lines of Code in CSS (by+) · · ,
  41. Framework Popularity on Netlify (by/via) · · , , , , , ,
  42. 6 Steps to Reduce the Carbon Footprint of Your Website (by/via) · ·
  43. Usability Heuristics in Game Design (by/via) · · , ,
  44. Using PHP Arrays: A Guide for Beginners (by/via) · · , ,
  45. The WebAIM Million (via) · · , , ,
  46. HTML: Help Users to Download Files With the HTML “download” Attribute (by) · ·
  47. How to Use Google Fonts and “font-display” (by/via) · · , , ,
  48. Flutter Performance Optimization Techniques and Best Practices (via) · · , , ,
  49. Meet Arc, a New Innovative Browser That Challenges Chrome (via) · · , , ,
  50. JavaScript Import Maps Are Now Supported Cross-Browser (by/via) · · , ,
  51. Accessibility vs. Emojis (via) · · , , ,
  52. File Uploads for the Web: File Uploads in Node and Nuxt (by) · · , ,
  53. TypeScript Function Types: A Beginner’s Guide (by) · · , ,
  54. In Praise of Vite (by/via) · ·
  55. Improving CSS Shapes With Trigonometric Functions (by) · · , ,
  56. How to Split an Angular App Into Micro-Frontend Apps · · , , ,
  57. How to Review and Refactor Code With GPT-4 (and ChatGPT) (by/via) · · , , , ,
  58. Guardrails for Better Accessibility Support in Frontend (by) · · , ,
  59. Connecting Dots of an Accessibility Audit (by/via) · · ,
  60. 10 AI Tools for Content Writing (via) · · , , , ,
  61. Introduction to esbuild · · , ,
  62. Defaulting on Single Page Applications (SPA) (by) · · , ,
  63. Mastering the JavaScript “switch” Statement (by/via) · ·
  64. Getting Started With HTML Tables (by/via) · · , ,
  65. Function Overloading in TypeScript (by/via) · · ,
  66. Fighting Inter-Component HTML Bloat (by) · · , , ,
  67. CSS Creator Håkon Wium Lie Interview (by/via) · · ,
  68. AI-Enhanced Development Makes Me More Ambitious With My Projects (by) · · , ,
  69. A Quick Guide to Reviewing a VPAT ACR (by) · · , , ,
  70. UX Principles for AI Products (by/via) · · , ,
  71. UX Basics: Study Guide (by/via) · · , , , ,
  72. Using TypeScript Without Compilation (by) · ·
  73. Harnessing GPT-4 for Writing Assistance and Content Creation (by/via) · · , , ,
  74. CSS-Only Widgets Are Inaccessible (by) · · ,
  75. Brief Introduction to Edge Computing · · ,
  76. The Causes of Unreliable Software (by) · · , ,
  77. The State of JS Frameworks (by+/via) · · , , ,
  78. WYSIWYGPT (by) · · ,
  79. What Is Strict Mode in React? (by) · ·
  80. Usability 101 (by/via) · · ,
  81. The “search” Element (by) · · , ,
  82. The Landscape of npm Packages for CLI Apps · · , , ,
  83. The IL1 Typography Test (by/via) · · , , , ,
  84. CSS “overflow” Property (by/via) · ·
  85. DevTools: Convert Network Requests to Code, or Even to a Terminal Command (by) · · , , ,
  86. A Complete Visual Guide to Understanding the Node.js Event Loop (by/via) · · , , ,
  87. The Ultimate Guide to Image Optimisation (by/via) · · , , , ,
  88. What We’ve Learned About Designing for Accessibility From Our Users (by/via) · · ,
  89. The Machines Won’t Save Your Design System (by) · · ,
  90. Everything You Wanted to Know About Video Storage APIs (via) · · , ,
  91. Circular Text With CSS? (by) · ·
  92. Accessible but Never Boring: Rebranding the Wise Design System for Everyone II (by/via) · · , ,
  93. Automatic npm Publishing With GitHub Actions and npm Granular Tokens (by/via) · · , , ,
  94. Some Cross-Browser DevTools Features You Might Not Know (by/via) · · , , , , , , ,
  95. npx: The Easy Way to Run Node.js Packages (by) · · , ,
  96. 5 Lesser-Known Spacing Tips for Product Designers (by/via) · · ,
  97. Certifications Should Be Hard (by) · · , ,
  98. What’s New in Eleventy 2: A Great SSG Just Got Better (by/via) · ·
  99. Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined (by) · · , , , ,
  100. File Uploads for the Web: Upload Files With JavaScript (by) · · ,
  101. With or Without the JS Framework (by) · · , ,
  102. When Is “:focus-visible” Visible? (by) · · , ,
  103. Understanding the Semantic Web—Dive Deep Into the Web’s Evolution (by) · ·
  104. The Carbon Cost of Social Media (via) · · ,
  105. That Time When SVG Almost Got Network Support for Raw Sockets · · , ,
  106. State of Node.js 2023 (by+/via) · · ,
  107. How to Start a React Project in 2023 (by) · · ,
  108. Annotating Designs for Accessibility (by/via) · · , ,
  109. 7 Ways Web Developers and UX Designers Can Collaborate (by/via) · · ,
  110. Regression Testing in the Agile Universe (via) · · , , ,
  111. The Intersection of Data Visualization and UX Design (via) · · , ,
  112. Why We Added package.json Support to Deno (by/via) · · , , ,
  113. The End of Front-End Development (by) · · , ,
  114. What Is Git Merge and How to Use It? (by/via) · ·
  115. The Cost of Craft (by) · · , , ,
  116. The Age of Average (by) · ·
  117. The 5 Best Status Page Tools (via) · · , , ,
  118. Rich Harris Talks SvelteKit and What’s Next for Svelte (by+/via) · · , ,
  119. Preventing Too-Short Final Lines of Text Blocks (by) · · ,
  120. CSS Is Dead! (by) · ·
  121. 5 Ways to Modernize Your Web Application (by/via) · · , , , , , , ,
  122. Deep Dive Into How Web Browsers Work (With Illustrations) (by) · · , ,
  123. Using “forRoot()” and “forChild()” in Angular (by) · ·
  124. Speeding Up the JavaScript Ecosystem—npm Scripts (by) · · , , ,
  125. Laying Out a Print Book With CSS · · ,
  126. Introduction to Flutter: Getting Started With Cross-Platform Development (by) · · ,
  127. Time to Move on From Nunjucks? (by) · · , , , ,
  128. Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language (by) · ·
  129. How to Stop a React Component From Rendering (by) · · , , ,
  130. Design System Guide (by) · · , ,
  131. How Screen Readers Read Special Characters: An Update (by/via) · · , , , ,
  132. Hijacking Screenreaders With CSS (by/via) · · , , , ,
  133. DevTools: Tricks for Copying the Styling From Any Website (by) · · , , , ,
  134. Foundations: Pointer Gestures (by/via) · · , ,
  135. Cryptographically Protecting Your SPA (by) · · , ,
  136. What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI? · ·
  137. The Problem With React (by) · ·
  138. Retro-Specifying Fetch/Performance (by/via) · · , ,
  139. How to Use “v-model” With Form Inputs in Vue (by) · · , ,
  140. Everything You Need to Know About the Updated React Docs (by) · · ,
  141. 5 Tips for New Prototypers (via) · · , ,
  142. DevTools: Faster Searching in DevTools With CSS Selectors (by) · · , , , , ,
  143. It’s About Time CAPTCHAs Become Accessible (via) · · ,
  144. Accessibility and Design Systems: The Deep-Dive Q&A (by+/via) · · , , ,
  145. Scraping Single-Page Applications With Playwright (via) · · , ,
  146. Versioning Design Tokens (by) · · , ,
  147. Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (by+/via) · · , ,
  148. The Ultimate Guide to Micro-Content (by/via) · · , ,
  149. JavaScript Polyfills (by) · · ,
  150. Internationalization in Next.js 13 With React Server Components (by/via) · · , , ,
  151. Accessibility Beyond Code Compliance (by) · · ,
  152. JavaScript for Beginners: Data Structures · · , , ,
  153. The H1 Conundrum: Understanding the Challenges of Heading Level One (by/via) · · , , ,
  154. Git Fundamentals, a Complete Guide (by) · · , ,
  155. Future CSS: Anchor Positioning (by) · · , ,
  156. Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (by+/via) · · , ,
  157. 6 CSS Snippets Every Front-End Developer Should Know in 2023 (by/via) · ·
  158. Circling Back on Design and Everything Else (via) · ·
  159. Useful Tips and Tricks for Laravel (via) · · ,
  160. VS Code vs. WebStorm: A Comparison for Newbies · · , , , , ,
  161. What Leonardo Da Vinci Can Teach Us About Web Design (by/via) · · ,
  162. TCP Echo Server for Node.js · · , ,
  163. Progressively Enhancing a Table With a Web Component (by) · · , , , ,
  164. Modern Font Stacks (by) · · , ,
  165. JavaScript: Automatically Remove an Event Listener After It Has Executed (by) · · ,
  166. How Design Is Governance (by/via) · ·
  167. Fix Color Contrast—Web Accessibility for Text and UI Design (by) · · , ,
  168. Advice From a Software Engineer With 8 Years of Experience (by) · ·
  169. Accepting Design (by+/via) · ·
  170. What Is the Cost of Designing a Mobile App? (via) · · ,
  171. 8 Tips for Making Your Custom Web Designs Mobile Friendly (via) · · , ,
  172. Best Practices for Structuring Accessibility Testing (by/via) · · , ,
  173. Why Aren’t Logical Properties Taking Over Everything? (by) · · , ,
  174. The Ternary Operator in JavaScript (by) · · ,
  175. Making Calendars With Accessibility and Internationalization in Mind (by/via) · · , ,
  176. Introduction to Offline First Web Applications (by/via) · · , ,
  177. We Don’t Need “.visually-hidden” (by/via) · · , , ,
  178. UX Strategy: Study Guide (by+/via) · · , , , ,
  179. Create and Download Text Files Using JavaScript (by) · ·
  180. “content” Is Your Content? (by/via) · · , , , ,
  181. Books You Can Read to Learn CSS · · , ,
  182. From UX to Growth Design: 5 Principles to Multiply Your Value (by/via) · · , ,
  183. View Transitions API: Creating Smooth Page Transitions (via) · · ,
  184. The Ultimate Guide to Becoming a 10× Dev (by) · · , ,
  185. Handling CSS Color Fonts With “font-palette” (via) · · , ,
  186. “Design First, Then Build”: Let’s Bury This Myth Forevermore (by/via) · · , ,
  187. SPA View Transitions Land in Chrome 111 (by/via) · · , , , , ,
  188. TypeScript’s Migration to Modules (by+/via) · · , , , ,
  189. Exploring Bundling in Lightning CSS (by/via) · · , , , ,
  190. Web Cookies With a Taste of Privacy (by/via) · · , ,
  191. One Problem That Is Now Solved by CSS Subgrid (by) · · , ,
  192. Evolving Custom Sliders (by/via) · · ,
  193. File Uploads for the Web: Uploading Files With HTML (by) · · ,
  194. Vue vs. React: Everything You Need to Know (via) · · , ,
  195. Selecting Previous Siblings With CSS “:has()” (by) · · ,
  196. Craft vs. Industry: Separating Concerns (by) · · , , , ,
  197. Cover All the Codebases: A Guide to Code Coverage Tools (via) · · , , , ,
  198. Building Complex Forms in Vue (by/via) · · ,
  199. All JavaScript and TypeScript Features From the Last 3 Years (via) · · , ,
  200. Tackling Design Debt in Product (by/via) · · , ,
  201. Static Site Generators: What’s Trending Right Now (via) · · , , , , , , ,
  202. My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (by) · · ,
  203. I No Longer Understand “prefers-contrast” (by) · · ,
  204. How to Fix: Child Stylesheet Loading Twice (WordPress) (via) · · , ,
  205. CSS Nesting (by/via) · · ,
  206. Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (by/via) · · ,
  207. ChatGPT and Me (a Recruiter) (via) · · , ,
  208. As a User, I Don’t Want To (by/via) · · , ,
  209. Quick Tip: How to Cache Data in PHP (by/via) · · , , ,
  210. Zebra Stripe Lines of Text Even When They Wrap (by) · ·
  211. Change Favicon on Switching Browser Tabs in JavaScript (by) · · , ,
  212. An End to Typographic Widows on the Web (by) · · ,
  213. 2023 Web Framework Performance Report (by/via) · · , , , , , , , , ,
  214. ARIA Live Regions for JavaScript Frameworks (by/via) · · , , , ,
  215. Managing Fonts in WordPress Block Themes (via) · · , ,
  216. What Value Does Developer Relations Bring to Other Teams? (by) · · ,
  217. The AI Future of Frontend Development (by) · · ,
  218. HTML Garden (by) · · , ,
  219. Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond (by/via) · · ,
  220. A Tab Interface Before Its Time (by) · · ,
  221. The Anatomy of a Good Design: An Analysis of 4 Sites (by/via) · ·
  222. Balanced Text Wrapping Is Coming to CSS (by) · · ,
  223. 50.1% Empty Links (by) · · , , , ,
  224. 10 Helpful JavaScript Utility Functions (by) · · ,
  225. The Cost of Architectural Complexity (by) · · , , ,
  226. Client-Side JavaScript and React Criticism: What Comes Next? (by) · · , , , , ,
  227. Optimising Large Contentful Paint (by/via) · · , , ,
  228. Making the Case for Signals in JavaScript (by/via) · · ,
  229. Continuous Growth Is Cancer (by) · · ,
  230. AI-Generated Git Commit Messages (by) · · , , ,
  231. The Art of Unlearning (by/via) · · ,
  232. Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (by/via) · · , , , ,
  233. Toolkit Tuesday: Using YouTube for Captions and Transcripts (via) · · , , ,
  234. Introduction to UIkit (via) · · ,
  235. Signals in Angular: The Future of Change Detection (by) · · ,
  236. Responsive Headlines Are About to Get Awesome (by/via) · · , , ,
  237. Everything You Need to Know About the Gap After the List Marker (by/via) · ·
  238. Are You Making These Five Mistakes When Writing Alt Text? (by/via) · · , , ,
  239. A Native “Visually Hidden” in CSS? Yes Please! (by/via) · · , , , ,
  240. Throttle Your CPU (by/via) · · , , ,
  241. You Don’t Need a Build Step (by/via) · · , ,
  242. Unlocking SVG’s Superpowers (by/via) · · , ,
  243. The Web Needs a Native “.visually-hidden” (by) · · ,
  244. Relative Rounded Corners (by/via) · · ,
  245. React vs. Signals: 10 Years Later (by/via) · · , , , ,
  246. Learn How to Set Up a CI/CD Pipeline From Scratch (by) · · ,
  247. How We Built Our Multi-Platform Design System at Booking.com (by/via) · · , , ,
  248. Declarative Design (by/via) · · ,
  249. Announcing TypeScript 5.0 RC (by/via) · · ,
  250. Accessible but Never Boring: Rebranding the Wise Design System for Everyone (by/via) · · , ,