Frontend Dogma

News and Views in Frontend Development (6)

(Explore all topics. Stay informed per feed and on Twitter.)

  1. Performance Signals for Customizing Website UX (tweet this) · · , , ,
  2. Optimizing a Web Site for Google’s New UX Criteria (tweet this) · · , , ,
  3. Moderated Versus Unmoderated Usability Testing (tweet this) · · , ,
  4. JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (tweet this) · · , ,
  5. Designing the User Experience of a Rating System (tweet this) · · ,
  6. An Introduction to AWS CloudFront Functions (tweet this) · · ,
  7. A New Speed Milestone for Chrome (tweet this) · · ,
  8. 7 Ways to Achieve a Faster Core Web Vitals Score (tweet this) · · ,
  9. 10 Amazing Games to Learn CSS (tweet this) · · ,
  10. Alternatives to Pagination on Product-Listing Pages (tweet this) · · , ,
  11. Why I Avoid “async”/“await” (tweet this) · ·
  12. The Basics—Generics in PHP (tweet this) · · ,
  13. Creating Native Web Components (tweet this) · · , ,
  14. The Importance of Screen Reader Software for Web Navigation (tweet this) · · , , ,
  15. The Best Design System Is No System (tweet this) · ·
  16. Remix vs. Next.js (tweet this) · · , ,
  17. It’s Always Been You, Canvas2D (tweet this) · · , ,
  18. Interop 2022: Browsers Working Together to Improve the Web for Developers (tweet this) · · , ,
  19. How to Prevent SQL Injection Attacks in Node.js (tweet this) · · , , ,
  20. How to Design Better APIs (tweet this) · ·
  21. Dive into Node.js Streams (tweet this) · ·
  22. Building Web Layouts for Dual-Screen and Foldable Devices (tweet this) · · , ,
  23. Accessibility and Limited Fine Motor Skills (tweet this) · ·
  24. Taming CSS Variables with Web Inspector (tweet this) · · , , ,
  25. Progressive Enhancement, the New Hotness (tweet this) · ·
  26. How to Use Higher-Order Functions in JavaScript (tweet this) · ·
  27. How to Make a “Raise the Curtains” Effect in CSS (tweet this) · · ,
  28. How Many Hyperlinks Are Too Many for Accessibility? (tweet this) · · ,
  29. How Do Primitive Values Get Their Properties? (tweet this) · ·
  30. What’s Really Going On Inside Your node_modules Folder? (tweet this) · · , ,
  31. Simple Color System for Complex Digital Interfaces (tweet this) · · , , ,
  32. New CSS Features in 2022 (tweet this) · ·
  33. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (tweet this) · · , ,
  34. (Not So) Short Note on Being Owned (tweet this) · · , ,
  35. How to Build a File Upload Service with Vanilla JavaScript (tweet this) · ·
  36. Foundations: Headings (tweet this) · · , ,
  37. Accessibility Checklist: Five Things Usually Left Out (tweet this) · · ,
  38. A Recipe for a Good Design System (tweet this) · ·
  39. 5 Things You Don’t Need JavaScript For (tweet this) · ·
  40. Solid.js Feels Like What I Always Wanted React to Be (tweet this) · · ,
  41. Should Frontend Devs Care About Performance? (tweet this) · ·
  42. Importing ES6 Modules over HTTP/HTTPS in Node.js (tweet this) · · , , ,
  43. Higher-Order Components in React Hooks Era (tweet this) · · , ,
  44. CSS “content” Property (tweet this) · ·
  45. Top 2021 CSS Frameworks Report: The CSS File Sizes (tweet this) · · , , ,
  46. When to Avoid the “text-decoration” Shorthand Property (tweet this) · ·
  47. Screaming Architecture—Evolution of a React Folder Structure (tweet this) · · ,
  48. Overlay Position and Recommendations (tweet this) · · ,
  49. How I Structure My React Projects (tweet this) · · ,
  50. 4 Simple Ways to Improve Web Accessibility (tweet this) · · ,
  51. Understanding Dependencies Inside Your package.json (tweet this) · · , , ,
  52. Accessibility and Inclusivity in Practice (tweet this) · · , ,
  53. Moving from Next to Remix (tweet this) · · , , ,
  54. HTML Comments Work in JavaScript Too (tweet this) · · ,
  55. How to Make MPAs That Are as Fast as SPAs (tweet this) · · ,
  56. How to Fix Your Security Vulnerabilities with npm Override (tweet this) · · , ,
  57. Container Queries, the Next Step Towards a Truly Modular CSS (tweet this) · · , ,
  58. Can You Get Pwned with CSS? (tweet this) · · ,
  59. A Complete Guide to CSV Files in Node.js (tweet this) · · , ,
  60. 5 Accessibility Quick Wins You Can Implement Today (tweet this) · ·
  61. What Is Responsible JavaScript? (tweet this) · · ,
  62. Turning the Tables on Accessibility (tweet this) · ·
  63. The Case for Adding Validation State to Your Design Tokens (tweet this) · · ,
  64. Support for Marking Radio Buttons Required, Invalid (tweet this) · · ,
  65. SPAs Were a Mistake (tweet this) · ·
  66. Reliably Send an HTTP Request as a User Leaves a Page (tweet this) · ·
  67. Inclusive Design vs. Accessible Design: Understanding the Differences (tweet this) · · , , ,
  68. How to Prioritize Your Components (tweet this) · · ,
  69. Design Systems in Figma: How to Be More Productive (tweet this) · · , ,
  70. Component Tokens and Themes Example (to Learn Figma Tokens) (tweet this) · · , , , ,
  71. Comparing Gatsby and Next.js for Website Development (tweet this) · · , , ,
  72. 15 Useful Placeholder Tools for Designers and Developers (tweet this) · · , , ,
  73. Writing Logic in CSS (tweet this) · ·
  74. Let’s Get Inclusive: Designing Products for Everyone (tweet this) · · ,
  75. How Websites Die (tweet this) · · ,
  76. Design System: How to Successfully Collaborate? (tweet this) · · ,
  77. CSS Quick Tip: Animating in a Newly Added Element (tweet this) · · ,
  78. A Complete Guide to CSS Cascade Layers (tweet this) · · , ,
  79. Minimizing Google Fonts by Only Loading It for Certain Characters (tweet this) · · , , , ,
  80. Column Headers and Browser Support (tweet this) · · , ,
  81. You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (tweet this) · ·
  82. There Is No Character Limit for “Alt Text” (tweet this) · · ,
  83. React State Management Libraries in 2022 (tweet this) · · , ,
  84. Using “mask” as “clip-path” (tweet this) · · ,
  85. Structuring Documentation in Multi-Brand Design Systems (tweet this) · · ,
  86. Core Web Vitals: What Next? (tweet this) · · , ,
  87. Comparing Node JavaScript to JavaScript in the Browser (tweet this) · · , , ,
  88. What Makes Writing More Readable? (tweet this) · · ,
  89. Web Developers and Cognitive Biases (tweet this) · · ,
  90. How to Create a Search Page for a Static Website with Vanilla JS (tweet this) · · ,
  91. Flexbox Dynamic Line Separator (tweet this) · ·
  92. What is the Difference Between WCAG Compliance Level A, AA, and AAA? (tweet this) · · , ,
  93. Track Down the JavaScript Code Responsible for Polluting the Global Scope (tweet this) · ·
  94. The State of JavaScript 2021 (tweet this) · · ,
  95. The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” (tweet this) · · ,
  96. An Auto-Filling CSS Grid with Max Columns of a Minimum Size (tweet this) · · ,
  97. 7 Lessons I’ve Learned in the Last Year as a Software Engineer (tweet this) · ·
  98. Version 100 in Chrome and Firefox (tweet this) · · ,
  99. The Basics of package.json (tweet this) · · , , ,
  100. Foundations: Colour and Meaning (tweet this) · · ,
  101. Colors That Make Sense (tweet this) · · , ,
  102. 10 Mental Models Developers Can Use to Get Unstuck (tweet this) · ·
  103. WCAG 2.2 Update (tweet this) · · ,
  104. 7 Killer One-Liners in JavaScript (tweet this) · ·
  105. The Entire Cascade (as a Funnel) (tweet this) · · , ,
  106. Functions and the Future of Design Systems (tweet this) · ·
  107. Why Radio Buttons Are Called Radio Buttons in UIs? (tweet this) · · , ,
  108. Using the Language Attribute to Make Your Website Accessible (tweet this) · · , ,
  109. Multi-Value CSS Properties with Optional Custom Property Values (tweet this) · · ,
  110. Hello, CSS Cascade Layers (tweet this) · · ,
  111. Moving from JavaScript to TypeScript (tweet this) · · ,
  112. How to Keep Your Repo Package Dependencies Up to Date Automatically (tweet this) · · ,
  113. What I Learned Implementing a Design System for an Existing Product (tweet this) · ·
  114. The Difference Between Brotli and gzip Compression Algorithms to Speed Up Your Site (tweet this) · · ,
  115. Only 2% of Sites Meet Accessibility Standards—Let’s Change That (tweet this) · ·
  116. MHTML in Chromium (tweet this) · · ,
  117. How to Make CSS Slanted Containers (tweet this) · ·
  118. How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (tweet this) · · , ,
  119. Everything Publishers Need to Know About URLs (tweet this) · · ,
  120. Building an Adaptive Favicon (tweet this) · · ,
  121. Accessibility Monitoring: How We Test (tweet this) · · , ,
  122. This Is Why Your Node.js Application Is Slow (tweet this) · · ,
  123. Replace JavaScript Dialogs with the New HTML Dialog Element (tweet this) · · ,
  124. New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (tweet this) · ·
  125. Move Over JavaScript: Back-End Languages Are Coming to the Front-End (tweet this) · · ,
  126. Developing a Focus Style for a Themable Design System (tweet this) · · , ,
  127. Debugging JavaScript (tweet this) · · ,
  128. Aspect Ratio Is Great (tweet this) · · ,
  129. Modern, Single-Page Web Design: UX Design Trends and Tips (tweet this) · · , ,
  130. Introducing the Dialog Element (tweet this) · ·
  131. How to Favicon in 2022: Six Files That Fit Most Needs (tweet this) · · ,
  132. Do We Need Screen Reader for Accessibility Testing (tweet this) · · , , ,
  133. CSS Animations Tutorial: Complete Guide for Beginners (tweet this) · · , ,
  134. Creating Generative SVG Grids (tweet this) · · ,
  135. Accessibility Testing Best Practices in CI/CD (tweet this) · · , , ,
  136. UX and User Personas: How to Get it Right (tweet this) · · , ,
  137. How to Use the Accessibility Tree for A11Y Testing (tweet this) · · ,
  138. How to Create a UX-Vision Statement (tweet this) · ·
  139. Are We Live? (tweet this) · · ,
  140. What Web Frameworks Solve: The Vanilla Alternative (tweet this) · · , ,
  141. Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements (tweet this) · · , ,
  142. Foundations: Colour Contrast (tweet this) · · , ,
  143. Design System Versioning: Single Library or Individual Components? (tweet this) · · ,
  144. Why Efficient Hydration in JavaScript Frameworks Is So Challenging (tweet this) · · , ,
  145. The Impact of Motion Animation on Cognitive Disability (tweet this) · · , ,
  146. Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (tweet this) · · , , ,
  147. No Accessibility Without Disabilities (tweet this) · · ,
  148. 8 Key Elements for Creating a Culture of Accessibility (tweet this) · · ,
  149. State of Frontend 2022 (tweet this) · · ,
  150. Settings Are Not a Design Failure (tweet this) · · , ,
  151. Improving JavaScript Bundle Performance with Code-Splitting (tweet this) · · , , , ,
  152. Grow Your Design System from Good to Great (tweet this) · ·
  153. Assistive Technology, Accessible Technology, and the Accessibility Tree (tweet this) · · , , ,
  154. Website Themes and Color Schemes (tweet this) · · , ,
  155. Structuring Your Storybook (tweet this) · ·
  156. “Evergreen” Does Not Mean Immediately Available (tweet this) · ·
  157. CSS—Understanding the Cascade (tweet this) · · , ,
  158. Cascade Layers Are Coming to Your Browser (tweet this) · · , , ,
  159. Career Advice Nobody Gave Me: Never Ignore a Recruiter (tweet this) · ·
  160. Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus (tweet this) · · , ,
  161. 5 Pitfalls of Using Micro Frontends and How to Avoid Them (tweet this) · ·
  162. 24 Lesser-Known HTML Attributes You May Want to Use (tweet this) · ·
  163. Use Cases for CSS “fit-content” (tweet this) · ·
  164. The Focus-Indicated Pseudo-Class “:focus-visible” (tweet this) · ·
  165. Preventing Smooth Scrolling with JavaScript (tweet this) · · ,
  166. Accessibly Insecure (tweet this) · · ,
  167. A More Easy Way to Write “if … or” Checks with Vanilla JavaScript (tweet this) · ·
  168. 4 Questions to Ask Before Using ARIA (tweet this) · · , , ,
  169. Inclusive Design (tweet this) · · ,
  170. Why You Should Use a Developer Font (tweet this) · · , ,
  171. Why Testing After Is a Bad Practice (tweet this) · ·
  172. What Web Frameworks Solve and How to Do Without Them (tweet this) · · , ,
  173. WCAG, But in Language I Can Understand (tweet this) · · ,
  174. Internal Onboarding for Design System Teams (tweet this) · · ,
  175. How Does “!important” Actually Work? (tweet this) · · , ,
  176. Cascade Layers: First Contact (tweet this) · · ,
  177. WebAssembly Feature Detection (tweet this) · · , ,
  178. Top Ten Most Common Web Accessibility Issues (tweet this) · ·
  179. To Create an Excellent Design System, Treat It Like a Collaborative Process (tweet this) · · , ,
  180. There’s No Such Thing as Clean Code (tweet this) · · ,
  181. Naming Design Tokens (tweet this) · · ,
  182. Demystifying TypeScript Discriminated Unions (tweet this) · ·
  183. Cherry Picking Commits in Git (tweet this) · · ,
  184. Caching Header Best Practices (tweet this) · · , ,
  185. A Pipe Operator for JavaScript: Introduction and Use Cases (tweet this) · ·
  186. What’s New in DevTools? (tweet this) · ·
  187. The Return of Server Side Routing (tweet this) · ·
  188. The Double-Assignment Pattern in jQuery’s Source Code (tweet this) · · ,
  189. The Baseline for Web Development in 2022 (tweet this) · ·
  190. Overview of Accessibility Testing Using DevTools (tweet this) · · , ,
  191. How to Convert Markdown to HTML (tweet this) · · , ,
  192. Fancy CSS Borders Using Masks (tweet this) · · ,
  193. Design System: How to Efficiently Scale Development? (tweet this) · · , ,
  194. Here’s What I Didn’t Know About “:where()” (tweet this) · · ,
  195. Why Don’t Developers Take Accessibility Seriously? (tweet this) · ·
  196. The Risks and Rewards of App Modernization (tweet this) · · , ,
  197. Monorepo Explained (tweet this) · · , ,
  198. Foundations: Text Descriptions (tweet this) · · ,
  199. Best Practices for Creating Your UX Design Portfolio (tweet this) · · , , ,
  200. An Introduction to CSS Cascade Layers (tweet this) · · ,