Frontend Dogma

News and Views in Frontend Development (10)

(Explore all topics. Stay informed by feed, on Mastodon, or on Twitter.)

  1. Debugging HTML: Accessibility (toot or tweet) · · , ,
  2. Becoming an Expert (toot or tweet) · · , ,
  3. PHP 8.1 in 8 Code Blocks (toot or tweet) · ·
  4. In Defence of Dialog (toot or tweet) · ·
  5. Deep Dive into Node.js Architecture (toot or tweet) · · ,
  6. Chrome DevTools: Record and Playback Your User Journeys (toot or tweet) · · , ,
  7. The Key to Developer Happiness and How to Prevent Coding from Becoming Just Another Job (toot or tweet) · ·
  8. RenderingNG: The Next-Generation Rendering Architecture for Chrome (toot or tweet) · · , , ,
  9. How to Implement Memoization in React to Improve Performance (toot or tweet) · · , , ,
  10. Everything You Have to Know About Core Web Vitals (toot or tweet) · · ,
  11. Understanding the Differences Between WCAG 2.1 and WCAG 2.2 (toot or tweet) · · , ,
  12. Learn PWA (toot or tweet) · · ,
  13. Learn Forms (toot or tweet) · · , ,
  14. Designing Error Messages and a Logging Strategy in Node.js (toot or tweet) · · , , , ,
  15. Design Is Not Art, and UX Is Not Design (toot or tweet) · · ,
  16. Building Real-Life Components: Facebook Messenger’s Chat Bubble (toot or tweet) · · , ,
  17. Browser Wars (toot or tweet) · · ,
  18. A Deep Dive into Serverless UI with TypeScript (toot or tweet) · · ,
  19. What Does a Good Design System Feel Like? (toot or tweet) · · ,
  20. What Are Accessible Fonts? (toot or tweet) · · ,
  21. The State of the Web (toot or tweet) · · ,
  22. Rebase vs. Merge: Integrating Changes in Git (toot or tweet) · · ,
  23. Name, Labels, ARIA, What to Do? (toot or tweet) · · , ,
  24. HTML Concepts: Common Idioms (toot or tweet) · · , ,
  25. The Guideline Gap (toot or tweet) · · , , ,
  26. So, You Want to Build an “@ mention” Autocomplete Feature? (toot or tweet) · · ,
  27. Developer Tools Secrets That Shouldn’t Be Secrets (toot or tweet) · · , ,
  28. An Introduction to PostCSS (toot or tweet) · · , ,
  29. Accessible Toggles (toot or tweet) · · , ,
  30. A Comprehensive Guide to Error Handling in Node.js (toot or tweet) · · , , ,
  31. The Golden Ratio and User-Interface Design (toot or tweet) · ·
  32. HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (toot or tweet) · · , ,
  33. CSS-ing Candy Ghost Buttons (toot or tweet) · ·
  34. You Probably Don’t Need Media Queries Anymore (toot or tweet) · · ,
  35. The Little Book of Little Books (toot or tweet) · · , , ,
  36. Chrome DevTools: Visualise Your JavaScript Bundles (toot or tweet) · · , ,
  37. Using CSS Variables for Reduced Motion on a Global Scale (toot or tweet) · · ,
  38. Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (toot or tweet) · · ,
  39. Make Your Design System Accessible—Color (toot or tweet) · · , ,
  40. UX Design Isn’t Killing Creativity, Money Is (toot or tweet) · · ,
  41. Best Practices on Embedding Third-Party Web Widgets (toot or tweet) · · , ,
  42. A Step by Step TypeScript Tutorial for Beginners (toot or tweet) · ·
  43. The Problem with “Click Here” and “Learn More” Links (toot or tweet) · · ,
  44. So, You Want an Accessibility Score? (toot or tweet) · · ,
  45. Photoshop’s Journey to the Web (toot or tweet) · · ,
  46. Media Queries Level 4: Media Query Range Contexts (toot or tweet) · · ,
  47. In-Page Filtered Search with Vanilla JavaScript (toot or tweet) · ·
  48. Design Systems at Replit: Better Tokens (toot or tweet) · · ,
  49. Why Outdated jQuery Is Still the Dominant JavaScript Library (toot or tweet) · · , ,
  50. Why Accessibility Overlays on Your Website Can Make Things Worse (toot or tweet) · · ,
  51. Web Performance Metrics Cheatsheet (toot or tweet) · · ,
  52. The Process of Building a CSS Framework (toot or tweet) · · ,
  53. If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (toot or tweet) · · , ,
  54. Building an Effective Image Component (toot or tweet) · · , ,
  55. A Deep Dive into “object-fit” and “background-size” in CSS (toot or tweet) · ·
  56. Switch Role Support (toot or tweet) · · , ,
  57. Micro-Frontends: The Next Gen Way to Build Web Apps (toot or tweet) · · ,
  58. Finding Common Patterns Across Frameworks (toot or tweet) · · ,
  59. The Start of a New Era for Responsive Web Design (toot or tweet) · · ,
  60. On Using Custom Properties (toot or tweet) · · ,
  61. Common Mistakes When Writing CSS with BEM (toot or tweet) · · , ,
  62. Semantic “menu” Context (toot or tweet) · · ,
  63. Respecting Users’ Motion Preferences (toot or tweet) · · ,
  64. Prevent Scroll Chaining with Overscroll Behavior (toot or tweet) · · ,
  65. Making the Web Developer’s Pilgrimage (toot or tweet) · ·
  66. Identify Potential CSS Improvements (toot or tweet) · · , ,
  67. Designing for Color Contrast: Guidelines for Accessibility (toot or tweet) · · , ,
  68. Decoupling HTML, CSS, and JavaScript in Design Systems (toot or tweet) · · , , ,
  69. This Is the Way: A Phased Approach to Accessibility in the Development Lifecycle (toot or tweet) · ·
  70. We Analyzed 425,909 Favicons (toot or tweet) · · ,
  71. New HTTP Standards for Caching on the Modern Web (toot or tweet) · · , , , ,
  72. How to Cancel an HTTP Request in Node.js (toot or tweet) · · ,
  73. How I Made Google’s Data Grid Scroll 10x Faster with One Line of CSS (toot or tweet) · · ,
  74. Back to Basics: Understanding the “for…in” Loop in JavaScript (toot or tweet) · ·
  75. Yes, Node.js Is Part of the Web Platform (toot or tweet) · · , ,
  76. “@ supports selector()” (toot or tweet) · · , ,
  77. It’s Time for a Healthy Tech Approach (toot or tweet) · ·
  78. Evaluating Clever CSS Solutions (toot or tweet) · ·
  79. What Svelte’s Accessibility Warnings Won’t Tell You (toot or tweet) · · ,
  80. Understanding and Implementing OAuth2 in Node.js (toot or tweet) · · ,
  81. HTML with Superpowers (toot or tweet) · · , ,
  82. Fix Web Accessibility Systematically (toot or tweet) · · ,
  83. Chrome DevTools: Easily Change CSS Units and Values (toot or tweet) · · ,
  84. Landmarks (toot or tweet) · · , ,
  85. Processing CPU-Intensive Jobs in Node.js (toot or tweet) · ·
  86. Dealing with Timezones in Web Development (toot or tweet) · ·
  87. 100 Bytes of CSS to Look Great Everywhere (toot or tweet) · ·
  88. Expandable Sections Within a CSS Grid (toot or tweet) · · ,
  89. Custom Properties with Defaults: 3+1 Strategies (toot or tweet) · · ,
  90. Beginner’s Guide to Responsive Images: How to Get Them Right (toot or tweet) · · , , ,
  91. Stop Writing JavaScript Like This (toot or tweet) · ·
  92. Smart CSS Solutions for Common UI Challenges (toot or tweet) · · ,
  93. “min()”, “max()”, and “clamp()”: Three Logical CSS Functions to Use Today (toot or tweet) · ·
  94. Different Degrees of Custom Property Usage (toot or tweet) · · ,
  95. Conditional “border-radius” and Three Future CSS Features (toot or tweet) · ·
  96. The Ultimate Guide to 3xx HTTP Status Codes (toot or tweet) · · , ,
  97. The Tortuous Journey of Enhancing Our Color Palette (toot or tweet) · ·
  98. Five Proven Approaches for a Better Developer Experience in Your Organisation (toot or tweet) · ·
  99. Building a Multi-Select Component (toot or tweet) · · , , ,
  100. 1999: The Fall of Netscape and the Rise of Mozilla (toot or tweet) · · , ,
  101. What Constitutes a Digital Accessibility Audit (toot or tweet) · · , ,
  102. How to Win at CORS (toot or tweet) · · , ,
  103. How Design Debt Can Hurt Your Product (toot or tweet) · · ,
  104. Google Chrome Hidden Features Every Developer Should Know (toot or tweet) · · , ,
  105. Easy Read Is Hard to Get Right (toot or tweet) · · ,
  106. Best UI Frameworks for React.js (toot or tweet) · · ,
  107. Introduction to Styled Components (toot or tweet) · · , , ,
  108. Appreciation for Being a Web Developer (toot or tweet) · ·
  109. A Tangled Web of ARIA (toot or tweet) · · , ,
  110. Why We Crave Software with Style Over “Branding” (toot or tweet) · · ,
  111. Native CSS Nesting: What You Need to Know (toot or tweet) · · ,
  112. Why Does Everything Look the Same? (toot or tweet) · ·
  113. Internationalization: How to Boost Traffic with a Multilingual Site (toot or tweet) · ·
  114. How We Improved Our Design System Delivery (toot or tweet) · · , ,
  115. Have Single-Page Apps Ruined the Web? (toot or tweet) · · , ,
  116. Buttons vs. Links (toot or tweet) · · , ,
  117. Accessibility: A Gentle Introduction (toot or tweet) · · ,
  118. The Options for Password-Revealing Inputs (toot or tweet) · · , , ,
  119. Safe DOM Manipulation with the Sanitizer API (toot or tweet) · · ,
  120. RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term (toot or tweet) · · , ,
  121. My Challenge to the Web Performance Community (toot or tweet) · ·
  122. How to Implement and Style the “Dialog” Element (toot or tweet) · · ,
  123. A Guide to CSS Debugging (toot or tweet) · · , ,
  124. Why Do Webdevs Keep Trying to Kill REST? (toot or tweet) · ·
  125. What Creating a Simple Font Taught Me About Font Design (toot or tweet) · · ,
  126. UX Accessibility: How to Start Designing for All (toot or tweet) · · ,
  127. Browsing with a Mobile Screen Reader (toot or tweet) · · , , ,
  128. Automating a Design System (toot or tweet) · · , ,
  129. Writing Clean JavaScript Tests with the BASIC Principles (toot or tweet) · · , ,
  130. Redundantly Redundant a11y Accessibility (toot or tweet) · · ,
  131. How to Build an Expandable Accessible Gallery (toot or tweet) · · , ,
  132. Conditional Border Radius in CSS (toot or tweet) · ·
  133. Animation Techniques for Adding and Removing Items from a Stack (toot or tweet) · · , ,
  134. The CSS “prefers-color-scheme” User Query and Order of Preference (toot or tweet) · ·
  135. Using JavaScript to Detect High Contrast and Dark Modes (toot or tweet) · · , , ,
  136. Introducing Svelte, and Comparing Svelte with React and Vue (toot or tweet) · · , , ,
  137. Understanding and Working with Submodules in Git (toot or tweet) · · ,
  138. Sorting JavaScript Arrays by Nested Properties (toot or tweet) · · , ,
  139. Links, Missing “href” Attributes, and Over-Engineered Code (toot or tweet) · · ,
  140. Web Streams Everywhere (and Fetch for Node.js) (toot or tweet) · · ,
  141. Practical Frontend Philosophy (toot or tweet) · · ,
  142. How I Built a Modern Website in 2021 (toot or tweet) · · , ,
  143. Declaring Page Language—and Declaring Changes in Language (toot or tweet) · · , ,
  144. Guidelines for Choosing a Node.js Framework (toot or tweet) · · ,
  145. Faster React Apps with Memoization (toot or tweet) · · , ,
  146. Comparing Page Language Declaration Setups in Screen Readers (toot or tweet) · · , , , , ,
  147. Let’s Dive into Cypress for End-to-End Testing (toot or tweet) · · ,
  148. Design Tokens Automation Pipeline: From Design Tools to Component Libraries (toot or tweet) · · , ,
  149. Accessibility Isn’t New—and Neither Is Ableism (toot or tweet) · ·
  150. How I Make CSS Art (toot or tweet) · · ,
  151. A JavaScript Developer’s Guide to Browser Cookies (toot or tweet) · · , ,
  152. Beware False Negatives (toot or tweet) · ·
  153. Not Releasing Late on Fridays, a Matter of Courtesy (toot or tweet) · · ,
  154. One Last Time: Custom Styling Radio Buttons and Checkboxes (toot or tweet) · · , ,
  155. 7 UI Design Fundamentals for Developers (toot or tweet) · · ,
  156. When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It (toot or tweet) · · ,
  157. Simplifying Form Styles with “accent-color” (toot or tweet) · · ,
  158. Just Redux: The Complete Guide (toot or tweet) · · ,
  159. “initial” Doesn’t Do What You Think It Does (toot or tweet) · · ,
  160. A Content Model Is Not a Design System (toot or tweet) · · ,
  161. ct.css—Let’s Take a Look Inside Your “<head>” (toot or tweet) · · , ,
  162. Container Units Should Be Pretty Handy (toot or tweet) · · ,
  163. 7 Useful HTML Attributes You May Not Know (toot or tweet) · ·
  164. Yarn vs. npm: Everything You Need to Know (toot or tweet) · · , ,
  165. Optimising a JavaScript Library with WebAssembly, a Failed Attempt (toot or tweet) · · , ,
  166. Node.js Garbage Collection Explained (toot or tweet) · ·
  167. CSS Container Queries: Container-Relative Lengths (toot or tweet) · · ,
  168. Cascade Layers? (toot or tweet) · · ,
  169. 7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS (toot or tweet) · · ,
  170. Understanding “min-content”, “max-content”, and “fit-content” in CSS (toot or tweet) · ·
  171. Simpler Block Spacing in WordPress with “:is()” and “:where()” (toot or tweet) · · , ,
  172. How I Learnt to Stop Worrying and Love Animating the Box Model (toot or tweet) · · ,
  173. Contemporary Design Has Lost Its Soul (toot or tweet) · ·
  174. Practical Frontend Architecture (toot or tweet) · ·
  175. 20 Killer JavaScript One-Liners (toot or tweet) · ·
  176. Why Inequalities Can Appear in Digital Accessibility and Inclusive Design (toot or tweet) · · , ,
  177. CSS Container Query Units (toot or tweet) · · ,
  178. The New Requirements for WCAG 2.2 (toot or tweet) · · ,
  179. What’s the Right Font Size in Web Design? (toot or tweet) · · ,
  180. Small Bundles, Fast Pages: What to Do with Too Much JavaScript (toot or tweet) · · , ,
  181. Web Vitals Patterns (toot or tweet) · ·
  182. Web Quality Assurance: From User Requirements to Web Risk Management (toot or tweet) · · ,
  183. New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web (toot or tweet) · · , ,
  184. Minding the “gap” (toot or tweet) · ·
  185. How to Expand Your Engineering Skill Set Without Quitting Your Day Job (toot or tweet) · · ,
  186. Design Direction as a Step Before Design System (toot or tweet) · · ,
  187. Accessible Palette: Stop Using HSL for Color Systems (toot or tweet) · · , ,
  188. The Future of CSS: Cascade Layers (CSS “@ layer”) (toot or tweet) · ·
  189. Reducing the Need for Pseudo-Elements (toot or tweet) · · ,
  190. Optimizing Images on the Web (toot or tweet) · · ,
  191. 1995: MySQL Arrives, Completing the LAMP Stack (toot or tweet) · · , ,
  192. Modernising CSS Infrastructure in DevTools (toot or tweet) · · , ,
  193. Master Frontend Development by Cloning These Websites (toot or tweet) · ·
  194. Designing Beautiful Shadows in CSS (toot or tweet) · ·
  195. Notes on Synthetic Speech (toot or tweet) · · ,
  196. 29 Projects to Help You Practice HTML CSS Javascript 2021 (toot or tweet) · · , ,
  197. The Ultimate Guide to Web Console (toot or tweet) · · , ,
  198. Myths About Web Accessibility (toot or tweet) · ·
  199. Less Absolute Positioning with Modern CSS (toot or tweet) · ·
  200. Vanilla JS Is a Web Performance Decision (toot or tweet) · · ,