Frontend Dogma

“2023” Archive (9)

  1. Cover All the Codebases: A Guide to Code Coverage Tools · · , , , ,
  2. File Uploads for the Web: Uploading Files With HTML · · ,
  3. Craft vs. Industry: Separating Concerns · · , , , ,
  4. Web Cookies With a Taste of Privacy · · , ,
  5. Selecting Previous Siblings With CSS “:has()” · · ,
  6. SPA View Transitions Land in Chrome 111 · · , , , , ,
  7. Tackling Design Debt in Product · · , ,
  8. CSS Nesting · · ,
  9. Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions · · ,
  10. How to Fix: Child Stylesheet Loading Twice (WordPress) · · , ,
  11. ChatGPT and Me (a Recruiter) · · , ,
  12. My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use · · ,
  13. I No Longer Understand “prefers-contrast” · · ,
  14. Static Site Generators: What’s Trending Right Now · · , , , , , , ,
  15. Quick Tip: How to Cache Data in PHP · · , , ,
  16. 2023 Web Framework Performance Report · · , , , , , , , , ,
  17. Zebra Stripe Lines of Text Even When They Wrap ·
  18. As a User, I Don’t Want To · · , ,
  19. Change Favicon on Switching Browser Tabs in JavaScript · · , ,
  20. An End to Typographic Widows on the Web · · ,
  21. ARIA Live Regions for JavaScript Frameworks · · , , , ,
  22. Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond · · ,
  23. HTML Garden · · , ,
  24. The AI Future of Frontend Development · · ,
  25. Managing Fonts in WordPress Block Themes · · ,
  26. A Tab Interface Before Its Time · · ,
  27. What Value Does Developer Relations Bring to Other Teams? · · ,
  28. The Anatomy of a Good Design: An Analysis of 4 Sites ·
  29. 50.1% Empty Links · · , , , ,
  30. 10 Helpful JavaScript Utility Functions · · ,
  31. Balanced Text Wrapping Is Coming to CSS · · ,
  32. AI-Generated Git Commit Messages · · , ,
  33. Making the Case for Signals in JavaScript · · ,
  34. Optimising Large Contentful Paint · · , , ,
  35. The Cost of Architectural Complexity · · , ,
  36. Continuous Growth Is Cancer · · ,
  37. Signals in Angular: The Future of Change Detection · · ,
  38. Are You Making These Five Mistakes When Writing Alt Text? · · , , ,
  39. Moving from Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System · · , , , ,
  40. Toolkit Tuesday: Using YouTube for Captions and Transcripts · · , , ,
  41. Everything You Need to Know About the Gap After the List Marker ·
  42. The Art of Unlearning · · ,
  43. Relative Rounded Corners · · ,
  44. Throttle Your CPU · · , , ,
  45. Learn How to Set Up a CI/CD Pipeline from Scratch · · ,
  46. React vs. Signals: 10 Years Later · · , , , ,
  47. How We Built Our Multi-Platform Design System at Booking.com · · , , ,
  48. A Native “Visually Hidden” in CSS? Yes Please! · · , , , ,
  49. The WebAIM Strategic Accessibility Framework · · ,
  50. Unlocking SVG’s Superpowers · · ,
  51. Accessible but Never Boring: Rebranding the Wise Design System for Everyone · · , ,
  52. Declarative Design · · ,
  53. You Don’t Need a Build Step · · , ,
  54. The Web Needs a Native “.visually-hidden” · · ,
  55. A Beginner’s Guide to Manual Accessibility Testing · · , ,
  56. Announcing TypeScript 5.0 RC · · ,
  57. Quick Tip: How to Handle Exceptions in PHP · · , , ,
  58. Ten Tips for Better CSS Transitions and Animations · · , , ,
  59. Could We Make the Web More Immersive Using a Simple Optical Illusion? · · ,
  60. How People Read Online · · , , ,
  61. Without Accessibility, There Is No Privacy or Security · · , ,
  62. What Is “ref()” in Vue? ·
  63. Are You Testing to Test, or Testing to Prove? · · ,
  64. Animated Gradient Text in CSS · · , ,
  65. Conformance and Accessibility · · , ,
  66. The Seven Archetypes of Organizational Topologies · · ,
  67. On Container Queries, Responsive Images, and JPEG-XL · · , , , ,
  68. The Coolest JavaScript Features from the Last 5 Years · · ,
  69. The Evolution of Signals in JavaScript · · ,
  70. Simplified Dark Mode With Style Queries · · , ,
  71. The Ultimate Guide to Web Development Tools · · , ,
  72. A Guide to CSS “object-view-box” · · ,
  73. A Guide to Accessible Form Validation · · , , , ,
  74. 22 Useful CSS Tips and Tricks Every Developer Should Know · · ,
  75. Dithering Images With React/JavaScript · · , , ,
  76. Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools · · , , , , , ,
  77. Designers, Use Your intuition · · ,
  78. How to Contribute to a Project You Have No Idea About · · , , ,
  79. How to Style Your Alt Text · · , , ,
  80. Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs · · , , ,
  81. Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook · · , ,
  82. Learn CSS Positioning · · ,
  83. Crawl Weather Using Cypress · · ,
  84. CSS Animation Libraries: 10 Popular Choices · · , , ,
  85. Is It Time to Replace Sass? · · ,
  86. Getting Started With Style Queries · · , ,
  87. You Have the Users You Have · · , ,
  88. The JavaScript Site Generator Review, 2023 · · , , , , , , , , ,
  89. In-Depth Guide to CSS Logical Properties · · , , ,
  90. 3 Common Antipersonas in UX · · , ,
  91. Prepare for Chrome’s User Agent [String] Reduction · · , , , ,
  92. 16 Best CSS Books for Beginners and Advanced Coders · · , ,
  93. All About Promises in JavaScript · · ,
  94. 7 Essential React Libraries for Front-End Web Development · · , ,
  95. Experiments With the JavaScript Garbage Collector · · ,
  96. Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility ·
  97. Node.js Toolbox · · , ,
  98. Privacy Principles · · ,
  99. How Shadow DOM and Accessibility Are in Conflict · · , ,
  100. How to Handle Date and Time With JavaScript · · ,
  101. Thoughts on Dev Rel in the Post-Twitter Era · · , ,
  102. The Page With No Code · · , ,
  103. Understanding Easing and Cubic Bézier Curves in CSS · · , ,
  104. When JavaScript Fails ·
  105. The Importance of Adding Accessibility Design Reviews to the Design Process · · , ,
  106. The Great Gaslighting of the JavaScript Era · · , ,
  107. Open Captions vs. Closed Captions: What’s the Difference? · · , ,
  108. What Framework Should I Use? ·
  109. Automatic Captions: Our Experiments and Best Practices · · , , ,
  110. The State of Node.js Core · · ,
  111. Where Does Developer Relations Belong in an Organization? · · ,
  112. Learn Privacy · · ,
  113. React Libraries for 2023 · · , ,
  114. Quick Tip: How to Trim Whitespace With PHP · · , ,
  115. Style File Selector Button Using CSS · · ,
  116. Updating a Design System · · ,
  117. Understanding the Cost of Not Being Accessible · · ,
  118. The State of JS Frameworks · · , ,
  119. Surviving Design Systems ·
  120. Use the Child-Element Count in CSS · · ,
  121. Not Everyone Uses a Computer in the Same Way That You Do · · ,
  122. Design Systems in the Time of AI · · ,
  123. “Make It Easier” Is Not a Product Strategy · · , ,
  124. Ethical Alternatives to Revenue-Generating Deceptive Patterns · · , , ,
  125. ARIA vs. HTML · · , , , ,
  126. 5 Super Useful CSS Properties That Don’t Get Enough Attention · · ,
  127. “(255,255,255)” Is the Highest Specificity · · ,
  128. How to Password-Protect a Static HTML Page With No JS · · , , ,
  129. Create a Rainbow-Coloured List With “:nth-of-type()” · · , ,
  130. Keys to an Accessibility Mindset · · ,
  131. Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle · · , ,
  132. Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly · · ,
  133. Avoid Spanning Table Headers · · , , ,
  134. Last Baseline Alignment · · , , ,
  135. Arranging Diamond Tiles in a Grid · · ,
  136. All About Iterative Design · · ,
  137. Representation of Style · · ,
  138. My CSS Wishlist 2023 · · ,
  139. The Spirit of CSS-Tricks Is Now Gone · · ,
  140. Do We Need CSS “flex-wrap” Detection? · · ,
  141. To Sketch or Not to Sketch? · · ,
  142. Unlocking the Power of Design to Help Users Make Smart Decisions · · ,
  143. How to Build Offline Web Applications · · , ,
  144. A Step-by-Step Guide to Building Accessible Carousels · · , , , ,
  145. If You’re Going to Do a Job, Do It Properly · · ,
  146. Software Accessibility for Users With Attention Deficit Disorder (ADHD) ·
  147. Resizing With CSS ·
  148. Declarative Shadow DOM · · , ,
  149. Don’t Use 403s or 404s for Rate Limiting · · ,
  150. Buttons, Links, and Focus · · , , , ,
  151. How to Use View Transitions in Hotwire Turbo · · , ,
  152. Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX · · , , ,
  153. Screen Readers Don’t Convey the Semantics of “strong” and “em” · · , , , , ,
  154. Building an Animated SVG Logo With animejs · · , ,
  155. Scaling Accessibility Through Design Systems · · , , ,
  156. My 2023 CSS Wishlist · · ,
  157. Writing JavaScript Without a Build System · · ,
  158. What to Expect from Vue in 2023 and How It Differs from React · · , ,
  159. The Return to the Office Could Be the Real Reason for the Slump in Productivity ·
  160. ChatGPT Can Write Good CSS? · · , ,
  161. The User Activation API · · ,
  162. IT Incident Management ·
  163. Angular Reactivity With Signals · · , ,
  164. A Practical Approach to Automated Accessibility · · , ,
  165. How the Web Works: Understanding the Architecture of the Web · · , ,
  166. Some of the Future Is Now for CSS: A Postscript ·
  167. Is It Worth Learning JavaScript? Popularity, Salaries, and Future · · ,
  168. The (Extremely) Loud Minority · · ,
  169. Quick Tip: How to Hash a Password in PHP · · , , , ,
  170. Mastodon and Open Graph · · , , , ,
  171. How to Inspect Interactions in the Browser · · , , ,
  172. Is It Time to Go Back to the Monolith? ·
  173. CSS Grid Gap Behavior With Hidden Elements · · ,
  174. The Modern Web’s Underrated Powerhouse ·
  175. My CSS Wish List · · ,
  176. Container Queries Land in Stable Browsers · · , , ,
  177. Well-Known Symbols ·
  178. Automation Is Not the Enemy · · , ,
  179. This Is Why Performance Matters · · , ,
  180. Declarative Shadow DOM · · ,
  181. An Approach to Lazy Loading Custom Elements · · , ,
  182. Git: How to Skip Hooks · · ,
  183. So, What’s Next [for core-js]? · · , , ,
  184. Change Tab Bar Color Dynamically Using JavaScript · · , , ,
  185. MathML in Chrome · · , , , ,
  186. Technical Writing Process: How to Write a Good Technical Article · · , ,
  187. Rethinking the Modern Web · · , ,
  188. Sandboxing JavaScript Code · · ,
  189. Why Developers Should Learn Docker and Kubernetes in 2023 · · ,
  190. A Minimal, Multi-Framework, Responsive Image Component · · , ,
  191. Automated Testing Won’t Solve Web Accessibility · · , ,
  192. A Comparison of SUS, UMUX-LITE, and UEQ-S · · , , ,
  193. Technical SEO Basics for React Developers · · ,
  194. My CSS Wishlist · · ,
  195. Foundations: Introduction to WAI-ARIA · · , ,
  196. How to Scale Node.js Applications With Clustering · · , ,
  197. Caching at DEV · · , ,
  198. Quick Guide for YAML · · ,
  199. Platform Engineering Teams Done Right… · · ,
  200. Different Ways to Get CSS Gradient Shadows · · , ,
  201. You Kinda Want an Orange Favicon · · , , ,
  202. Improved Font Fallbacks · · , ,
  203. The Case for Frameworks · · , ,
  204. React.js: The Documentary · · , ,
  205. Discovering Primitive Objects in JavaScript · · ,
  206. Why I’m Not the Biggest Fan of Single Page Applications ·
  207. More Control over “:nth-child()” Selections With the “of S” Syntax · · ,
  208. What’s New in Lighthouse 10 · · , , ,
  209. The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · · , , ,
  210. My CSS Wishlist · · ,
  211. Moving Backgrounds · · ,
  212. Classless CSS Frameworks · · ,
  213. Can You Be a Designer If You Have No Training? · · ,
  214. Top 13 Node.js Books for Beginners and Advanced Coders · · , ,
  215. Try Out CSS Nesting Today · · , , ,
  216. Creating Sites, the Jamstack Way · · ,
  217. No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” · · , , ,
  218. Use Maps More and Objects Less · · ,
  219. CSS Wish List 2023 · · ,
  220. Quick Tip: How to Check If a Variable Is Set in PHP · · , ,
  221. Advanced Figma Prototyping Tips and Tricks · · , ,
  222. A “color-contrast()” Strategy for Complimentary Translucent Backgrounds · · , , , ,
  223. How to Write Semantic CSS · · , , ,
  224. How to Add an Event Handler in React · · , , ,
  225. How to Build Accessible Main Navigation? · · , ,
  226. Focus Appearance Thoughts · · , ,
  227. Testing Colour Accessibility With Dev Tools · · , , , ,
  228. Modularizing React Applications With Established UI Patterns · · , ,
  229. Theming a Design System · · ,
  230. Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule · · , , , , ,
  231. Table of Contents Progress Animation · · , , ,
  232. How to Favicon in 2023: Six Files That Fit Most Needs · · , ,
  233. My Favourite 3 Lines of CSS ·
  234. Building a Dev Blog With the Pelican Static Site Generator · · ,
  235. How to Build a Magazine Layout With CSS Grid Areas · · , ,
  236. The Difference Between Iteration and Prototyping · · , ,
  237. The “margin-trim” Property ·
  238. Non-Text Content Contrast Also Matters · · ,
  239. Supporting CSS Multi Direction Languages in 2023 · · , ,
  240. Should Inclusive Design Be a UX Concern? · · , ,
  241. Interop 2023 CMS Checkin · · , ,
  242. The Different Names for Values in CSS ·
  243. A Historical Reference of React Criticism · · ,
  244. Frontend Frameworks for Web-App Development · · ,
  245. Testing Vue Components the Right Way · · , ,
  246. Speeding Up the JavaScript Ecosystem—ESLint · · , , ,
  247. How to Pick a Font (That Doesn’t Suck) · · , , ,
  248. React Anti-Patterns and Best Practices—Do’s and Don’ts · · , ,
  249. Discovery in Agile · · ,
  250. The Market for Lemons · · , ,