Frontend Dogma

News and Views in Frontend Development (9)

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

  1. The Web Doesn’t Have Version Numbers (toot or tweet) · · ,
  2. Imperative vs. Declarative Programming (toot or tweet) · · , ,
  3. Fetch Commit Logs of Certain Function or Method in Git (toot or tweet) · · ,
  4. Accessible Heading Structure (toot or tweet) · · ,
  5. 8 Techniques to Write Cleaner JavaScript Code (toot or tweet) · ·
  6. How Flexbox Works (toot or tweet) · · ,
  7. Five 2022 Accessibility Trends (toot or tweet) · · ,
  8. A Contrast of Errors (toot or tweet) · · , , ,
  9. Page Visibility: If a Tree Falls in the Forest… (toot or tweet) · · , ,
  10. Image Magnifier Using Only One Line of CSS (toot or tweet) · · ,
  11. Exposing Mid-Resource LCP Values (toot or tweet) · · ,
  12. A Unified Theory of Web Performance (toot or tweet) · ·
  13. Using Diagnostic Metrics (toot or tweet) · · ,
  14. pkg.land (toot or tweet) · · , ,
  15. Add Less (toot or tweet) · ·
  16. WCAG and Accessibility: What Is a Statement of Partial Conformance? (toot or tweet) · · , ,
  17. Practical Tips for Load-Testing Web Applications (toot or tweet) · · , , ,
  18. Empathetic Animation (toot or tweet) · · ,
  19. Shedding Light on Fiverr’s Dark Mode Creation Process (toot or tweet) · · ,
  20. Add a Service Worker to Your Site (toot or tweet) · · ,
  21. Web Accessibility Cheat Sheet (toot or tweet) · · ,
  22. CSS in 2022 (toot or tweet) · ·
  23. The Business Case for Performance (toot or tweet) · · ,
  24. 1000+ Web Development Resources (toot or tweet) · ·
  25. Faster Websites by Using Less HTML (toot or tweet) · · , , , ,
  26. The Many Methods for Using SVG Icons (toot or tweet) · · , ,
  27. Show, Don’t Tell (toot or tweet) · · , ,
  28. Redirect Liquidation (toot or tweet) · · ,
  29. Personalize It! (toot or tweet) · · ,
  30. Form Autocomplete (toot or tweet) · · ,
  31. Wrapping Text Inside an SVG Using CSS (toot or tweet) · · ,
  32. The CSS “:has()” Pseudo-Class, aka Parent Selector (toot or tweet) · · ,
  33. Frontend Web Performance: The Essentials (toot or tweet) · ·
  34. The CSS “:has()” Selector Is Way More Than a “Parent Selector” (toot or tweet) · · ,
  35. Make Joyful Things (toot or tweet) · ·
  36. Introduction to Cognitive Disability and Accessibility Testing (toot or tweet) · · , ,
  37. CSS Snapshot 2021 (toot or tweet) · ·
  38. CSS Animation (toot or tweet) · · ,
  39. Building a Greener Web (toot or tweet) · ·
  40. Why UX Is the Best SEO Strategy (toot or tweet) · · , ,
  41. The Web Starts on Page Four (toot or tweet) · ·
  42. Smoothly Reverting CSS Animations (toot or tweet) · · ,
  43. Image Display Elements (toot or tweet) · · , ,
  44. How to Define Your Relationship to Sites You Link To (toot or tweet) · · , ,
  45. How to Add and Remove a CSS Class from Multiple Elements with Vanilla JavaScript (toot or tweet) · · ,
  46. Design Sprints Revisited: Designing with Your Users and Developers (toot or tweet) · · ,
  47. Be Prepared for Failure and Handle It Gracefully (toot or tweet) · · ,
  48. Auto Dark Theme (toot or tweet) · · , ,
  49. 5 Common Misconceptions About WAI-ARIA and Accessibility (toot or tweet) · · , ,
  50. Web Performance, Core Web Vitals, and Vanity Metrics (toot or tweet) · · , ,
  51. Preference Queries (toot or tweet) · ·
  52. 5 HTML Concepts You Didn’t Know (toot or tweet) · · ,
  53. This Is WCAG 2.1 (toot or tweet) · · , ,
  54. There’s Never Been a Better Time to Build Websites (toot or tweet) · · ,
  55. Why Motion on Websites and Digital Content Is a Problem (toot or tweet) · ·
  56. Web Platform Design Principles (toot or tweet) · · ,
  57. Sustaining Maintaining (toot or tweet) · ·
  58. Inaccessibility of CAPTCHA (toot or tweet) · · ,
  59. Hands On with the New Responsiveness Metrics (toot or tweet) · · , ,
  60. Don’t Start with Microservices in Production—Monoliths Are Your Friend (toot or tweet) · · ,
  61. Deep-Copying in JavaScript Using “structuredClone” (toot or tweet) · ·
  62. Consistent, Fluidly Scaling Type, and Spacing (toot or tweet) · · ,
  63. Thoughts on Skin Tone and Text Descriptions (toot or tweet) · · , ,
  64. The State of CSS 2021 (toot or tweet) · · ,
  65. Shifting the Mindset About Accessible Content (toot or tweet) · · ,
  66. Explain Like I’m Five: Web Performance Optimization (toot or tweet) · · ,
  67. CSS Custom Properties (toot or tweet) · · ,
  68. CSS Can Help Improve Your HTML⁉ Buttons and Links (toot or tweet) · · , ,
  69. 100 Tips on Software Developer Productivity (toot or tweet) · · ,
  70. Visual Regression Testing for Design Systems with Figma Branches (toot or tweet) · · , ,
  71. The Ideal Line Length and Line Height in Web Design (toot or tweet) · · ,
  72. Read Your Website (toot or tweet) · ·
  73. Practical Ethics for the Modern Web Designer (toot or tweet) · · ,
  74. Performance Implications of JavaScript Errors (toot or tweet) · · , ,
  75. Details/Summary (toot or tweet) · · ,
  76. WCAG 2.2: What We Know Till Now (toot or tweet) · · ,
  77. WCAG 2 Is What We Have (toot or tweet) · · ,
  78. Intersection Observer (toot or tweet) · · ,
  79. Embrace the Platform (toot or tweet) · · , , ,
  80. Defer Non-Critical Resources (toot or tweet) · · ,
  81. WCAG 3 Is Not Ready Yet (toot or tweet) · · ,
  82. Standardizing Focus Styles with CSS Custom Properties (toot or tweet) · · , ,
  83. The Last Design You’ll Ever Make (toot or tweet) · ·
  84. Responsive Iframes with the CSS “aspect-ratio” Property (toot or tweet) · · ,
  85. Caching: Understanding the Scope (toot or tweet) · · ,
  86. Breaking Out of the Box (toot or tweet) · · ,
  87. Writing Better CSS (toot or tweet) · · , ,
  88. Node.js Memory Limits—What You Should Know (toot or tweet) · · ,
  89. Content Separation (toot or tweet) · ·
  90. 5 Reasons You Should Adopt a Micro Frontend Architecture (toot or tweet) · ·
  91. 1993: Mosaic Launches and the Web Is Set Free (toot or tweet) · · ,
  92. Where Do You Put Spacing on Design System Components? (toot or tweet) · · , , ,
  93. Test Your Product on a Crappy Laptop (toot or tweet) · · , ,
  94. Optimizing State Management in React Applications (toot or tweet) · · ,
  95. Google Fonts Knowledge (toot or tweet) · · , ,
  96. Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (toot or tweet) · · ,
  97. Defensive CSS (toot or tweet) · ·
  98. A Beginner’s Guide to Vue Router (toot or tweet) · · ,
  99. Why You Should Check in Your Node Dependencies (toot or tweet) · · ,
  100. Reduce Your Website’s Environmental Impact with a Carbon Budget (toot or tweet) · ·
  101. HTTP Compression (toot or tweet) · · , ,
  102. Designing Better Links for Websites and Emails: A Guideline (toot or tweet) · · ,
  103. The Love of Curvilinear Design (toot or tweet) · ·
  104. How Many People with Disabilities Use Our Site? (toot or tweet) · ·
  105. Have Core Web Vitals Made the Web Faster? (toot or tweet) · · ,
  106. CSS Fingerprinting (toot or tweet) · · , , ,
  107. Plugging Memory Leaks in Your App (toot or tweet) · · ,
  108. Why Every Developer Should Start Blogging (toot or tweet) · · ,
  109. Revisiting the Anatomy of a Design System (toot or tweet) · ·
  110. Request for a General Theory of Web Performance (toot or tweet) · ·
  111. JSON Modules in JavaScript (toot or tweet) · · , ,
  112. Ain’t No Party Like a Third Party (toot or tweet) · · , ,
  113. Markup (toot or tweet) · · ,
  114. Best Practices for Node.js Development (toot or tweet) · · , ,
  115. Why Color Contrast Is Not as Black and White as It Seems (toot or tweet) · · , ,
  116. Understanding Accessibility (toot or tweet) · · , ,
  117. The Fundamentals of CSS Layout (toot or tweet) · · , , ,
  118. Security (toot or tweet) · · ,
  119. Page Weight (toot or tweet) · · ,
  120. JavaScript (toot or tweet) · · ,
  121. HTTP (toot or tweet) · · , ,
  122. CSS (toot or tweet) · · ,
  123. Accessibility (toot or tweet) · · ,
  124. The Surprising Behavior of “Important CSS Custom Properties” (toot or tweet) · · , ,
  125. CSS Layout from the Inside Out (toot or tweet) · · , ,
  126. Making Accessibility More Accessible (toot or tweet) · ·
  127. Understanding WCAG 2.1 Level AAA (toot or tweet) · · ,
  128. Select Elements with “pointer-events: none” by Holding Shift (toot or tweet) · ·
  129. On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (toot or tweet) · · , , ,
  130. Introduction to Svelte Actions (toot or tweet) · · ,
  131. How to Maintain a Large Next.js Application (toot or tweet) · · ,
  132. Programmers Should Stop Celebrating Incompetence (toot or tweet) · ·
  133. Make Your Website Stand Out with a Custom Scrollbar (toot or tweet) · ·
  134. How to Trim Strings in JavaScript (toot or tweet) · ·
  135. What Kind of Developer Do I Want to Be? (toot or tweet) · ·
  136. Three Phases of Life for Design Systems (toot or tweet) · ·
  137. Get Started with Validation in Node.js (toot or tweet) · · ,
  138. Creating Generative Patterns with the CSS Paint API (toot or tweet) · · ,
  139. 7 Ways to Improve Node.js Performance at Scale (toot or tweet) · · , ,
  140. The 6 Ways of Writing HTML (and Their Combinations) (toot or tweet) · ·
  141. Modern CSS in a Nutshell (toot or tweet) · ·
  142. Functional Programming in PHP: Higher-Order Functions (toot or tweet) · · ,
  143. Control Layout in a Multi-Directional Website (toot or tweet) · · , ,
  144. Adding a Dyslexia-Friendly Mode to a Website (toot or tweet) · · ,
  145. Responsive Layouts, Fewer Media Queries (toot or tweet) · · ,
  146. How JavaScript Engines Achieve Great Performance (toot or tweet) · · , ,
  147. Blog Page Accessibility Deep Dive (toot or tweet) · · ,
  148. Designing Sustainable Websites (toot or tweet) · · , ,
  149. Dear HTML Element (toot or tweet) · ·
  150. Tales of the Autistic Developer—Order and Chaos (toot or tweet) · ·
  151. Parallax Powered by CSS Custom Properties (toot or tweet) · · ,
  152. How to Make Blob Menu Using HTML, CSS and JavaScript (toot or tweet) · · , ,
  153. Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (toot or tweet) · · ,
  154. 20 Years of bram.us (toot or tweet) · ·
  155. Various Ways to Include Comments on Your Static Site (toot or tweet) · · ,
  156. PHP Date and Time Recipes (toot or tweet) · ·
  157. Let’s Not Send Developers to the Accessibility Tree Tool (toot or tweet) · · , ,
  158. Dynamic Color Manipulation with CSS Relative Colors (toot or tweet) · · ,
  159. 1992: The Web vs. Gopher, and the First External Browsers (toot or tweet) · ·
  160. WCAG 3.0: What You Need to Know About the Future of Accessibility Standards (toot or tweet) · · , ,
  161. Three Principles to Better Present Your UI Designs (toot or tweet) · · ,
  162. Performance (toot or tweet) · · , ,
  163. How to Create Reusable Components with the Vue 3 Composition API (toot or tweet) · · ,
  164. A Guide to Modern CSS Colors with RGB, HSL, HWL, LAB, and LCH (toot or tweet) · · , ,
  165. We Need to Talk About Accessibility—Again, and Again, and Then Some More (toot or tweet) · ·
  166. Using Position Sticky with CSS Grid (toot or tweet) · · ,
  167. Reframing Tech Debt (toot or tweet) · ·
  168. Generate a Pull Request of Static Content with a Simple HTML Form (toot or tweet) · · ,
  169. A Primer on Product Management for Engineers (toot or tweet) · ·
  170. A Clever Sticky Footer Technique (toot or tweet) · · ,
  171. 4 Ways to Document Your Design System with Storybook (toot or tweet) · · , ,
  172. Your CSS Is an Interface (toot or tweet) · · ,
  173. Why IndexedDB is Slow and What to Use Instead (toot or tweet) · · , ,
  174. Some Notes on Using esbuild (toot or tweet) · ·
  175. How to Fetch Data in Svelte (toot or tweet) · ·
  176. GitHub’s Commitment to npm Ecosystem Security (toot or tweet) · · , ,
  177. Get Your “Head” Straight (toot or tweet) · · , ,
  178. Access to Tech, Tech to Live (toot or tweet) · · ,
  179. 5 Popular Frontend Development Tools in 2021 (toot or tweet) · ·
  180. Why Your Website Should Not Use Dithered Images (toot or tweet) · · , , ,
  181. Using Web Workers to Boost Third-Party Script Performance (toot or tweet) · · , ,
  182. Useful React Hooks That You Can Use in Your Projects (toot or tweet) · · ,
  183. Other Looks at the Conditional Border Radius Trick (toot or tweet) · · ,
  184. How to Debounce and Throttle Callbacks in Vue (toot or tweet) · · ,
  185. Design Systems, Structured Content, and Headless Publishing (toot or tweet) · · , , ,
  186. Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties (toot or tweet) · · , ,
  187. View-Source (toot or tweet) · · ,
  188. It’s Not About Your Favorite Color—Moving from Brand Strategy to Visual Identity (toot or tweet) · · , ,
  189. Easy Dark Mode (and Multiple Color Themes) in React (toot or tweet) · · , ,
  190. Everything You Ever Wanted to Know About the Accessibility Tree (toot or tweet) · · ,
  191. Browsing with Screen Magnification (toot or tweet) · · ,
  192. A Beginner’s Guide to Routing in Next.js, with Examples (toot or tweet) · · , ,
  193. Localizing Your Next.js App (toot or tweet) · · , ,
  194. How Designers Can Prevent User Errors (toot or tweet) · · , ,
  195. Detecting Specific Text Input with HTML and CSS (toot or tweet) · · ,
  196. Be Usable, Not Consistent, Not Uniform (toot or tweet) · · ,
  197. Why You Should Prioritise Quality Over Speed in Design Systems (toot or tweet) · ·
  198. Designing a Reorderable List Component (toot or tweet) · · , , ,
  199. Debugging HTML: Accessibility (toot or tweet) · · , ,
  200. Becoming an Expert (toot or tweet) · · , ,