Frontend Dogma

News and Tools for Frontend Developers (6)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

  1. Introduction to Selenium for QA Automation: The Essential Guide · · , , , , ,
  2. Witnessing the Death of the Web as a News Medium (by) · · , , , ,
  3. What’s Wrong With VPATs? (by) · · ,
  4. Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (by) · · , , ,
  5. “Just” One Line (by) · · ,
  6. How to Build an Effective UX Pipeline From User Research to Usability Testing (by/via) · · , , ,
  7. How a Single Vulnerability Can Bring Down the JavaScript Ecosystem (by) · · , , , , ,
  8. CSS Length Units (by/via) · · , ,
  9. How to Use Corepack (by) · · , ,
  10. Transforming UX With Generative AI (by/via) · · ,
  11. Write SOLID React Hooks (by) · · , , ,
  12. The Power of Beauty in Communicating Complex Ideas (by/via) · · , , ,
  13. Node.js Best Practices: A Guide for Developers · · , ,
  14. Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (by/via) · · , , , , ,
  15. World Wide Accessibility—Benefits of Standardization (by) · · , , ,
  16. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · , , , , ,
  17. Does Serverless Still Matter? (by) · · , ,
  18. A Practical Guide Against Barrel Files for Library Authors (by) · · , , ,
  19. Transition to “height: auto;” and “display: none;” Using Pure CSS (by/via) · · , ,
  20. The Gap (by) · · ,
  21. Strategies for Effective Urgent Ticket Classification (by) · · , , ,
  22. Single CSS Keyframe Tricks Are Magic (by+/via) · · , , ,
  23. Nesting/Overriding Properties in CSS (by/via) · · ,
  24. Flow Charts With CSS Anchor Positioning (by) · · , , ,
  25. Facilitating Diversity and Inclusion in Scrum Teams (by/via) · · , ,
  26. es-toolkit (by) · · ,
  27. Frontend Dogma on the Web (via) · · ,
  28. How to Classify Your Design System—a Framework (by/via) · · ,
  29. Live Types in a TypeScript Monorepo (by) · · ,
  30. htmx: Simplicity in an Age of Complicated Solutions (by) · · ,
  31. Engineering for Slow Internet · · ,
  32. CSS in Depth, Second Edition (by) · · ,
  33. Applying the Four Principles of Accessibility (by) · · , ,
  34. Data Fetching Patterns in Single-Page Applications (by/via) · · , ,
  35. Building Tech That Respects Our Rights (by/via) · · , , ,
  36. Why We Don’t Have a Laravel for JavaScript… Yet (by/via) · · ,
  37. What to Know About the Open Versus Closed Software Debate (by/via) · · ,
  38. The Linear Method: Opinionated Software (by/via) · · , ,
  39. The Different Ways to Build a Resilient Website or Web App (by) · · ,
  40. Responsive Video Works Now—These Features Could Make It Work Better (by) · · , , ,
  41. New to the Web Platform in May (by/via) · · , , , , , , , ,
  42. How to Make a CSS Timer (by/via) · · ,
  43. Decision Trees for UI Components (by/via) · · , ,
  44. 10 Modern Node.js Runtime Features to Start Using in 2024 (by/via) · ·
  45. Centering Content Vertically With One Line of CSS (by) · · , , ,
  46. Creating an Accessible Toggle Switch in Tailwind CSS (by/via) · · , ,
  47. Your Site or App Should Work as Much as Possible Without JavaScript (by) · · , ,
  48. Why Is Kubernetes Debugging So Problematic? (by) · · ,
  49. What’s New in Angular 18 (by) · · ,
  50. Typographer vs. Accessibility (by/via) · · , ,
  51. The Era of Platform Primitives Is Finally Here (by/via) · · ,
  52. SSL for Localhost Takes 5 Seconds Now · · , ,
  53. My Approach to Alt Text (by) · · , , ,
  54. How to Assess Your Skill Level Before Contributing to Open Source (by/via) · · , ,
  55. Angular Basics: The Course (by) · · , ,
  56. An Even Faster Microsoft Edge (via) · · , ,
  57. Here’s What We Learned From the First “State of HTML” Survey (by/via) · · ,
  58. What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (by/via) · · , ,
  59. WP21 (by) · ·
  60. Progressively Enhanced Popover Toggletips (by/via) · · , , ,
  61. Lazy Load Components in Nuxt to Improve Performance (by) · · , , ,
  62. How to Deploy Your Own Website on AWS (by) · · , ,
  63. How Can OKRs Empower the Scrum Teams? (by/via) · · , , ,
  64. Alt Left (by) · · , , ,
  65. 3 Essential Design Trends, June 2024 (by/via) · · ,
  66. Masonry and Reading Order (by) · · , ,
  67. Old Dogs, New CSS Tricks (by) · ·
  68. Node.js Performance Hooks: Mastering the Mental Model (by) · · , ,
  69. Fast Ways to Estimate Capacity (by) · · ,
  70. A Little DevTools Snippet to Check Broken Links on a Webpage (by) · · , , , ,
  71. Want Out of React Complexity? Try Vue’s Progressive Framework (by/via) · · , , ,
  72. Understanding Organizational Capacity: Why It Matters in OKR Practice (by) · · , , , ,
  73. The Long Path of JavaScript—from ES6 Until Today · · , ,
  74. No More Pixel Rounding Issues (by) · · ,
  75. New Magic for Animations in CSS (by) · · ,
  76. Why, After 6 Years, I’m Over GraphQL (by) · · ,
  77. A Complete Guide for Adding Captions to YouTube Videos (via) · · , , , ,
  78. Switching It Up With HTML’s Latest Control (by/via) · · ,
  79. Reducing Code Review Time at Google (by) · · , , , ,
  80. Multipage Version (by) · · ,
  81. JSR: The JavaScript Package Registry We’ve Been Waiting For · · ,
  82. Design Systems vs. Style Guides (via) · · , , , , ,
  83. Consensus in Internet Standards (by) · · , , ,
  84. Building an Instinct for Metrics (by) · ·
  85. Predictors of Postsecondary Web Accessibility, 2012 to 2022 (by+/via) · · , ,
  86. Kawaii Computing: What VTubers Can Teach Us About Design (via) · · , ,
  87. Did We Fail to Develop the Next Generation of Designers? (via) · · , , ,
  88. Why Do We Celebrate Incompetent Leaders? (via) · · ,
  89. uBlock Origin: Let’s Read the Code! (by) · · ,
  90. Two Important AI Developments Affecting Accessibility (via) · · , ,
  91. Storybook 8.1 (by/via) · · ,
  92. Notes on Implementing Dark Mode (by) · · , ,
  93. HTML Tags You Might Not Know About (by) · ·
  94. Best Practices for Naming Design Tokens, Components, Variables, and More (via) · · , , ,
  95. Astro 4.9 (by+/via) · · ,
  96. Animating the Dialog Element (by/via) · · , ,
  97. What AI Can Do for (and to) Web Accessibility (by+/via) · · , ,
  98. Why Are There No Mobile Accessibility Guidelines in WCAG? (via) · · , ,
  99. When Should We Use Components and When Should We Just Use HTML? (by) · · , ,
  100. Webmentions in Astro (for Blog Posts) (by) · · ,
  101. Using Footnotes (by) · · , ,
  102. Speeding Up File Load Times, One Page at a Time (by/via) · · ,
  103. Release Notes for Safari Technology Preview 195 (by/via) · · , , ,
  104. Popover Element Entry and Exit Animations in a Few Lines of CSS (by) · · , ,
  105. Not So Short Note on “aria-label” Usage—Big Table Edition (by) · · , ,
  106. Modern CSS Layouts: You Might Not Need a Framework for That (by/via) · · , ,
  107. DOJ ADA Title II: Small Government WCAG Accessibility Guide (via) · · , , ,
  108. Danger! Preventing Zoom From Changing Text Size (by/via) · · , ,
  109. Angular v18 Is Now Available! (by/via) · · ,
  110. Introducing JSR (via) · · , ,
  111. Not Always Mobile First (by) · · , , , ,
  112. We’ve Got Container Queries Now, But Are We Actually Using Them? (by/via) · · ,
  113. We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (by) · · , , ,
  114. Test-Driving HTML Templates (by/via) · · , , , ,
  115. State of Frontend 2024 Survey (via) · ·
  116. I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (by) · ·
  117. Hidden vs. Disabled in UX (by/via) · · , ,
  118. Here’s What We’re Working on in Firefox (via) · · , ,
  119. Growth or Scale? · · ,
  120. CSS Specificity for WordPress 6.6 (by/via) · · , , , ,
  121. “contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (by) · · , , , ,
  122. A Primer on JavaScript Proxies (by) · · ,
  123. The Art of Not Being So Freaking Pushy (by/via) · · , , ,
  124. UI Density (by) · · , ,
  125. CSS “:has()”, the God Selector (by) · · ,
  126. Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (by/via) · · , , ,
  127. Web Content Has a Maintenance Problem (by) · · , , , ,
  128. “<style>”: Inline Optimizations for the Bold (by) · · , , ,
  129. Stop Resizing Your Browser: Improve Testing for Responsiveness (by) · · , ,
  130. Process (via) · ·
  131. CodeFlattener (by) · · , ,
  132. A JavaScript Developer Tries Go for the First Time (by) · · ,
  133. Weighing in on CSS Masonry (by) · · , ,
  134. On Which Side Do We Put the Primary Button? (by/via) · · , ,
  135. WAI–ARIA: “role=deletion” (by) · · ,
  136. WAI–ARIA: “role=strong” (by) · · ,
  137. Visual Design: Glossary (by+/via) · · ,
  138. Turn Off Google AI Overview—Set “Web” as Default (by) · · , , ,
  139. The Future of 11ty (by/via) · · , ,
  140. On Compliance vs. Readability: Generating Text Colors With CSS (by) · · , , , , ,
  141. Cloning Queries in Laravel (by) · · ,
  142. What You Need to Know About Third-Party Cookie Deprecation (by/via) · · , , , , ,
  143. What’s New in the Web (by/via) · · ,
  144. What’s New in Angular (by+/via) · · ,
  145. W3C Unveils 174 New Outcomes for WCAG 3.0 (by/via) · · , , ,
  146. The WCAG 3 Working Draft Update Is Ready for Your Review (by/via) · · , ,
  147. The Latest in Web UI (by/via) · · , , , ,
  148. Rethinking Text Resizing on Web (by/via) · · ,
  149. New Field Insights for Debugging INP (by/via) · · , ,
  150. Navigating the JavaScript Framework Ecosystem (by+/via) · · , ,
  151. Ignore and Acknowledge “class” Attribute on Elements in CSS (by) · · ,
  152. From Fast Loading to Instant Loading (by/via) · · , ,
  153. CSS Container Queries in Practice (by+/via) · · , ,
  154. CSS3? Pfff—Get Ready for CSS6! (by/via) · · ,
  155. CSS… 5? (by/via) · · ,
  156. Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools (by) · · , , , , , , ,
  157. Beyond CSS Media Queries (by/via) · · , , , ,
  158. Automate Browser Testing With Tools and Best Practices From Chrome (by+/via) · · , , , , , , ,
  159. ADA Title II and You (via) · · , ,
  160. It’s Time to Upgrade From “Hard-Working” to “Highly Efficient” (by/via) · · , ,
  161. Transforming the Relationship Between Designers and Developers (by/via) · · , ,
  162. React Compiler (via) · · ,
  163. Prefetching When Server Loading Won’t Do (by/via) · · , , ,
  164. Merging Remix and React Router (by/via) · · , ,
  165. JavaScript Security: Simple Practices to Secure Your Frontend (by/via) · · , , ,
  166. Dynamic GitHub Profile With Bun and TypeScript (by) · · , , ,
  167. Baseline Progressive Enhancement (by) · · , , ,
  168. State of HTML 2023 [Results] (by+/via) · · ,
  169. Stop Moving Fast and Breaking Everything (by/via) · · , , ,
  170. Why Designers Aren’t Understood (by/via) · · , , ,
  171. Web Platform Status (via) · · , , , ,
  172. The Great Tech and People Hypocrisy (by) · · , ,
  173. The CSS Stepped Value Math Functions Are Now in Baseline 2024 (by/via) · · , , , , ,
  174. New in Chrome 125 (by/via) · · , , ,
  175. Google’s Broken Link to the Web (by/via) · · , , ,
  176. ECMAScript Proposal: “Promise.withResolvers()” (by) · · ,
  177. Dark Mode and Accessibility Myth (by) · · , ,
  178. Anchor Positioning and the Popover API for a JS-Free Site Menu (by/via) · · , , ,
  179. 10 Updates From Google I/O 2024: Unlocking the Power of AI for Every Web Developer (by/via) · · , ,
  180. I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry (by/via) · · , , , ,
  181. Top 7 CSS Frameworks for Developers in 2024 (via) · · , , , , , , , ,
  182. Designers Are More Than Keywords and Portfolios (by/via) · · , ,
  183. AI Product Design: Identifying Skills Gaps and How to Close Them (via) · · , ,
  184. WebKit Features in Safari 17.5 (by/via) · · , , , ,
  185. Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues (by) · · , ,
  186. The Times You Need a Custom “@ property” Instead of a CSS Variable (by/via) · · , , , ,
  187. The Classic Border Radius Advice, Plus an Unusual Trick (by/via) · · , ,
  188. RSS Is Good, Isn’t It?! (by/via) · · , ,
  189. Regarding Keyboard Testing (via) · · , ,
  190. Morphing Arbitrary Paths in SVG (by) · · ,
  191. JavaScript Objects—Complete Guide · · , ,
  192. Intopia’s WCAG 2.2 Maps (by/via) · · , ,
  193. How I Made My GitHub Profile README Dynamic (by) · · ,
  194. Doing the Right Thing Right—Validation and Verification (by/via) · · , ,
  195. AI Isn’t Ready for UX Design (by/via) · · , , ,
  196. Accessible SVG Forms (by) · · , , ,
  197. Software Engineering Principles Every Frontend Developer Should Know · · , ,
  198. Setting Personal OKRs (by) · · , ,
  199. Quick Incremental Accessibility Audits for Small Business Websites (by) · · ,
  200. All I Want for GAAD (via) · · , ,
  201. Mesh Gradients in CSS (by) · · ,
  202. Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World (via) · ·
  203. Best Intention Barriers (ARIA Edition) (by) · · , ,
  204. Accessibility Overlays Are Not for Disabled People (by) · · ,
  205. How to Document Your JavaScript Package (by+/via) · · , , , , , ,
  206. Make Your Figma Components Work Harder (via) · · , ,
  207. Using the Page Visibility API (by/via) · · ,
  208. Typography Terms: Glossary (by+/via) · · ,
  209. The Modern Guide for Making CSS Shapes (by/via) · · , , , ,
  210. The Dilemmas You’ll Face When Creating a Component Library (by) · · ,
  211. Manifesto for a Humane Web (by) · · , , , , , ,
  212. Introducing the CSS Anchor Positioning API (by/via) · · , , , ,
  213. Design Taste vs. Technical Skills in the Era of AI (by+/via) · · , , ,
  214. Build Your Own React.js in 400 Lines of Code (by) · · , ,
  215. 17 Best Developer Productivity Tools to Try (by) · · , ,
  216. Simple Implemention to Understand “worker_threads” in Node.js (via) · · , ,
  217. Release Notes for Safari Technology Preview 194 (by/via) · · , , ,
  218. Upgrade Your HTML V (by/via) · · , , , ,
  219. Why Use Web Components Over Traditional DOM Manipulation? (by) · · ,
  220. What Is UX (Not)? (by/via) · · , ,
  221. Websites Are Not Books (by) · · ,
  222. “Slop” Is the New Name for Unwanted AI-Generated Content (by) · · ,
  223. Level-Setting Heading Levels (by) · · , , , ,
  224. Let’s Build a Web Scraper in PHP and Python (via) · · , ,
  225. Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers (by/via) · · , ,
  226. 37 Tips From a Senior Frontend Developer (by) · · , , , ,
  227. JavaScript “var”, “let”, and “const” Explained (by+) · ·
  228. Introducing the Gulp Developer Survey (by/via) · · , ,
  229. Modern WordPress—Yikes! (by) · · ,
  230. Why Patching Globals Is Harmful (by) · · ,
  231. Transparent Borders (by) · · , , , ,
  232. The Carcinization of Web Frameworks (by/via) · · , , , , ,
  233. How We’re Building More Inclusive and Accessible Components at GitHub (by/via) · · , , , ,
  234. Focus vs. Accessibility Focus (via) · · , ,
  235. Evidence-Based Management Guide, 2024—What’s New? (by/via) · · , , , , ,
  236. Using the Popover API for HTML Tooltips (by/via) · · , ,
  237. Servo Reboot: Where Are We Now? OSS-NA 2024 (by) · · , ,
  238. These CSS Pro Tips and Tricks Will Blow Your Mind (via) · · , ,
  239. What’s New in Node.js v22 (by) · · ,
  240. Using Simple Tools as a Radical Act of Independence (by/via) · · , ,
  241. Mastering User-Centered Design, With 5 Advanced Tips (via) · · , , , ,
  242. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (via) · · , , ,
  243. Errors Aren’t All Bad (by) · ·
  244. An Introduction to the European Accessibility Act (EAA) (via) · · , ,
  245. A Brief Note on Highlighted Text (by) · · , , , ,
  246. Memory Management Every Developer Should Know (by) · · ,
  247. Native Support for CJS/ESM Interoperability Begins in Node.js 22 (by) · · , , , ,
  248. The 7 Most Useful Web Design and Web Development Glossaries (by) · · , ,
  249. Securing Client-Side JavaScript (by) · · , ,
  250. Misconceptions About CSS Specificity (by/via) · · , ,