Frontend Dogma

News and Tools for Frontend Development (2)

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

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