Frontend Dogma

News and Tools for Frontend Development (16)

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

  1. Incorporating Accessible Design Elements into Your Web Site · · ,
  2. Less Design Leadership—More Design Authorship · · ,
  3. What Is the Open Web? · · ,
  4. Harnessing Groupthink: Fine-Tuning CSS Specifications · · ,
  5. Taming the Cascade With BEM and Modern CSS Selectors · · , , , ,
  6. State of JavaScript 2022 · · ,
  7. 4 Mobile Must-Haves for a Modern UX Design Strategy · · , , ,
  8. How to Use Huge Type on the Web · · , ,
  9. A Guide to Keyboard Accessibility: JavaScript · · , , ,
  10. Analyzing the Top 100 Retailers for Digital Accessibility · · , ,
  11. Brief Note on “aria-readonly” Support · · , , , ,
  12. Multidimensional Design Systems · · ,
  13. Today I Learned: The Subtle Art of Code Reviews · · , ,
  14. An Introduction to the Design Tokens File Format · · , ,
  15. Git Notes: Git’s Coolest, Most Unloved­ Feature · ·
  16. The Easiest Way to Get Started With CSS Grid · · , ,
  17. How to Handle Unplanned Work in Scrum · · , , ,
  18. The Ultimate Guide to Frontend Monitoring · · ,
  19. Firefox-Only CSS · · , , ,
  20. Style a Parent Element Based on Its Number of Children Using CSS “:has()” · · ,
  21. Experimenting With Layering, Filtering, and Masking in CSS · · , ,
  22. You Don’t Need HTML · · , ,
  23. A Guide to Image Optimization on Jamstack Sites · · , , , , , ,
  24. Back to Basics: What are Callbacks in JavaScript? · · ,
  25. Accessibility Is in Style—Styles and Style Guides · · , , , ,
  26. CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly · · ,
  27. Theory-Building and Why Employee Churn Is Lethal to Software Companies · · ,
  28. Using Automated Test Results to Improve Accessibility · · , ,
  29. “vh”, “svh”, “lvh”, and “dvh” · ·
  30. Spy On “window.postMessage” Calls · · , ,
  31. Build and Deploy a Node.js Microservices Application · · , ,
  32. Improving React Interaction Times by 4× · · , ,
  33. 5 Insider Tips to Make Accessibility Part of Workflow · · , ,
  34. “Not Secure” Warning for IE Mode · · , , , ,
  35. Building Conscious Design Systems · ·
  36. The Best Programming Languages You Can Use for Web Development · · ,
  37. The Heuristics of Neurodesign · · ,
  38. Visual Design: Breaking into the Fourth Dimension of Experience Design · · ,
  39. Significant Improvements for Screen Readers Now in Nightly Firefox · · , , , , ,
  40. Your Accessibility Claims Are Wrong, Unless… · · ,
  41. Web Sustainability Resources · · ,
  42. Awesome Productivity Tools for Developers · · ,
  43. A Guide to Keyboard Accessibility: HTML and CSS · · , , , ,
  44. Content Strategy 101 · · ,
  45. Git Cheat Sheet With 40+ Commands and Concepts · · , ,
  46. The Evolution of Scalable CSS · · , , ,
  47. Don’t Disable the Zoom Functionality · ·
  48. The IndieWeb for Everyone · · ,
  49. CSS “:where()” “:is()” the Difference? · · ,
  50. CSS Grid and Custom Shapes III · · ,
  51. 10 Things I Wish I’d Known When Starting My Coding Journey · ·
  52. When Our Tools Hold Us Back · · , ,
  53. An Open Challenge (to Tech Event Organizers) · ·
  54. Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! · · , ,
  55. Node.js Security Best Practices · · , ,
  56. State of Design Systems 2022 Survey · · ,
  57. What’s New in WCAG 2.2 · · , , ,
  58. Why Your Backend in Node.js Needs an API Layer and How to Build It · · , ,
  59. The Anatomy of “visually-hidden” · · ,
  60. Easily Switch Between Different Node Versions Using nvm · · , ,
  61. A Brief and Probably Only Partially Correct History of CSS Nesting · · , ,
  62. Accessfuturism: Digital Accessibility in 2032 · · , ,
  63. Browsers, JSON, and FormData · · , ,
  64. CSS Timeline · · , ,
  65. Cultivating Design Systems by Bringing Intention · ·
  66. Designing for People Who Use a Mouse · · ,
  67. Foundations: Native Versus Custom Components · · , ,
  68. Generating Slugs Using One Line of Code in JavaScript · ·
  69. Is “CSS Engineer” Now a Job Position? · · ,
  70. TypeScript With Node.js · · ,
  71. What CSS Do You Absolutely Have to Know in 2022? · ·
  72. Early Learnings for Early Hints at Shopify · · , , ,
  73. How to Create the Perfect Hero Image for Your Portfolio Site · · ,
  74. How to Improve User Experience and Wow Your Users · · ,
  75. Dialogs, Modality, and Popovers Seem Similar—How Are They Different? · · , , , ,
  76. Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues · · , ,
  77. A Simpler Approach to Document and Web Accessibility · ·
  78. Managing CSS Styles in a WordPress Block Theme · · , , ,
  79. Saved from Callback Hell · ·
  80. The Superpowers of Design Tokens · · ,
  81. What Designers Can Learn from Apple’s New Accessibility Features · · , ,
  82. Why You Need to Monitor and Report on Accessibility—All the Time · · , , ,
  83. Responsive Accessibility Using “visibility: hidden” · · ,
  84. npm Security: Preventing Supply Chain Attacks · · , ,
  85. Client-Side Routing Without the JavaScript · · , ,
  86. Why Would Anyone Need JavaScript Generator Functions? · · ,
  87. Using Data-Driven Analytics to Improve Your Site’s User Experience · · , ,
  88. Creating a Design System Using Radix · · ,
  89. Inside the Mind of a Frontend Developer: Hero Section · · ,
  90. Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law · · ,
  91. Visual Design in UX: Study Guide · · , , , ,
  92. Accessibility “Gaps” in MVPs · ·
  93. Writing Better Documentation · · ,
  94. 5 Takeaways from Screen Reader Usability Interviews · · , , ,
  95. An Animated Guide for Node.js Event Loop · · , ,
  96. 6 Steps to Improve HTML Images for Users and Developers · · , , ,
  97. Caring About the World Wide Web · · , , ,
  98. Minimal Dark Mode · · , ,
  99. See This Page Fetch Itself, Byte by Byte, over TLS · · , ,
  100. Ways to Improve Developer Onboarding on an Existing Codebase · · ,
  101. Frontend Dogma on Mastodon · ·
  102. 7 Tactics That Benefit Both Accessibility and SEO · · ,
  103. A Deep Dive into Accessible Notifications · · , ,
  104. A Testing Strategy for Accessibility in New Apps · · ,
  105. Progress over Perfection: A Better Way to Accessibility · · ,
  106. Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing · · ,
  107. The Best PHP Frameworks for 2022 · · ,
  108. Speedy CSS Tip! Animated Gradient Text · · ,
  109. 16 Rare HTML Tags You Really Should Know · · ,
  110. Tips for Design System Component Pages · · , , , ,
  111. Sustainable Web Design Reduces E-Waste · ·
  112. An Introduction to CSS Cascade Layers · · , ,
  113. Design Management Toolbox: Non-Linear Professional Development · · ,
  114. Next Steps for the W3C Web Accessibility Initiative · · , ,
  115. Should Consistency Be a Goal of Design Systems? · · ,
  116. Designing the Perfect Mobile Navigation UX · · , ,
  117. Tips to Become a Great Software Engineer · ·
  118. How to Start a Content Audit · · , , , ,
  119. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed · · , , ,
  120. Is Turbopack Really 10× Faster Than Vite? · · , , ,
  121. An Overview of JavaScript Promises · · , ,
  122. The New CSS Media Query Range Syntax · · ,
  123. TypeScript 5.0 Iteration Plan · ·
  124. “aria-label” Is a Code Smell · · , ,
  125. Intro to HTML-First Frontend Frameworks · · , ,
  126. Why One Web Pioneer Thinks It’s Time to Reinvent the Browser · · ,
  127. Screenshotting VoiceOver on macOS · · , , ,
  128. Folder Structure for Node.js and Express.js Project · · , ,
  129. My Divtober 2022 Drawings · · ,
  130. Complexity and Caution · · , ,
  131. 20+ Laravel Best Practices, Tips, and Tricks to Use in 2023 · · , ,
  132. 5 Visual Treatments that Improve Accessibility · · ,
  133. Hostile Patterns in Error Messages · · , , ,
  134. Knowing What It’s Not · · ,
  135. Do We Need an Interop for Assistive Technologies? · · , , , ,
  136. 7 Shorthand Optimization Tricks Every JavaScript Developer Should Know · · ,
  137. CSS Ellipsis for Single-Line and Multi-Line Text · · ,
  138. How to Build, Test, and Publish a TypeScript npm Package in 2022 · · , ,
  139. How to Create Advanced Animations With CSS · · , ,
  140. All Designers Start as Copycats (and That’s OK) · · ,
  141. Motion Controls in the Browser · · , ,
  142. Practical CSS Guide for Busy Developers · · ,
  143. React Concurrency, Explained · · , ,
  144. Using HSL Colors in CSS · · ,
  145. What Is a Realm in JavaScript? · ·
  146. Why You Should Never Use “px” to Set “font-size” in CSS · · ,
  147. How Flaky Tests Impact Developers · · ,
  148. How to Communicate Effectively as a Developer · · , , ,
  149. Type-Safe TypeScript With Type Narrowing · · ,
  150. CSS Runtime Performance · · , ,
  151. Masked Gradient Dashed Lines · · , ,
  152. Accessibility Beyond the “Obvious” · ·
  153. Getting WCAG Color Contrast Right · · , , ,
  154. Design Principles for the Web · · , ,
  155. Typographic Hierarchies · · ,
  156. Web Accessibility: ARIA 101 · · , ,
  157. A Beginner’s Guide to Chrome Tracing · · , , , ,
  158. Code Coverage With Storybook Test Runner · · , ,
  159. The Math Behind Nesting Rounded Corners · · , ,
  160. Guide to the Best JavaScript Books for Beginners · · , , ,
  161. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance · · , ,
  162. CSS Animated Grid Layouts · · , ,
  163. Animated Border Gradient · · , , , ,
  164. Building a Tooltip Component · · , ,
  165. OKLCH in CSS: Why We Moved from RGB and HSL · · , ,
  166. Performance · · , , ,
  167. Structured Data · · , , ,
  168. Detect System Theme Preference Change Using JavaScript · · ,
  169. Do You Really Understand CSS Radial Gradients? · · ,
  170. Don’t Be Afraid of Reverting Code in Git · ·
  171. Is There Too Much CSS Now? · ·
  172. What? How? Why? “@ layer” · · ,
  173. Disruptive Design Patterns—an Uncharted Territory · ·
  174. Evolution of Manuals: UX Inspiration from History · · , ,
  175. How We Improved React Loading Times by 70% With Next.js · · , , ,
  176. Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning · · ,
  177. Twitter Reminds Us About Alt Text, but How Good Are We at It? · · , , ,
  178. Things Strong Developers Do That Drive Their Team Crazy · · ,
  179. Javascript Shallow Copy—What Is a Shallow Copy? · ·
  180. New Git Guidelines: We Have Switched to Conventional Commits · · , ,
  181. 53 UX Statistics to Know for 2023 · · ,
  182. Let’s Talk About Web Components · ·
  183. How to Set Up the New Google Auth in a React and Express App · · , , , ,
  184. CSS Is Awesome · · ,
  185. Responsive Animations for Every Screen Size and Device · · , ,
  186. Usable, Useful, and Valuable · · , , ,
  187. Which Serverless Edge Platform Has the Fastest Git Deployments? · · , , , ,
  188. Why I Never Understood CSS-in-JS · · , ,
  189. A Dashing Navbar Solution · ·
  190. Ethical Design Is a Risk Management Strategy · · , ,
  191. SEO and Accessibility Are Symbiotic · · ,
  192. Digital Accessibility—Ask Me Anything · · ,
  193. GitHub Copilot Investigation · · , , ,
  194. Redo Websites Less Often (to Become a Better Developer) · · ,
  195. State of CSS Frameworks · · , ,
  196. The True Type in PHP 8.2 · ·
  197. What If the Team Hates My Functional Code? · ·
  198. Why We Need CSS Speech · · ,
  199. How to Build the Foundation for Digital Accessibility · · , , ,
  200. Highly Customizable Background Gradients · · , ,
  201. I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack · · , , ,
  202. Applying the 8 Golden Rules of User-Interface Design · · , ,
  203. CSS Specificity for Beginners · · ,
  204. Edit Someone Else’s Website: “contenteditable” and “designMode” · ·
  205. Hands-On Guide to Color Fonts and “@ font-palette-values” · · , , ,
  206. The Proprietary Syndication Formats · ·
  207. Designing for Users With Disabilities: 10 Factors to Consider · · , ,
  208. Forging Successful Partnerships With Software Developers · · ,
  209. Common ARIA Mistakes and How to Avoid Them · · , , ,
  210. Google on Alt Text SEO and Accessibility · · , , , ,
  211. Secure JavaScript URL Validation · · , , ,
  212. Next.js Crash Course · · ,
  213. The Wasted Potential of CSS Attribute Selectors · · , ,
  214. Why We’re Breaking Up With CSS-in-JS · · , ,
  215. Don’t Be Arrogantly Ignorant: Don’t Flame · · ,
  216. Moving from React to htmx · · , ,
  217. How to Rebase Stacked Git Branches · · ,
  218. Accessibility Checkers—a Good Start, Not a Solution · · , ,
  219. Design for Them Not for You · · , ,
  220. New Brutalism and Web Accessibility: What You Need to Know · · ,
  221. Scoop: Meta Ending Support for Instant Articles · · ,
  222. Container Queries: Style Queries · · ,
  223. Microfrontends: Microservices for the Frontend · · ,
  224. Intro to Why Accessibility Is Important for Good SEO · · , ,
  225. Two JavaScripts · ·
  226. What I Learned About SVG Accessibility (Among Other Things) from NBC News’ Senate “What If” Project · · ,
  227. Upgrading Colors to HD on the Web · · ,
  228. A Pure CSS Gallery Focus Effect With “:not” · · ,
  229. Augmenting Node.js With WebAssembly · · , ,
  230. Some Things I Took Away from an Event Apart 2022 in Denver · · , ,
  231. CDN · · , , , ,
  232. Representation in “alt” Text · · , ,
  233. Speeding Up Async Snippets · · ,
  234. The Web’s Next Transition · ·
  235. Create a Passkey for Passwordless Logins · · , ,
  236. Early Days of Container Style Queries · · ,
  237. How to Animate CSS Box Shadows and Optimize Performance · · , , , ,
  238. Design Specifications Template · · ,
  239. The Border Property You Never Knew You Needed · · ,
  240. Tree Views in CSS · ·
  241. Sustainable Web Development Strategies Within an Organization · · , ,
  242. Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More · · , , ,
  243. Quick Tip: How to Use the Ternary Operator in JavaScript · · , , ,
  244. Challenges of Multi-Brand Design Systems · · , ,
  245. HTML 2022: 20 Additional Observations from Analyzing the Web Almanac Data · · ,
  246. SVG Sprites: Old-School, Modern, Unknown, and Forgotten · · ,
  247. When New CSS Features Collide: Possibility and Complexity at the Intersections · · , , ,
  248. Delightful UI Animations With Shared Element Transitions API II · · , , ,
  249. WCAG 2.2 Success Criteria · · ,
  250. :where :is CSS? · · ,