Frontend Dogma

News and Tools for Frontend Development (4)

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

  1. Shell Scripting with Node.js (toot or tweet) · · , ,
  2. The Web Is Good Now (toot or tweet) · · ,
  3. Type-Level TypeScript (toot or tweet) · · ,
  4. Why Designers Quit (toot or tweet) · · ,
  5. 5 Ways to Use Data Visualization in Your Content to Increase Traffic (toot or tweet) · · , ,
  6. Building a Retro Draggable Web Component with Lit (toot or tweet) · · ,
  7. Design 4.0: Leading Design in the New Industry (toot or tweet) · ·
  8. How Rapid Usability Testing Is Changing UX Research (toot or tweet) · · , , ,
  9. How to Get the Current Timestamp in JavaScript (toot or tweet) · ·
  10. Rethinking a Design System (toot or tweet) · ·
  11. Stop Using .env Files Now (toot or tweet) · · ,
  12. Web Sustainability and the Ethical Dilemma (toot or tweet) · · , ,
  13. Accidental Dismissal of Overlays: A Common Mobile Usability Problem (toot or tweet) · · ,
  14. Debunking Myths About HTTPS (toot or tweet) · · ,
  15. The Git Commands I Use Every Day (toot or tweet) · · ,
  16. Accessibility Is for Every One (toot or tweet) · ·
  17. Brief Note on Super- and Subscript Text (toot or tweet) · · , , ,
  18. How to (Not) Make a Button (toot or tweet) · · , , ,
  19. When Design Systems Lie (toot or tweet) · · ,
  20. 7 Must Know JavaScript Tips and Tricks (toot or tweet) · · , ,
  21. Accessibility in Times of Headless (toot or tweet) · · , ,
  22. Buttons and the Baader–Meinhof Phenomenon (toot or tweet) · · ,
  23. Design Tokens 101 (toot or tweet) · ·
  24. Five Things You Can Do to Be More Inclusive (toot or tweet) · · ,
  25. How to Substantially Slow Down Your Node.js Server (toot or tweet) · · ,
  26. I Never Thought This Would Be Possible with CSS (toot or tweet) · · , ,
  27. Let’s Get Logical (toot or tweet) · · ,
  28. The Rise of the TikTok Pattern (toot or tweet) · · ,
  29. Total Blocking Time: A Short and Sweet Guide for Happier Users (toot or tweet) · · ,
  30. Why Are Vanity Metrics Still Problematic? (toot or tweet) · ·
  31. Why the Number Input Is the Worst Input (toot or tweet) · · , , ,
  32. 3 Problems Scrum Doesn’t Solve (toot or tweet) · · , ,
  33. A Guide to Rounding Numbers in JavaScript (toot or tweet) · · ,
  34. Container Queries in Browsers! (toot or tweet) · · , ,
  35. JavaScript APIs You Don’t Know About (toot or tweet) · · ,
  36. On Better Browsers: Arbitrary Media Queries and Browser UIs (toot or tweet) · · , ,
  37. Quick Tip: Embedding YouTube Videos in GitHub Pages (toot or tweet) · · , , ,
  38. Secure Your Node.js App with JSON Web Tokens (toot or tweet) · · , ,
  39. The State of Digital Accessibility: Three Key Challenges (toot or tweet) · · , ,
  40. W3C TAG Ethical Web Principles (toot or tweet) · · , ,
  41. When Is It OK to Disable Text Selection? (toot or tweet) · · , ,
  42. Better Accessible Names (toot or tweet) · · ,
  43. Conditionally Spreading Objects in JavaScript (toot or tweet) · · ,
  44. Detecting CSS Selector Support (toot or tweet) · · , , ,
  45. Disability Is Not a Dirty Word (toot or tweet) · · ,
  46. First Batch of Color Fonts Arrives on Google Fonts (toot or tweet) · · , ,
  47. Intrinsic CSS with Container Queries and Units (toot or tweet) · · , , ,
  48. Making Sense of WAI-ARIA: A Comprehensive Guide (toot or tweet) · · , , ,
  49. Node.js Native Binary Compilation Using Vercel pkg (toot or tweet) · ·
  50. PureComponents vs. Functional Components with Hooks (toot or tweet) · · , ,
  51. The Basics of Remix (toot or tweet) · · ,
  52. The Power of CSS Blend Modes (toot or tweet) · · ,
  53. What is Data Engineering? (toot or tweet) · ·
  54. Wtf Is an Island and Why Is It in My Website? (toot or tweet) · · , , ,
  55. 0 of the Global Top 100 Websites Use Valid HTML (in 2022) (toot or tweet) · · , , ,
  56. Best Practices for Creating a Modern npm Package (toot or tweet) · · ,
  57. Justin Yarbrough Talks About Alt Text (toot or tweet) · · , ,
  58. My Five Biggest Design System Mistakes (toot or tweet) · ·
  59. Nuclear Footnotes (toot or tweet) · · ,
  60. The “details” and “summary” Elements, Again (toot or tweet) · · ,
  61. The Seventh Way to Call a JavaScript Function Without Parentheses (toot or tweet) · ·
  62. When Life Gives You Lemons, Write Better Error Messages (toot or tweet) · · ,
  63. Which Fonts to Use for Your Charts and Tables (toot or tweet) · · , ,
  64. Antipersonas: What, How, Who, and Why? (toot or tweet) · · ,
  65. Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard (toot or tweet) · ·
  66. Your Next.js Bundle Will Thank You (toot or tweet) · · , ,
  67. Converting PNG Images to WebP Using PHP (toot or tweet) · · , , , ,
  68. Make It Short—Make It Better (toot or tweet) · · ,
  69. A Guide to Choosing the Right React State Management Solution (toot or tweet) · · , ,
  70. Button Minimum Width (toot or tweet) · · ,
  71. CSS “line-height” (toot or tweet) · · ,
  72. How I Made a Pure CSS Puzzle Game (toot or tweet) · ·
  73. How to Monitor a Next.js Application (toot or tweet) · · ,
  74. Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (toot or tweet) · · , ,
  75. 12 Modern UI Components to Inspire Your Future Designs (toot or tweet) · · ,
  76. A Quick Primer on Testing JavaScript (toot or tweet) · · ,
  77. Lightning CSS (toot or tweet) · · , ,
  78. Me and React: 5 Years in 15 Minutes (toot or tweet) · ·
  79. Text Is the Universal Interface (toot or tweet) · ·
  80. Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (toot or tweet) · · , ,
  81. What’s New with Forms in 2022? (toot or tweet) · · , ,
  82. An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (toot or tweet) · · , , ,
  83. Are Modals in Web Design a UX Disaster? (toot or tweet) · · , ,
  84. Building the Main Navigation for a Website (toot or tweet) · · , ,
  85. Dependabot Unlocks Transitive Dependencies for npm Projects (toot or tweet) · · , ,
  86. Detect When Users Switch Tabs Using JavaScript (toot or tweet) · ·
  87. How Your Favourite UI Libraries Manage Their Icons (toot or tweet) · · , ,
  88. Rewriting Tests from Cypress to Playwright Using GPT3 (toot or tweet) · · , , , ,
  89. WCAG 2.2 Hits Candidate Recommendation—But What Does It Mean? (toot or tweet) · · ,
  90. A Whole Cascade of Layers (toot or tweet) · · ,
  91. An Attempt at Outlining the Many Factors Influencing Developer Experience (toot or tweet) · ·
  92. Critical CSS? Not So Fast! (toot or tweet) · · ,
  93. Hacking CSS Animation State and Playback Time (toot or tweet) · · ,
  94. How to Improve Largest Contentful Paint for Faster Load Times (toot or tweet) · · , ,
  95. Introducing Signals (toot or tweet) · · ,
  96. Rewrite Your Git History in 4 Friendly Commands (toot or tweet) · · ,
  97. So Your Designer Wants Stuff to Overlap (toot or tweet) · · ,
  98. The Realities and Myths of Contrast and Color (toot or tweet) · · , ,
  99. W3C Accessibility Maturity Model (toot or tweet) · · ,
  100. 5 Reasons to Invest in User Experience (toot or tweet) · ·
  101. A/B Testing in 7 Steps to Quickly Improve Your Conversions (toot or tweet) · · , ,
  102. Dreamy Blur (toot or tweet) · · , ,
  103. HTML Markup Tips for Developing Accessible Websites (toot or tweet) · · , ,
  104. Top 5 Technology Trends in UX Design (toot or tweet) · · , ,
  105. Understanding Regulatory Compliance and Making It Work on Your Web Site (toot or tweet) · · ,
  106. A Beginner’s Guide to Design Tokens (toot or tweet) · · ,
  107. A Content Warning Component (toot or tweet) · · , ,
  108. Infinite Scrolling: When to Use It, When to Avoid It (toot or tweet) · · , ,
  109. Prestige Is the Designer’s Achilles’ Heel (toot or tweet) · ·
  110. Dear Oracle, Please Release the JavaScript Trademark (toot or tweet) · · ,
  111. Disabled JavaScript Turns Off Native Lazy Loading (toot or tweet) · · , ,
  112. Git Cheatsheet (toot or tweet) · · , ,
  113. Big O Notation Basics Made Dead Simple (toot or tweet) · ·
  114. Focus Appearance Explained (toot or tweet) · · , ,
  115. Is It “:modal”? (toot or tweet) · · ,
  116. The Accessibility and Usability Journey of Drupal’s Primary Navigation (toot or tweet) · · , ,
  117. Accessible Lists and Tables (toot or tweet) · · , ,
  118. Comparing JAWS, NVDA, and VoiceOver (toot or tweet) · · , , ,
  119. Default Exports in JavaScript Modules Are Terrible (toot or tweet) · ·
  120. DevTools Tips: How to Inspect and Debug CSS Flexbox (toot or tweet) · · , ,
  121. Don’t Overwrite Visual Labels with “aria-label” (toot or tweet) · · , ,
  122. How I Maintain OSS Projects (toot or tweet) · · ,
  123. Is Design Thinking Overhyped? (toot or tweet) · ·
  124. Useful JavaScript Data Grid Libraries (toot or tweet) · · , , ,
  125. 4 Ways to Minimize Your Dependencies in Node.js (toot or tweet) · · , ,
  126. Neutrality Isn’t an Option When It Comes to Accessibility (toot or tweet) · ·
  127. Small Steps: Celebrating Four Accessibility Wins (toot or tweet) · · ,
  128. An Argument Against CSS Opacity (toot or tweet) · · , ,
  129. CSS Container Queries Are Finally Here (toot or tweet) · · ,
  130. Cypress Testing: A Guide to Running Web Application Tests (toot or tweet) · · , ,
  131. Interpolating Numeric CSS Variables (toot or tweet) · · ,
  132. JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically (toot or tweet) · · , , , , ,
  133. Things Not Available When Someone Blocks All Cookies (toot or tweet) · ·
  134. Understanding “useMemo” and “useCallback” (toot or tweet) · · ,
  135. Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility (toot or tweet) · · ,
  136. Monitor Events and Function Calls Via Console (toot or tweet) · · ,
  137. Parents Counting Children in CSS (toot or tweet) · · ,
  138. Should I Use a Button or a Link? (toot or tweet) · · ,
  139. What Makes A Great Toggle Button? II (toot or tweet) · · ,
  140. An Ideal REST API—Best Practices (toot or tweet) · · ,
  141. The Three Laws of Utility Classes (toot or tweet) · · ,
  142. Be Good-Argument-Driven, Not Data-Driven (toot or tweet) · · ,
  143. Making a Twitter Bot in the Year 2022 with Node.js (toot or tweet) · · ,
  144. Modern Alternatives to BEM (toot or tweet) · · , , , ,
  145. On Design System Support (toot or tweet) · ·
  146. Using Grid Named Areas to Visualize (and Reference) Your Layout (toot or tweet) · · ,
  147. What Is Closed Captioning? (toot or tweet) · · , ,
  148. 20 Principles I Learned from 10 Years of Developing Software (toot or tweet) · ·
  149. Complex Conditional Width Using “flex-basis” with “clamp” (toot or tweet) · ·
  150. CSS Classes Considered Harmful (toot or tweet) · · ,
  151. Designing Better Error Messages UX (toot or tweet) · · , , ,
  152. Implementing Promisable “setTimeout” (toot or tweet) · ·
  153. Installing and Running Node.js Bin Scripts (toot or tweet) · · ,
  154. Short Note on “figure” and “figcaption” (toot or tweet) · · ,
  155. Why Your Website Should Be Under 14 kB in Size (toot or tweet) · · ,
  156. Accessibility and Supporting Internet Explorer (toot or tweet) · · , , ,
  157. Creative List Styling (toot or tweet) · · ,
  158. Measure What You Impact, Not What You Influence (toot or tweet) · · , ,
  159. The Design Principle Paradox (toot or tweet) · · ,
  160. TIL: You Can Access a User’s Camera with Just HTML (toot or tweet) · · ,
  161. What Customer-First Web Design Looks Like (toot or tweet) · ·
  162. What Is a REST API? (toot or tweet) · · ,
  163. Why Every University Needs an Accessible Standard Website Template (toot or tweet) · · , ,
  164. 8 Tricks for SVG Optimization (toot or tweet) · · , ,
  165. A Handy Use for Cascade Layers (toot or tweet) · · ,
  166. Does Accessibility Stifle the Creative Process? (toot or tweet) · · ,
  167. Exploring the Underrated “output” Element (toot or tweet) · ·
  168. How to Use localStorage in JavaScript: An Easy Guide (toot or tweet) · · , ,
  169. Scaling SCM Front-End Design with a Design System (toot or tweet) · · ,
  170. What’s the Value of a Design System? (toot or tweet) · · ,
  171. Advanced TypeScript Patterns: API Contracts (toot or tweet) · · ,
  172. Bring Focus to the First Form Field with an Error (toot or tweet) · · ,
  173. Class-Less CSS Frameworks (toot or tweet) · · , , ,
  174. Conducting an Effective Web-Site UX Audit (toot or tweet) · · ,
  175. CSS Grid and Custom Shapes II (toot or tweet) · · ,
  176. Design Systems: Prototyping on Steroids (toot or tweet) · · ,
  177. Mac VoiceOver Testing the Simple Way (toot or tweet) · · , ,
  178. Meet the Top Layer: A Solution to “z-index:10000” (toot or tweet) · ·
  179. Prepare for WCAG 2.2 and Beyond (toot or tweet) · · , , ,
  180. What Makes a Great Toggle Button? (toot or tweet) · · ,
  181. Why User Personas Matter in UX Design (toot or tweet) · · , , ,
  182. A Guide to Using User-Experience Research Methods (toot or tweet) · · , ,
  183. A Simple “clamp()” Function in PHP (toot or tweet) · ·
  184. You’re Not Using HTTP Status Codes Right (toot or tweet) · · ,
  185. React Query vs. SWR (toot or tweet) · · , , ,
  186. Scaling a System (toot or tweet) · · ,
  187. An Introduction to Context Propagation in JavaScript (toot or tweet) · · ,
  188. Inclusion Beats Optimization (toot or tweet) · · , ,
  189. Use the Right Container Query Syntax (toot or tweet) · · ,
  190. Using “:has()” as a CSS Parent Selector and Much More (toot or tweet) · · ,
  191. When Do You Use CSS Columns? (toot or tweet) · · ,
  192. Better Conditionals in CSS Media Queries with Range Syntax (toot or tweet) · · ,
  193. Can Browsers Optimize the Loading of Third-Party Resources? (toot or tweet) · · , ,
  194. Dependency Injection in JS/TS (toot or tweet) · · ,
  195. How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (toot or tweet) · · ,
  196. Outline Is Your Friend (toot or tweet) · · ,
  197. React Re-Renders Guide: Preventing Unnecessary Re-Renders (toot or tweet) · · , ,
  198. Color and Contrast (toot or tweet) · · , , ,
  199. Designing a Better Back Button UX (toot or tweet) · · , ,
  200. Introduction to Screen Readers (Desktop Edition) (toot or tweet) · · , , , ,
  201. Why React Re-Renders (toot or tweet) · · ,
  202. Building Accessible Select Components in React (toot or tweet) · · , , ,
  203. Check Heading Accessibility Using the WAVE Tool (toot or tweet) · · , , , ,
  204. CSS Grid and Custom Shapes (toot or tweet) · · ,
  205. Table Column Alignment with Variable Transforms (toot or tweet) · · , ,
  206. Top 9 Ways to Become a Successful Self-Taught Developer (toot or tweet) · · ,
  207. Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (toot or tweet) · · , ,
  208. What Was That Media Query Code Again? (toot or tweet) · · , ,
  209. 5 Modern CLI Tools That Help Boost Your Productivity (toot or tweet) · · ,
  210. An Introduction to Constraint Based Design Systems (toot or tweet) · · ,
  211. Automation and Accessibility—What You Need to Know (toot or tweet) · · , ,
  212. Creative CSS Layout (toot or tweet) · · , ,
  213. Custom Event Naming Conventions (toot or tweet) · · ,
  214. If You’re Not Checking, You’re Guessing (toot or tweet) · · ,
  215. On Ratings and Meters (toot or tweet) · · , ,
  216. (Re-)Introducing Gatsby, a Reactive Site Generator (toot or tweet) · · , , ,
  217. The Console API (toot or tweet) · · ,
  218. Do You Know About “overflow: clip”? (toot or tweet) · ·
  219. How and Why We Removed jQuery from GOV.UK (toot or tweet) · · , ,
  220. Modern CSS Selectors (toot or tweet) · · ,
  221. Results of Quick Testing of Documentation Tools’ Accessibility (toot or tweet) · · , ,
  222. TypeScript: It’s Not Actually Validating Your Types (toot or tweet) · · ,
  223. TypeScript vs. JavaScript: Which One You Should Use, and Why (toot or tweet) · · , ,
  224. Designing for Long-Form Articles (toot or tweet) · · ,
  225. Here, Here, and Here (toot or tweet) · ·
  226. Accessibility Is Writing (toot or tweet) · · ,
  227. Code Golfing Tips and Tricks: How to Minify Your JavaScript Code (toot or tweet) · · , , ,
  228. Core Web Vitals Tools to Boost Your Web Performance Scores (toot or tweet) · · , ,
  229. Defining “Integration” Tests (toot or tweet) · ·
  230. How to Research Components and Patterns: Common Challenges and How to Overcome Them (toot or tweet) · · ,
  231. SEO Links Obfuscation and Accessibility Problems (toot or tweet) · · , , ,
  232. The Death of Mozilla is the Death of the Open Web (toot or tweet) · · ,
  233. Dark Mode with Design Tokens (toot or tweet) · · ,
  234. The JavaScript Paradox (toot or tweet) · ·
  235. Zooming Images in a Grid Layout (toot or tweet) · · ,
  236. 5 Good Practices to Scale Your React Projects Easily (toot or tweet) · · , ,
  237. Bringing Perspective to CSS (toot or tweet) · ·
  238. Capturing Images and Videos from the Camera of Mobile Devices Using HTML (toot or tweet) · · ,
  239. No Demo [Website] Reno (toot or tweet) · · ,
  240. The Infinite Marquee (toot or tweet) · · , ,
  241. How I Added Scroll Snapping to My Twitter Timeline (toot or tweet) · · , ,
  242. How to Use Multithreading in Node.js (toot or tweet) · · ,
  243. Polyhierarchy in Information Architecture (toot or tweet) · · ,
  244. 5 Heading Accessibility Issues and How to Fix Them (toot or tweet) · · ,
  245. AI-Generated Images from AI-Generated Alt Text (toot or tweet) · · , ,
  246. Light/Dark Mode (toot or tweet) · · , , ,
  247. Not All Zeros Are Equal (toot or tweet) · ·
  248. One-Dimensional Website Optimization Considered Harmful (toot or tweet) · · ,
  249. What Are Best Practices for Creating Alt Text? (toot or tweet) · · , ,
  250. “:has()”: The Family Selector (toot or tweet) · · ,