Frontend Dogma

News and Tools for Frontend Development (3)

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

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