Frontend Dogma

News and Tools for Frontend Development (11)

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

  1. Understanding Easing and Cubic Bézier Curves in CSS · · , ,
  2. The Page With No Code · · , ,
  3. Thoughts on Dev Rel in the Post-Twitter Era · · , ,
  4. How to Handle Date and Time With JavaScript · · ,
  5. How Shadow DOM and Accessibility Are in Conflict · · , ,
  6. “(255,255,255)” Is the Highest Specificity · · ,
  7. 5 Super Useful CSS Properties That Don’t Get Enough Attention · · ,
  8. ARIA vs. HTML · · , , , ,
  9. Ethical Alternatives to Revenue-Generating Deceptive Patterns · · , , ,
  10. “Make It Easier” Is Not a Product Strategy · · , ,
  11. Design Systems in the Time of AI · · ,
  12. Not Everyone Uses a Computer in the Same Way That You Do · · ,
  13. Use the Child-Element Count in CSS · · ,
  14. Surviving Design Systems · ·
  15. The State of JS Frameworks · · , ,
  16. Understanding the Cost of Not Being Accessible · · ,
  17. Updating a Design System · · ,
  18. Style File Selector Button Using CSS · · ,
  19. Quick Tip: How to Trim Whitespace With PHP · · , ,
  20. React Libraries for 2023 · · , ,
  21. All About Iterative Design · · ,
  22. Arranging Diamond Tiles in a Grid · · ,
  23. Last Baseline Alignment · · , , ,
  24. Avoid Spanning Table Headers · · , , ,
  25. Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly · · ,
  26. Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle · · , ,
  27. Keys to an Accessibility Mindset · · ,
  28. Create a Rainbow-Coloured List With “:nth-of-type()” · · , ,
  29. How to Password-Protect a Static HTML Page With No JS · · , , ,
  30. Do We Need CSS “flex-wrap” Detection? · · ,
  31. The Spirit of CSS-Tricks Is Now Gone · · ,
  32. My CSS Wishlist 2023 · · ,
  33. Representation of Style · · ,
  34. To Sketch or Not to Sketch? · · ,
  35. Don’t Use 403s or 404s for Rate Limiting · · ,
  36. Declarative Shadow DOM · · , ,
  37. Resizing With CSS · ·
  38. Software Accessibility for Users With Attention Deficit Disorder (ADHD) · ·
  39. If You’re Going to Do a Job, Do It Properly · · ,
  40. A Step-by-Step Guide to Building Accessible Carousels · · , , , ,
  41. How to Build Offline Web Applications · · , ,
  42. Unlocking the Power of Design to Help Users Make Smart Decisions · · ,
  43. ChatGPT Can Write Good CSS? · · , ,
  44. The Return to the Office Could Be the Real Reason for the Slump in Productivity · ·
  45. What to Expect from Vue in 2023 and How It Differs from React · · , ,
  46. Writing JavaScript Without a Build System · · ,
  47. My 2023 CSS Wishlist · · ,
  48. Scaling Accessibility Through Design Systems · · , , ,
  49. Building an Animated SVG Logo With animejs · · , ,
  50. Screen Readers Don’t Convey the Semantics of “strong” and “em” · · , , , , ,
  51. Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX · · , , ,
  52. How to Use View Transitions in Hotwire Turbo · · , ,
  53. Buttons, Links, and Focus · · , , , ,
  54. Is It Worth Learning JavaScript? Popularity, Salaries, and Future · · ,
  55. Some of the Future Is Now for CSS: A Postscript · ·
  56. How the Web Works: Understanding the Architecture of the Web · · , ,
  57. A Practical Approach to Automated Accessibility · · , ,
  58. Angular Reactivity With Signals · · , ,
  59. IT Incident Management · ·
  60. The User Activation API · · ,
  61. Automation Is Not the Enemy · · , ,
  62. Well-Known Symbols · ·
  63. Container Queries Land in Stable Browsers · · , , ,
  64. My CSS Wish List · · ,
  65. The Modern Web’s Underrated Powerhouse · ·
  66. CSS Grid Gap Behavior With Hidden Elements · · ,
  67. Is It Time to Go Back to the Monolith? · ·
  68. How to Inspect Interactions in the Browser · · , , ,
  69. Mastodon and Open Graph · · , , , ,
  70. Quick Tip: How to Hash a Password in PHP · · , , , ,
  71. The (Extremely) Loud Minority · · ,
  72. Change Tab Bar Color Dynamically Using JavaScript · · , , ,
  73. So, What’s Next [for core-js]? · · , , ,
  74. Git: How to Skip Hooks · · ,
  75. An Approach to Lazy Loading Custom Elements · · , ,
  76. Declarative Shadow DOM · · ,
  77. This Is Why Performance Matters · · , ,
  78. Sandboxing JavaScript Code · · ,
  79. Rethinking the Modern Web · · , ,
  80. Technical Writing Process: How to Write a Good Technical Article · · , ,
  81. MathML in Chrome · · , , , ,
  82. My CSS Wishlist · · ,
  83. Technical SEO Basics for React Developers · · ,
  84. A Comparison of SUS, UMUX-LITE, and UEQ-S · · , , ,
  85. Automated Testing Won’t Solve Web Accessibility · · , ,
  86. A Minimal, Multi-Framework, Responsive Image Component · · , ,
  87. Why Developers Should Learn Docker and Kubernetes in 2023 · · ,
  88. Why I’m Not the Biggest Fan of Single Page Applications · ·
  89. Discovering Primitive Objects in JavaScript · · ,
  90. React.js: The Documentary · · , ,
  91. The Case for Frameworks · · , ,
  92. Improved Font Fallbacks · · , ,
  93. You Kinda Want an Orange Favicon · · , , ,
  94. Different Ways to Get CSS Gradient Shadows · · , ,
  95. Platform Engineering Teams Done Right… · · ,
  96. Quick Guide for YAML · · ,
  97. Caching at DEV · · , ,
  98. How to Scale Node.js Applications With Clustering · · , ,
  99. Foundations: Introduction to WAI-ARIA · · , ,
  100. Can You Be a Designer If You Have No Training? · · ,
  101. Classless CSS Frameworks · · ,
  102. Moving Backgrounds · · ,
  103. My CSS Wishlist · · ,
  104. The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · · , , ,
  105. What’s New in Lighthouse 10 · · , , ,
  106. More Control over “:nth-child()” Selections With the “of S” Syntax · · ,
  107. CSS Wish List 2023 · · ,
  108. Use Maps More and Objects Less · · ,
  109. No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” · · , , ,
  110. Creating Sites, the Jamstack Way · · ,
  111. Try Out CSS Nesting Today · · , , ,
  112. Top 13 Node.js Books for Beginners and Advanced Coders · · , ,
  113. Table of Contents Progress Animation · · , , ,
  114. Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule · · , , , , ,
  115. Theming a Design System · · ,
  116. Modularizing React Applications With Established UI Patterns · · , ,
  117. Testing Colour Accessibility With Dev Tools · · , , , ,
  118. Focus Appearance Thoughts · · , ,
  119. How to Build Accessible Main Navigation? · · , ,
  120. How to Add an Event Handler in React · · , , ,
  121. How to Write Semantic CSS · · , , ,
  122. A “color-contrast()” Strategy for Complimentary Translucent Backgrounds · · , , , ,
  123. Advanced Figma Prototyping Tips and Tricks · · , ,
  124. Quick Tip: How to Check If a Variable Is Set in PHP · · , ,
  125. Testing Vue Components the Right Way · · , ,
  126. Frontend Frameworks for Web-App Development · · ,
  127. A Historical Reference of React Criticism · · ,
  128. The Different Names for Values in CSS · ·
  129. Interop 2023 CMS Checkin · · , ,
  130. Should Inclusive Design Be a UX Concern? · · , ,
  131. Supporting CSS Multi Direction Languages in 2023 · · , ,
  132. Non-Text Content Contrast Also Matters · · ,
  133. The “margin-trim” Property · ·
  134. The Difference Between Iteration and Prototyping · · , ,
  135. How to Build a Magazine Layout With CSS Grid Areas · · , ,
  136. Building a Dev Blog With the Pelican Static Site Generator · · ,
  137. My Favourite 3 Lines of CSS · ·
  138. How to Favicon in 2023: Six Files That Fit Most Needs · · , ,
  139. Discovery in Agile · · ,
  140. React Anti-Patterns and Best Practices—Do’s and Don’ts · · , ,
  141. How to Pick a Font (That Doesn’t Suck) · · , , ,
  142. Speeding Up the JavaScript Ecosystem—ESLint · · , , ,
  143. The Market for Lemons · · , ,
  144. Rotating Gallery With CSS Scroll-Driven Animations · · , , , ,
  145. Typography Manual · · ,
  146. Multi-Threaded React App Using useWorker · · , , ,
  147. The YAML Document from Hell—JavaScript Edition · · ,
  148. WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion · · , ,
  149. How to Get the Last Matching Item in an Array With Vanilla JavaScript · · , ,
  150. What Is Bootstrap: A Beginner’s Guide · · ,
  151. Caching Data in SvelteKit · · ,
  152. Interop 2023 · · ,
  153. Understanding App Directory Architecture in Next.js · · ,
  154. Announcing Interop 2023 · · ,
  155. Igalia and Interop 2023 · · ,
  156. Hex Colors Aren’t Great at Anything Except Being Popular · · ,
  157. Design for AI: What Should People Who Design AI Know? · · ,
  158. The Guide to Responsive Design in 2023 and Beyond · · ,
  159. Don’t Use Return Types, Unless… · · ,
  160. Microsoft Edge and Interop 2023 · · , , , ,
  161. Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms · · ,
  162. Modular Web Design: Flexibility, Examples, and Alternatives · ·
  163. The Gotcha With Animating Custom Properties · · , , ,
  164. WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features · ·
  165. Screen Reader Quick Guide · · , , ,
  166. Why Is Making a Dark Mode Greyscale So Hard to Get Right? · · , , ,
  167. 3 Notion Templates to Better Manage Your Design System · · , ,
  168. Interop 2023: Continuing to Improve the Web for Developers · · ,
  169. Learn Images · · , , , , , , ,
  170. Gatsby Is Joining Netlify · · ,
  171. Quick Tip: How to Manage Timezones in PHP · · , , ,
  172. Pushing Interop Forward in 2023 · · ,
  173. How the CSS “box-sizing” Property Works · ·
  174. Should You Start a Web Development YouTube Channel in 2023? · · ,
  175. The Ultimate Guide to JavaScript Error Handling · · , ,
  176. Setting Expectations for Asking ChatGPT Web Accessibility Questions · · ,
  177. New to the Web Platform in January · · , , , , , , , ,
  178. Typographic Hierarchy in Print, Web, and App Design · · ,
  179. 6 Approaches for Data Fetching in React · · ,
  180. Understanding Color and Accessibility · · ,
  181. Invoking React Components from Your Ember Apps · · , ,
  182. External Links: In or Out · · , , ,
  183. Speed for Who? · · , , ,
  184. Easy SVG Customization and Animation: A Practical Guide · · , ,
  185. 19 Must-Visit Sites for Product Design Inspiration · · ,
  186. Using Local Storage in JavaScript and React · · , ,
  187. CSS “color-mix()” · ·
  188. Léonie Watson on Accessibility · · , ,
  189. New WCAG 2.2 Features Rated · · , ,
  190. You’ve Got Options for Removing Event Listeners · · ,
  191. An Introduction to MIME Types · · ,
  192. Accessible Hamburger Buttons Without JavaScript · · , ,
  193. The Pros and Cons of Responsive Web Design in 2023 · ·
  194. HTML Input Types · · ,
  195. 10 GitHub Repositories You Should Know as a JavaScript Developer · · , , , ,
  196. Git Commit Patterns · · ,
  197. Is It a Bad Idea to Use “target="_blank"” for Links in an Email? · · , ,
  198. Container Queries and Typography · · , ,
  199. Login Form UI Design Guide · · , ,
  200. Flow Control in JavaScript: Callbacks, Promises, “async/await” · · ,
  201. Creating a High-Contrast Design System With CSS Custom Properties · · , , ,
  202. Screen Readers Support for Text Level HTML Semantics · · , , , , ,
  203. Use the Dialog Element (Reasonably) · · , ,
  204. Your Web Performance Is Too Reactive; It’s Time to Do More Than Put Out Fires · ·
  205. Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again · · , ,
  206. Musing Upon an “[alt]” Text Badge on Images · · , ,
  207. CSS Layers for CSS Resets · · ,
  208. The Modern Way of Serving Images · · , ,
  209. 10 Web Development Trends in 2023 · · , , , , , , ,
  210. “scrollend”, a New JavaScript Event · · ,
  211. Quick Tip: How to Manage Error Reporting in PHP · · , , ,
  212. A “nth-child” CSS Trick · · , ,
  213. Animating CSS Grid (How-To and Examples) · · , ,
  214. Release Notes for Safari Technology Preview 162 · · , , ,
  215. Copying Designs Doesn’t Work, and Here’s Why · · ,
  216. Things to Do and Not to Do During a Wave of Tech Layoffs · ·
  217. A Simple Custom · · , , ,
  218. Locking “body” Scroll for Modals on iOS · · , ,
  219. CSS Wishlist 2023 · · ,
  220. 3 Essential Design Trends, January 2023 · · ,
  221. Be a Digital Ally: Further Exploration of WCAG 2.2 · · , ,
  222. CSS Named Colors: Groups, Palettes, Facts, and Fun · · , ,
  223. International Domain Names: Where Does meßagefactory.ca Lead You? · · ,
  224. Making Sense of TypeScript Using Set Theory · ·
  225. Creating a Community That Values Accessibility · · ,
  226. Visual Design Rules You Can Safely Follow Every Time · ·
  227. Ship Small, Ship Fast · ·
  228. Level Up Your CSS Skills With the “:has()” Selector · · ,
  229. If You Need a Link, Don’t Use a Button · · , , , ,
  230. CSS Art Tutorial: Create a Cute Cartoon Creature · · , ,
  231. Replace Create React App Recommendation With Vite · · , ,
  232. How to Review a Web Site · · , , ,
  233. Accessibility Tools and Resources for Designers · · , ,
  234. Improve Your HTML Semantic With Pico CSS · · ,
  235. Comparing Level Access Automated Tools to Manual Accessibility Testing · · , , ,
  236. Web Accessibility Global Usage Survey · · ,
  237. Web Scraping—A Complete Guide · · ,
  238. How to Use Pico CSS and Next.js? · · ,
  239. Building Reliable Distributed Systems in Node.js · ·
  240. Cascading Components—a Way to Organize Figma Component Variants · · ,
  241. Designing a Robust Right-to-Left UI in Arabic, Hebrew, and Farsi · · ,
  242. More Real-World Uses for “:has()” · · ,
  243. The Key to Good Component Design Is Selfishness · · , ,
  244. Unordered Lists in Main Navigations · · , ,
  245. What Is a Core Update? · ·
  246. 15 Must-Have Cheatsheets for Developers · · ,
  247. So You Want to Make a New JS Framework · · ,
  248. Comparing Manual and Free Automated WCAG Reviews · · , , ,
  249. Three Attributes for Better Web Forms · · ,
  250. Two Ways to Safely Break a Long Word in HTML · ·