Frontend Dogma

“how-tos” Archive (2)

  1. How to Prep Your SEO Strategy for a New Website (by/via) · · ,
  2. How to Empathize With Your Users (via) · · , ,
  3. How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by) · · ,
  4. How to Use Spectator to Test Your Angular Components (by/via) · · , , ,
  5. Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (by/via) · · ,
  6. How to Prevent SQL Injection Attacks in Node.js (by/via) · · , , ,
  7. How to Design Better APIs (by) · · ,
  8. How to Use Higher-Order Functions in JavaScript (by/via) · · ,
  9. How to Make a “Raise the Curtains” Effect in CSS (by/via) · · ,
  10. How to Build a File Upload Service With Vanilla JavaScript (by/via) · · ,
  11. How to Make MPAs That Are as Fast as SPAs (by) · · , ,
  12. How to Fix Your Security Vulnerabilities With npm Override (via) · · , , ,
  13. How to Prioritize Your Components (by/via) · · , ,
  14. Design Systems in Figma: How to Be More Productive (by/via) · · , ,
  15. Design System: How to Successfully Collaborate? (via) · · ,
  16. How To: Correctly Test for Python’s Version (by) · · , ,
  17. How to Create a Search Page for a Static Website With Vanilla JS (by) · · , , ,
  18. How to Keep Your Repo Package Dependencies Up to Date Automatically (by) · · ,
  19. How to Make CSS Slanted Containers (by/via) · ·
  20. How to Favicon in 2022: Six Files That Fit Most Needs (by/via) · · ,
  21. How to Use the Accessibility Tree for A11Y Testing · · ,
  22. How to Create a UX Vision Statement (by/via) · ·
  23. How to Convert Markdown to HTML (by/via) · · , ,
  24. Design System: How to Efficiently Scale Development? (via) · · ,
  25. How to Check What Item Is in Focus When Accessibility Testing · · , ,
  26. How to Set Up a Node.js Project With TypeScript (by/via) · · ,
  27. How to Avoid Layout Shifts Caused by Web Fonts (by) · · , ,
  28. Memory Leaks, How to Avoid Them in a React App (by) · · ,
  29. How to Measure Your Design System? (by/via) · · ,
  30. How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (by) · · ,
  31. How to Define Your Relationship to Sites You Link To (by) · · , , ,
  32. How to Customize Firefox UI—Step-by-Step Tutorial · · , , , , ,
  33. How to Maintain a Large Next.js Application (by/via) · · ,
  34. How to Trim Strings in JavaScript (by) · ·
  35. How to Make Blob Menu Using HTML, CSS and JavaScript (by) · · , ,
  36. How to Create Reusable Components With the Vue 3 Composition API (by/via) · · ,
  37. How to Fetch Data in Svelte (by/via) · · ,
  38. How to Debounce and Throttle Callbacks in Vue (by) · · , , , ,
  39. The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job (by) · ·
  40. How to Implement Memoization in React to Improve Performance (via) · · , , ,
  41. How to Cancel an HTTP Request in Node.js (by) · · ,
  42. How to Win at CORS (by) · · , , ,
  43. Internationalization: How to Boost Traffic With a Multilingual Site (via) · ·
  44. How to Implement and Style the “Dialog” Element (by/via) · · , ,
  45. UX Accessibility: How to Start Designing for All (by/via) · · ,
  46. How to Build an Expandable Accessible Gallery (by/via) · · , ,
  47. How to Expand Your Engineering Skill Set Without Quitting Your Day Job (via) · · ,
  48. How to Use “Promise.any()” (by) · · ,
  49. Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense (by/via) · · , ,
  50. How to Calculate REMs From Pixels (by) · ·
  51. How to Test for Accessibility With Users at Every Design Stage (by/via) · · ,
  52. How to Build Resilient JavaScript UIs (by/via) · · , ,
  53. How to Use “Promise.allSettled()” (by) · · ,
  54. How to Stay Focused as a Self-Taught Frontend Web Developer (by) · · , ,
  55. How to Hand Off Accessible Designs to Developers? (via) · · ,
  56. How to Eliminate Render-Blocking Resources: a Deep Dive (by) · · ,
  57. How to Get a Pixel-Perfect, Linearly Scaled UI (by/via) · · , ,
  58. How to Migrate From jQuery to Next.js (by/via) · · , ,
  59. How to Convert Arrays to Human-Readable Lists in JavaScript (by) · · , ,
  60. How to Use “Promise.all()” (by) · · ,
  61. Feature Checklists Are Not Enough: How to Avoid Making Bad Software (by/via) · · , ,
  62. React Architecture: How to Structure and Organize a React Application (by) · · ,
  63. How to Use Dynamic Imports in JavaScript (by) · ·
  64. How to Center Anything in CSS Using Flexbox and Grid (by/via) · · ,
  65. How to Fix Cumulative Layout Shift (CLS) Issues (by/via) · · ,
  66. How to Build an Image Comparison Slider (by) · · ,
  67. How to Name Your Design System (via) · · ,
  68. How to Satisfy User Intent When Considering Search vs. Browse (via) · · , , ,
  69. Better Onboarding: How to Prevent Codebase Overwhelm (via) · ·
  70. How to Build a Developer Blog With Gatsby and MDX (by/via) · · ,
  71. How to Build a Great Developer Experience (by/via) · ·
  72. How to Use PostCSS as a Configurable Alternative to Sass (by/via) · · , ,
  73. How to Test the Accessibility of Your Components With Storybook (by) · · , ,
  74. How to Use WordPress as a Headless CMS for Eleventy (by/via) · · , , ,
  75. How to Deal With Common React JS Problems—Actionable Tips (via) · · ,
  76. How to Test Responsive Web Design Cross-Browser Compatibility (by/via) · · , ,
  77. How to Find the Cause of Horizontal Scrollbars (by/via) · · , ,
  78. How to Document the Screen Reader User Experience (via) · · , , , ,
  79. How to Install Apache Web Server on Windows (by+/via) · · , , ,
  80. How to Reevaluate Your Frontend Architecture (by/via) · ·
  81. Quick Tip: How to Hide Whitespace Changes in Git Diffs (by/via) · · , ,
  82. How to Create a Native Web Component Without a Framework (by/via) · · ,
  83. How to Publish an Updated Version of an npm Package (by/via) · · ,
  84. How to Automatically Update Your JavaScript Dependencies (by/via) · · , , , ,
  85. How to Convert Variable TTF Font Files to WOFF2 (by) · · , ,
  86. How to Save Hours With SSIs (by/via) · · , ,