Frontend Dogma

“2022” Archive (4)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. Dependabot Unlocks Transitive Dependencies for npm Projects (via) · · , ,
  2. Are Modals in Web Design a UX Disaster? (via) · · , , ,
  3. WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (by/via) · · ,
  4. Rewriting Tests From Cypress to Playwright Using GPT3 (by/via) · · , , , , ,
  5. How Your Favourite UI Libraries Manage Their Icons (by/via) · · , , ,
  6. Detect When Users Switch Tabs Using JavaScript (by) · ·
  7. Building the Main Navigation for a Website (by/via) · · , ,
  8. An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (by) · · , , , , , ,
  9. So Your Designer Wants Stuff to Overlap (by) · · ,
  10. W3C Accessibility Maturity Model (by+/via) · · ,
  11. How to Improve Largest Contentful Paint for Faster Load Times (by/via) · · , , ,
  12. Introducing Signals (via) · · , , ,
  13. The Realities and Myths of Contrast and Color (via) · · , , ,
  14. Rewrite Your Git History in 4 Friendly Commands (by) · · ,
  15. How to Build Event-Driven Architecture on AWS? (by/via) · · , , ,
  16. Hacking CSS Animation State and Playback Time (by/via) · · ,
  17. Critical CSS? Not So Fast! (by) · · ,
  18. An Attempt at Outlining the Many Factors Influencing Developer Experience (by) · ·
  19. A Whole Cascade of Layers (by) · · ,
  20. Getting Started With MathML (via) · · ,
  21. Top 5 Technology Trends in UX Design (via) · · , ,
  22. Understanding Regulatory Compliance and Making It Work on Your Web Site (by/via) · · ,
  23. 5 Reasons to Invest in User Experience (via) · ·
  24. A/B Testing in 7 Steps to Quickly Improve Your Conversions (by/via) · · , ,
  25. The Art of Writing Secrets: Encryption for JavaScript Developers (by/via) · · ,
  26. HTML Markup Tips for Developing Accessible Websites (by/via) · · , ,
  27. Dreamy Blur (by) · · , ,
  28. A Content Warning Component (by) · · , ,
  29. Prestige Is the Designer’s Achilles’ Heel (via) · ·
  30. A Beginner’s Guide to Design Tokens (by/via) · · ,
  31. Infinite Scrolling: When to Use It, When to Avoid It (by/via) · · , ,
  32. Dear Oracle, Please Release the JavaScript Trademark (by) · · , ,
  33. Git Cheatsheet · · , ,
  34. Disabled JavaScript Turns Off Native Lazy Loading (by) · · , , ,
  35. What Is a Webmention and How Do I Use It in WordPress? (by/via) · · ,
  36. The Accessibility and Usability Journey of Drupal’s Primary Navigation (by/via) · · , ,
  37. Is It “:modal”? (by/via) · · , ,
  38. Focus Appearance Explained (by) · · , , ,
  39. Big O Notation Basics Made Dead Simple (by) · · ,
  40. How Is This Possible With CSS Only?! (by) · · , , , ,
  41. Accessible Lists and Tables (via) · · , ,
  42. Comparing JAWS, NVDA, and VoiceOver (via) · · , , , , , , ,
  43. DevTools Tips: How to Inspect and Debug CSS Flexbox (via) · · , , , , , , ,
  44. Don’t Overwrite Visual Labels With “aria-label” (by) · · , , ,
  45. Is Design Thinking Overhyped? (via) · ·
  46. Useful JavaScript Data Grid Libraries (by/via) · · , , , ,
  47. How I Maintain OSS Projects (by) · · ,
  48. Default Exports in JavaScript Modules Are Terrible (by) · ·
  49. Small Steps: Celebrating Four Accessibility Wins (by/via) · · ,
  50. Neutrality Isn’t an Option When It Comes to Accessibility (by) · ·
  51. 4 Ways to Minimize Your Dependencies in Node.js (by/via) · · , ,
  52. An Argument Against CSS Opacity (via) · · , , ,
  53. Understanding “useMemo” and “useCallback” (by) · · ,
  54. Things Not Available When Someone Blocks All Cookies (by) · ·
  55. JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically (by/via) · · , , , , , ,
  56. Interpolating Numeric CSS Variables (by/via) · · ,
  57. Cypress Testing: A Guide to Running Web Application Tests (via) · · , ,
  58. CSS Container Queries Are Finally Here (by) · · ,
  59. What Makes A Great Toggle Button? II (via) · · , ,
  60. Should I Use a Button or a Link? (by) · · , , ,
  61. Parents Counting Children in CSS (by) · · ,
  62. Monitor Events and Function Calls via Console (by) · · , ,
  63. Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility (via) · · ,
  64. The Three Laws of Utility Classes (by) · · ,
  65. An Ideal REST API—Best Practices (by) · · ,
  66. Making a Twitter Bot in the Year 2022 With Node.js (by) · · ,
  67. Using Grid Named Areas to Visualize (and Reference) Your Layout (by/via) · · , , ,
  68. On Design System Support (by) · ·
  69. What Is Closed Captioning? (by/via) · · , ,
  70. Modern Alternatives to BEM (by) · · , , , ,
  71. Be Good-Argument-Driven, Not Data-Driven (by) · · ,
  72. Complex Conditional Width Using “flex-basis” With “clamp” (by/via) · · ,
  73. Why Your Website Should Be Under 14 kB in Size · · ,
  74. Short Note on “figure” and “figcaption” (by) · · ,
  75. Installing and Running Node.js Bin Scripts (by) · · , ,
  76. Implementing Promisable “setTimeout” (by) · ·
  77. Designing Better Error Messages UX (by/via) · · , , ,
  78. CSS Classes Considered Harmful (by) · · ,
  79. 20 Principles I Learned From 10 Years of Developing Software (by) · ·
  80. What Is a REST API? (by/via) · · ,
  81. What Customer-First Web Design Looks Like (via) · · ,
  82. Accessibility and Supporting Internet Explorer (by/via) · · , , , ,
  83. The Design Principle Paradox (by/via) · · ,
  84. TIL: You Can Access a User’s Camera With Just HTML (by) · · ,
  85. Why Every University Needs an Accessible Standard Website Template (via) · · , ,
  86. Measure What You Impact, Not What You Influence (by) · · , ,
  87. Creative List Styling (by/via) · · ,
  88. 8 Tricks for SVG Optimization (by/via) · · , , ,
  89. What’s the Value of a Design System? (by+/via) · · ,
  90. Scaling SCM Front-End Design With a Design System (by+/via) · · ,
  91. How to Use localStorage in JavaScript: An Easy Guide (by/via) · · , , ,
  92. Exploring the Underrated “output” Element (by) · ·
  93. Does Accessibility Stifle the Creative Process? (via) · · , ,
  94. A Handy Use for Cascade Layers (by/via) · · ,
  95. Conducting an Effective Web-Site UX Audit (via) · · ,
  96. Why User Personas Matter in UX Design (by/via) · · , , ,
  97. Mac VoiceOver Testing the Simple Way (by/via) · · , , , , ,
  98. CSS Grid and Custom Shapes II (by/via) · · , ,
  99. Design Systems: Prototyping on Steroids (by/via) · · ,
  100. What Makes a Great Toggle Button? (via) · · , ,
  101. Prepare for WCAG 2.2 and Beyond (by/via) · · , , ,
  102. Meet the Top Layer: A Solution to “z-index:10000” (by/via) · ·
  103. Learn 5 Optimization Tips for Webpack Step by Step (via) · · , ,
  104. Class-Less CSS Frameworks (by) · · , , ,
  105. Bring Focus to the First Form Field With an Error (by) · · , ,
  106. Advanced TypeScript Patterns: API Contracts · · ,
  107. You’re Not Using HTTP Status Codes Right (by) · · ,
  108. A Simple “clamp()” Function in PHP (by) · · ,
  109. A Guide to Using User-Experience Research Methods (by/via) · · , ,
  110. Re-Implementing JavaScript’s “==” in JavaScript (by) · · ,
  111. Scaling a System (by) · · ,
  112. React Query vs. SWR (by) · · , , ,
  113. When Do You Use CSS Columns? (by/via) · · ,
  114. Using “:has()” as a CSS Parent Selector and Much More (by/via) · · ,
  115. Use the Right Container Query Syntax (by/via) · · ,
  116. Optimize Data Fetching (by) · · ,
  117. Inclusion Beats Optimization (by) · · , ,
  118. An Introduction to Context Propagation in JavaScript (by/via) · · ,
  119. How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (by/via) · · ,
  120. Can Browsers Optimize the Loading of Third-Party Resources? (by/via) · · , ,
  121. Better Conditionals in CSS Media Queries With Range Syntax (by) · · , ,
  122. React Re-Renders Guide: Preventing Unnecessary Re-Renders (by) · · , ,
  123. Outline Is Your Friend (by) · · ,
  124. Dependency Injection in JS/TS (via) · · ,
  125. Introduction to Screen Readers (Desktop Edition) (by+/via) · · , , , , ,
  126. Why React Re-Renders (by) · · ,
  127. Designing a Better Back Button UX (by/via) · · , ,
  128. Color and Contrast (by) · · , , ,
  129. Table Column Alignment With Variable Transforms (by) · · , , ,
  130. Check Heading Accessibility Using the WAVE Tool (via) · · , , , , ,
  131. CSS Grid and Custom Shapes (by/via) · · , ,
  132. Building Accessible Select Components in React (by/via) · · , , ,
  133. What Are Design Tokens? (via) · ·
  134. Top 9 Ways to Become a Successful Self-Taught Developer (by) · · ,
  135. Accessible User Experience and A/B Testing · · , , ,
  136. Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by) · · , ,
  137. What Was That Media Query Code Again? (by) · · , ,
  138. 5 Modern CLI Tools That Help Boost Your Productivity (by) · · ,
  139. Websites: Past and Present (by/via) · · , ,
  140. The Console API (by) · · , ,
  141. (Re-)Introducing Gatsby, a Reactive Site Generator (by/via) · · , , , , ,
  142. On Ratings and Meters (by) · · , ,
  143. If You’re Not Checking, You’re Guessing (by/via) · · ,
  144. Custom Event Naming Conventions (by) · · , ,
  145. Creative CSS Layout (by/via) · · , , ,
  146. Automation and Accessibility—What You Need to Know (by) · · , ,
  147. An Introduction to Constraint Based Design Systems (by) · · ,
  148. Modern CSS Selectors (by/via) · · ,
  149. TypeScript vs. JavaScript: Which One You Should Use, and Why (by/via) · · , ,
  150. TypeScript: It’s Not Actually Validating Your Types · · ,
  151. Results of Quick Testing of Documentation Tools’ Accessibility (by) · · , ,
  152. How and Why We Removed jQuery From GOV.UK (via) · · , ,
  153. Do You Know About “overflow: clip”? (by) · ·
  154. Here, Here, and Here (by) · ·
  155. Designing for Long-Form Articles (by/via) · · ,
  156. The Death of Mozilla Is the Death of the Open Web (by) · · ,
  157. SEO Links Obfuscation and Accessibility Problems (by) · · , , ,
  158. How to Research Components and Patterns: Common Challenges and How to Overcome Them (by/via) · · , ,
  159. Defining “Integration” Tests (by) · ·
  160. Core Web Vitals Tools to Boost Your Web Performance Scores (by/via) · · , ,
  161. Code Golfing Tips and Tricks: How to Minify Your JavaScript Code (by/via) · · , , ,
  162. Brief Note on Calendar Tables (by) · · , ,
  163. Accessibility Is Writing (by) · · ,
  164. Zooming Images in a Grid Layout (by/via) · · , ,
  165. Dark Mode With Design Tokens (by/via) · · ,
  166. The JavaScript Paradox (by/via) · ·
  167. No Demo [Website] Reno (by) · · ,
  168. Capturing Images and Videos From the Camera of Mobile Devices Using HTML (by) · · , ,
  169. Bringing Perspective to CSS (by) · ·
  170. 5 Good Practices to Scale Your React Projects Easily (by) · · , ,
  171. The Infinite Marquee (by) · · , ,
  172. How I Added Scroll Snapping to My Twitter Timeline (by/via) · · , ,
  173. Polyhierarchy in Information Architecture (by/via) · · ,
  174. How to Use Multithreading in Node.js (by/via) · · , ,
  175. 5 Heading Accessibility Issues and How to Fix Them (via) · · , ,
  176. What Are Best Practices for Creating Alt Text? (via) · · , , ,
  177. One-Dimensional Website Optimization Considered Harmful (by) · · ,
  178. Not All Zeros Are Equal (by/via) · ·
  179. Light/Dark Mode (by) · · , , ,
  180. AI-Generated Images From AI-Generated Alt Text (by) · · , , , ,
  181. Introducing the New npm Dependency Selector Syntax (via) · · ,
  182. Migration From jQuery to Next.js: A Guide (by/via) · · , , ,
  183. One Year of Coding—Recommendations for Beginners From a Beginner (by/via) · · , ,
  184. “:has()”: The Family Selector (by/via) · · ,
  185. Finer Grained Control Over CSS Transforms With Individual Transform Properties (by+/via) · ·
  186. Popular Node.js Patterns and Tools to Re-Consider (by/via) · · ,
  187. Making a Website Under 1 kB (by) · · , ,
  188. Introduction to SolidJS (by/via) · · ,
  189. A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran) (by) · · , ,
  190. IE: RIP or BRB? (by/via) · · , , , ,
  191. Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (by/via) · · , ,
  192. Ruby Styling (by/via) · · , ,
  193. Fluid Sizing Instead of Multiple Media Queries? (via) · · ,
  194. CSS Border Animations (by/via) · · , ,
  195. The Importance of Clean Code in Your Startup’s Success (by) · ·
  196. Fitts’s Law and Its Applications in UX (by/via) · · ,
  197. An Introduction to Webmention · · ,
  198. Firefox (and Other Browsers), Forgotten? (by) · · , , ,
  199. How to Add a Subtle Gradient on Top of an Image Using CSS (by) · · , ,
  200. Checking if a JavaScript Native Function Is Monkey Patched (by) · · ,
  201. The Horizontal Overflow Problem (by) · ·
  202. Which Generator Builds Markdown the Fastest? (by) · · , , ,
  203. Use the Active Voice to Transform Your Design System Documentation (by) · · , ,
  204. 10+ Things I Always Set Up in Git When I Prepare a New Environment (by) · · , ,
  205. The Advanced Guide to the CSS “:has()” Selector (via) · · , ,
  206. Testable Frontend: The Good, the Bad, and the Flaky (by/via) · ·
  207. When Will Scrum Die? (by/via) · · , , ,
  208. Underengineer Your Websites (by/via) · · , ,
  209. Recreating MDN’s Truncated Text Effect (by/via) · · ,
  210. Quick Tip: Negative Animation Delay (by/via) · · , ,
  211. Detecting CSS Selector Support With JavaScript (by) · · , , ,
  212. Adding Observability to Your Jest Tests (via) · · , , ,
  213. 8 Simple Steps to Complete a Technical SEO Audit (via) · · ,
  214. 500 ms to 1.7 ms in React: A Journey and a Checklist (by) · · ,
  215. Release Notes for Safari Technology Preview 150 (by/via) · · , , ,
  216. 3 Simple Ways to Center an Element Using CSS (by/via) · · , ,
  217. CSS Minimal Dark Mode Toggle Button (by) · · , , ,
  218. You Don’t Need Microservices (by/via) · ·
  219. Why I’m Learning TypeScript · ·
  220. Design Systems for Humans (by) · · ,
  221. Adventures in Text Rendering: Kerning and Glyph Atlases (via) · · ,
  222. Abbreviations Suck (by) · · ,
  223. Introducing Even More Security Enhancements to npm (by+/via) · · , ,
  224. #ADA32: The ADA Has Applied to Digital for Decades (by) · · ,
  225. Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (by/via) · · , ,
  226. Speaking Up and Speaking Out: Tactical Communication in Accessibility (by/via) · · ,
  227. UX Principles That Include Cognitive Accessibility (by) · · , ,
  228. The 10 Affirmations of Good Digital Accessibility (via) · ·
  229. Maintenance Matters (via) · · , , , , ,
  230. Django Tips and Tricks (via) · · ,
  231. A Good Reset (by) · · ,
  232. 5 Best UX Careers to Pursue in 2022 (via) · · ,
  233. Typography in Web Design (via) · · ,
  234. Fix Web Performance for the Long-Term (by/via) · · , ,
  235. Your Code Doesn’t Have to Be a Mess · ·
  236. Solving the “Dangler” Conundrum With Container Queries and “:has()” (by) · · ,
  237. Priority Hints—What Your Browser Doesn’t Know (Yet) (by/via) · · ,
  238. Everything You Need to Know About JavaScript Import Maps (by/via) · ·
  239. “<article>” vs. “<section>”: How to Choose the Right One (by/via) · · , ,
  240. Mobile UX: Study Guide (by/via) · · , , , ,
  241. Clean Architecture: Applying With React · · ,
  242. Ancient Web Browsers · · , ,
  243. The History of JavaScript (by) · · ,
  244. What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals (via) · · , ,
  245. Type Annotations in JavaScript (by/via) · · , ,
  246. Understanding CSS “:has()” (by/via) · · , ,
  247. Say No to Tailwind, Embrace Plain CSS (by) · · , ,
  248. Intro to Serverless Functions (by/via) · · , , ,
  249. Definitive Guide to CAPTCHA Accessibility (via) · · , ,
  250. 20 Git Commands Every Developer Should Know (by) · · ,