Frontend Dogma

News and Views in Frontend Development (2)

Articles and books, tips and tricks, craft and beauty from the world of frontend development. Stay informed per feed and on Twitter.

  1. Notes on Synthetic Speech · · ,
  2. 29 Projects to Help You Practice HTML CSS Javascript 2021 · · , ,
  3. The Ultimate Guide to Web Console · · ,
  4. Myths About Web Accessibility · · ,
  5. Less Absolute Positioning with Modern CSS · ·
  6. Vanilla JS Is a Web Performance Decision · · ,
  7. What Is Redundant Entry, and How Does It Affect Accessibility? · · ,
  8. The Case for “Developer Experience” · · ,
  9. Subsets and Supersets of WCAG · · ,
  10. Flexible API Design: Create Hooks for Your PHP API Pipeline · · ,
  11. Enterprise UX: Essential Resources to Design Complex Data Tables · · ,
  12. Developer Decisions for Building Flexible Components · · ,
  13. Bundling Non-JavaScript Resources · ·
  14. Blowing Up HTML Size with Responsive Images · · , , ,
  15. What’s New with DevTools: Cross-Browser Edition · · ,
  16. What’s New in PHP 8.1: Features, Changes, Improvements, and More · ·
  17. Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1 · · , ,
  18. Firefox’s “bolder” Default Is a Problem for Variable Fonts · · ,
  19. Defining Basic JavaScript Terms: “map,” “filter,” and “reduce” · ·
  20. 5 Steps for Writing Alt Text for Accessibility · · ,
  21. 13 Advanced (But Useful) Git Techniques and Shortcuts · · ,
  22. HTTP/3: Practical Deployment Options · ·
  23. Color and Universal Design · · , ,
  24. A Practical Guide to Creating Reusable React Components · · ,
  25. Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design · · ,
  26. Stop! Put Down That Ternary, Lines Are Free · ·
  27. The Pros and Cons of Professional Language · ·
  28. Reducing Carbon Emissions on the Web · · ,
  29. Multiple Accounts and Git · ·
  30. Make Accessibility Part of Your Startup’s Products and Culture from Day One · · ,
  31. Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) · · ,
  32. Threats of Using Regular Expressions in JavaScript · · ,
  33. The Effect of CSS on Screen Readers · · , ,
  34. Interactive Learning Tools for Front-End Developers · · ,
  35. Getting Started with Web Accessibility Testing · · ,
  36. Element Diversity · · ,
  37. Web Scraping with JavaScript and Node.js · · ,
  38. Twitter’s “div” Soup and Uglyfied CSS, Explained · · , ,
  39. It Takes a PhD to Develop That · · ,
  40. Building a Split-Button Component · ·
  41. Best Practices for Logging in Node.js · · ,
  42. Writing High-Performance JavaScript · · ,
  43. Why You Should Manage Your Energy, Not Your Time · · ,
  44. 9.5 Ways Google Rewrites Your Title Tags · ·
  45. Using SVG with Media Queries · · , ,
  46. Understanding Target Size Under WCAG 2.2 and How It Affects People with Disabilities · · ,
  47. State Management In Next.js · · ,
  48. Shifting Accessibility Testing to the Left · · , ,
  49. Rethinking User Personas · · ,
  50. Color and Contrast, What Does It Mean? · · , ,
  51. Building Reactive Systems with Node.js · ·
  52. Building a Stepper Component · · ,
  53. 1995: Apache and Microsoft IIS Shake Up the Web Server Market · · ,
  54. What Are the Web Performance Metrics That Actually Matter? · · ,
  55. Exploring the CSS Paint API: Blob Animation · · , ,
  56. Common npm Mistakes Every Developer Should Avoid · ·
  57. 7 Practices to Create Good JavaScript Variables · ·
  58. Essential Concepts in JS · · ,
  59. Creating a Positive Culture Around Accessibility · · ,
  60. 7 Useful CSS Cheat Sheets to Improve Your Skills · · ,
  61. 10 Fun Things You Can Do with GitHub.dev · ·
  62. Compound Components In React · · ,
  63. 5 Tools to Automate Your Development · · , ,
  64. Why Are Hyperlinks Blue? · · ,
  65. Named and Framed · · ,
  66. How to Use “Promise.any()” · ·
  67. Getting Started with CSS Animations · · ,
  68. jsc: My New Best Friend · · ,
  69. Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense · · , ,
  70. Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS · · ,
  71. Scrollbar Reflowing · · ,
  72. Key Data Structures and Their Roles in RenderingNG · · ,
  73. 8 Fundamental Principles of Effective Web Design · ·
  74. HTTP/3: Performance Improvements · · ,
  75. 5 Ways to Undo Mistakes with Git · ·
  76. 4 Important Differences Between Regular and Arrow Functions · · ,
  77. How I Experience Web Today · · ,
  78. 6 CSS Shorthand Properties to Improve Your Web Application · ·
  79. Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules · · , ,
  80. What’s on the Menu? · · ,
  81. UI Cheat Sheet: Spacing Friendships · · ,
  82. How to Calculate REMs from Pixels · ·
  83. Accessibility from the Ground Up · ·
  84. Truthy and Falsy: When All Is Not Equal in JavaScript · ·
  85. Top 9 Lessons Learned in 12 Years as a Software Developer · · ,
  86. I Tried Angular as a React Developer: Here Are 6 Things I Like About It · · , ,
  87. One Favicon to Rule Them All · · ,
  88. Building the Same App 5 Times · · , , , , ,
  89. What’s New in Bootstrap 5 · · ,
  90. Using CSS Module Scripts to Import Stylesheets · · ,
  91. State Management in Svelte Applications · · ,
  92. Level Up Your CSS Linting Using Stylelint · · , ,
  93. ARIA Spec for the Uninitiated · · , ,
  94. CSS Grid Tooling in DevTools · · , , ,
  95. You Don’t Know “useEffect” · ·
  96. Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” · ·
  97. Does Shadow DOM Improve Style Performance? · · , ,
  98. Reviewing a Design for Accessibility · · , ,
  99. Decoding AVIF: Deep Dive with Cats and imgproxy · · ,
  100. Big O, Code Efficiency Analysis · · ,