Frontend Dogma

News and Tools for Frontend Development (3)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

  1. Anchor Positioning · ·
  2. Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences · · , , ,
  3. Design Systems Teams: Understand Your Users So They Can Serve Theirs · · , , ,
  4. The Financial Argument for Using an Outside Firm for Accessibility Remediation · · ,
  5. Ten Optimisation Tips for an Initial Web Performance Audit · · , , ,
  6. HTML: The Bad Parts · ·
  7. 6 Techniques for Conditional Rendering in React, With Examples · · ,
  8. What Really Is Technical Debt? · · , ,
  9. What Vue’s Creator Learned the Hard Way With Vue 3 · · ,
  10. How to Get Good at Competitive Programming · · ,
  11. Popover API · · , ,
  12. CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study · · , , ,
  13. Baseline 2023 · · , , ,
  14. Test-Driven HTML and Accessibility · · , , ,
  15. Engineering Progression for Humans · · ,
  16. Extending Responsive Video With HTML Web Components · · , , ,
  17. Three Modern CSS Properties Your Website Must Have · ·
  18. Accessibility Overlays · · , ,
  19. Can UX Design Actually Be Ethical? · · , ,
  20. Using Nodemon and Watch in Node.js for Live Restarts · · ,
  21. Using Date-Based CSS to Make Old Web Pages Look Old · · ,
  22. The “hidden” Attribute in HTML · ·
  23. Why Designers Quit (2023 Report) · · ,
  24. Chrome Enables Desktop Mode by Default on Premium Tablets · · , , ,
  25. Developer Relations Is an All-Company Effort · · , ,
  26. Behavior Belongs in the HTML · · , ,
  27. Building Components for Consumption, Not Complexity · · , ,
  28. Improve App Performance With Angular 17 “defer” · · , , ,
  29. Video Subtitles, Captions, Audio Descriptions, and Transcripts · · , ,
  30. The “await” Event Horizon in JavaScript · · ,
  31. How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari · · , , , , , , , ,
  32. Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful · · , ,
  33. Quantity Queries Are Very Easy With CSS “:has()” · · ,
  34. WebKit Features in Safari 17.2 · · , , , ,
  35. ARIA, the Good Parts · · , ,
  36. Screen Reader User Survey #10 · · , , , ,
  37. Template for Accessibility Guidelines · · , ,
  38. A List of JavaScript Engines, Runtimes, Interpreters · · , , ,
  39. Task Automation and Debugging With AI-Powered Tools · · , , ,
  40. How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website · · , , ,
  41. Signals of Interface Quality · · ,
  42. Potential Problems With Accessibility Audits and What to Do About Them · · , ,
  43. Media Queries in HTML Video · · , , , ,
  44. What the Slot? · · , , ,
  45. Audit Your Site for Third-Party Cookies · · , , ,
  46. All Technical Debt Is a Risk to the Product and to Your Business · · , , ,
  47. Oh No! My JSON! · ·
  48. Scroll Fading 101 · · , ,
  49. Preparing for Interaction to Next Paint, a New Web Core Vital · · , ,
  50. CSS Wrapped: 2023! · · , , , ,
  51. Security Headers Using “<meta>” · · , ,
  52. CSS Snapshot 2023 · ·
  53. A Beginner’s Guide to Accessible Text · · , , , ,
  54. Is PHP Still a Viable Choice in 2023? · · ,
  55. Insights: Mobile Accessibility · · , , ,
  56. Accessibility-Specific Tech Requirements? It Depends! · · ,
  57. The Most Accessible Font · · , , ,
  58. The Shrinkwrap Problem: Possible Future Solutions · ·
  59. React Performance Optimization · · , ,
  60. Release Notes for Safari Technology Preview 184 · · , , ,
  61. The Last 5 Years of V8’s Garbage Collector · · , , ,
  62. HTML5 Boilerplate v9.0.0 Released · · , ,
  63. Understanding the New WCAG 2.2 Criteria · · ,
  64. TypeScript’s Hidden Feature: Subtypes · ·
  65. Custom Events in Web Components · · , ,
  66. Fine, I’ll Use a Super Basic CSS Processing Setup · · , ,
  67. The Complete Puppeteer Cheatsheet · · , ,
  68. Overview of Drupal · · ,
  69. Dark Design Patterns Catalog · · , ,
  70. “sizes="auto"” Pretty Much Requires “width” and “height” Attributes · · , ,
  71. Astro 4.0 · · ,
  72. Maglev—V8’s Fastest Optimizing JIT · · , , , ,
  73. A Definition Update for Baseline · · , , ,
  74. Baseline’s Evolution on MDN · · , , , ,
  75. The Hellish History of HTML: An Incomplete and Personal Account · · ,
  76. Web Chat Accessibility Considerations · · , , ,
  77. Scale Your React App With Storybook and Chromatic · · , ,
  78. My 3 Rules for Documenting Code · · , ,
  79. Blind CSS Exfiltration: Exfiltrate Unknown Web Pages · · ,
  80. Better Vue.js Inputs With Generics: The Select · · ,
  81. 4 Dead Simple Ways of Customizing Bootstrap · · , ,
  82. Testing the Performance of Social Media Embeds · · , , ,
  83. 12 Important User-Interface Design Guidelines · · , ,
  84. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience · · , ,
  85. 100 Bucket List Ideas for Programmers · · ,
  86. An Informed Pre-Caching Strategy for Large Sites · · , ,
  87. Of Time and the Web · · , , ,
  88. The State of UX in 2024: Enter Late-Stage UX · ·
  89. Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide · · , , ,
  90. The Pros and Cons of Using React Today · · ,
  91. The Importance of User Feedback and Data in UX Design · · ,
  92. How Marketing Changed OOP in JavaScript · · , ,
  93. Why Carousels Don’t Work · · , ,
  94. CSS Media Query for Scripting Support · · , , ,
  95. Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior · · , , ,
  96. Is the Flat Design Trend Finally Over? · · ,
  97. The “form” Attribute—Enhancing Form Layout Flexibility · · ,
  98. Let’s Learn How Modern JavaScript Frameworks Work by Building One · · , , , ,
  99. You Don’t Need JavaScript for That · ·
  100. A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together · · , ,
  101. Fastest Way of Passing State to JavaScript, Re-Visited · · , ,
  102. Recovering Deleted Files from Your Git Working Tree · · ,
  103. Debugging Bfcache, Make Your Page Load Instantly · · , , , , , ,
  104. Deceptive Patterns in UX: How to Recognize and Avoid Them · · ,
  105. The UX of HTML · · , ,
  106. Web Development Advent Calendars for 2023 · · ,
  107. Create Dynamic Web Experiences With Interactive SVG Animations · · , ,
  108. Does Web Design Matter? · · ,
  109. I Replaced npm, Yarn, and nvm With pnpm · · , , , ,
  110. CSS Relative Colors · · ,
  111. Search vs. Browse · · , , ,
  112. How to Use Chrome’s Accessibility Tree · · , , , ,
  113. Node v21.3.0 · · ,
  114. Firefox on the Brink? · · , ,
  115. Preparing for a Live Demo · ·
  116. Creating a Marquee Effect With CSS Animations · · , ,
  117. Not All Screen Reader Users Are Blind · · , , , ,
  118. New to the Web Platform in November · · , , , , , ,
  119. Is 2024 the Year of CSS Nesting? · · ,
  120. Hide and Debug Empty Elements With CSS · ·
  121. Fetch API, Do You Really Know How to Handle Errors? · · , ,
  122. Measure LCP Sub-Parts to Improve Largest Contentful Paint · · , ,
  123. Testing in Production With Canary Deployments: A How-To Guide · · , ,
  124. Design That Scales · · , , , ,
  125. Oh No, Overflow! · · ,
  126. Care Beyond Code: 7 Best Design Practices for Frontend Developers · · ,
  127. The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query · · , , , ,
  128. How to Use the File System in Node.js · · , , ,
  129. Checking the Type of a String in PHP · ·
  130. Accessibility: A Practical Perspective · ·
  131. Kicking the Excessive JavaScript Habit · · , , ,
  132. Resource Loading at the Cutting Edge · · ,
  133. The “hanging-punctuation” Property in CSS · · ,
  134. Web Components Eliminate JavaScript Framework Lock-In · · , , ,
  135. 10 JavaScript Changes You Missed in 2023 · · , ,
  136. Keyboard Accessibility Myths and WCAG · · , ,
  137. “An Accessible Website Won’t Be Beautiful”… Really?! · · ,
  138. Burnout in the Digital Accessibility Field · · ,
  139. A Complete Guide to pnpm · · , ,
  140. Are Design Ethics Useless? · · ,
  141. “oklch()” Retains Perceived Lightness for Different Hue Angles · · , , ,
  142. OOP Design Patterns in JavaScript · · ,
  143. Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development · · , ,
  144. Preventing Scroll “Bounce” With CSS · · ,
  145. A Few Ways CSS Is Easier to Write in 2023 · · , ,
  146. Accessibility Is Leadership · · ,
  147. Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America · · , ,
  148. Weird HTML Hacks · · , , ,
  149. State of JavaScript 2023 · · ,
  150. How to Test 3.3.7 Redundant Entry · · , ,
  151. Browsers Only Update “:target” on Page Load and During Fragment Navigation · · ,
  152. Choosing a Green Web Host · · ,
  153. Test Often to Keep Your Designs Simple · · , , ,
  154. Vue and Vite Status Update · · , ,
  155. The Elevator Pitch for Web Components · · , ,
  156. Shadow DOM Is for Hiding Your Shame · · , , ,
  157. Psychology of Speed: A Guide to Perceived Performance · · , ,
  158. URL Parser Performance · · , ,
  159. Why We Don’t Like TDD: A Developer’s Perspective · · ,
  160. An Interactive Guide to CSS Grid · · , ,
  161. The Unbearable Weight of Massive JavaScript · · , , ,
  162. Demystifying Web Push Notifications · · ,
  163. Easy Introduction to Variables and Data Types in Programming for Beginners · · , ,
  164. The Tension and Future of Jamstack · · ,
  165. Conducting a Content Audit to Improve Your Content · · , , ,
  166. Navigating the Intersection of Brand Strategy and User Experience · · , ,
  167. CSS4 Is Coming (Not a Clickbait) · · ,
  168. The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name · ·
  169. Announcing TypeScript 5.3 · · ,
  170. Width and Height in CSS · ·
  171. How to Avoid Breaking Web Pages for Keyboard Users · · , ,
  172. What Are Webhooks and How to Use Them · ·
  173. Inspecting WCAG 2.2: Target Size · · , , ,
  174. CSS Nesting · · ,
  175. CSS Nesting UX in DevTools · · , , , , ,
  176. An Attempted Taxonomy of Web Components · · ,
  177. Skip PHPUnit Tests Conditionally in PHP · · ,
  178. How Independent Publishing Has Changed from the 1990s Until Today · · , ,
  179. The CSS Property You Didn’t Know You Needed · ·
  180. 10 Great Websites to Learn Web Development · · ,
  181. 26 Frontend Certifications for Web Developers · · , ,
  182. Comparison of Accessibility of E-Government Websites in Europe · · , ,
  183. HTML Web Components Are Just JavaScript? · · , ,
  184. Why You Should Curate, Not Create, a Design System · · ,
  185. 5 Formatting Techniques for Long-Form Content · · , , , ,
  186. Integrating MongoDB With Node.js · · ,
  187. “NODE_ENV=production” Is a Lie · · , , ,
  188. 10 Tips for Driving Design System Adoption · · ,
  189. Exclusive Accordions Exclude · · ,
  190. Getting Started With CSS Container Queries · · , ,
  191. Vite 5.0 Is Out · · ,
  192. How to Use Node.js With Docker · · , ,
  193. Until the Right Design Emerges… · ·
  194. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA · · , , , , , , , ,
  195. Evolution of Visible Focus · · , ,
  196. 4 Web Devs, 1 App Idea · · , ,
  197. The Best CSS Background Patterns for Your Next Project · · ,
  198. The Developer Job Market Is Insane—5 Tips on How to Survive · · , ,
  199. Is It Worth Keeping Your CSS DRY—Pros and Cons · · , ,
  200. Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator · · , ,
  201. Why Doesn’t AI Work for Producing Accessible Code? · · , ,
  202. How to Optimize MongoDB Performance for Node.js · · , , ,
  203. Modular CSS and Different Ways to Structure Your Stylesheets · · ,
  204. We Need to Have a Chat? I Think We Should Refactor · · , ,
  205. Browsing the Eastern Side of the Personal Web · · ,
  206. Shattering the Design System: Unleashing the Creative Revolution · · , ,
  207. Introduction to LangChain · · ,
  208. A Tip for Properly Handling Loading States in Web Apps · · , ,
  209. Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing · · , , , ,
  210. Release Notes for Safari Technology Preview 183 · · , , ,
  211. About Subgrid and Colored Grid Lines · · ,
  212. Using Selectlist in React · · ,
  213. Letter and Spirit of Web Development · · ,
  214. Exploring V8’s Strings: Implementation and Optimizations · · , , ,
  215. How I Test a Website for Accessibility · · ,
  216. Designing for Accessibility Beyond Compliance · · , ,
  217. Node.js Monthly Downloads · · , ,
  218. Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 · · , , , , ,
  219. Accessibility Testing With Chrome DevTools · · , , , , ,
  220. Simplifying the E2E Selectors Hassle · · , ,
  221. Cracking a “Developer Tools Killer” Script… · · , ,
  222. Designing Web Design Documentation · · , ,
  223. Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax · · ,
  224. Monitoring Your Python App With AppSignal · · , ,
  225. The Top WordPress Plugins Are… a Little Sad? · · ,
  226. Your Website’s URLs Can and Should Be Beautiful · · ,
  227. Introducing the Website Carbon Rating System · · ,
  228. Growing Design by Letting Teams Experience It · ·
  229. HTML Web Components · · ,
  230. A Coder Considers the Waning Days of the Craft · · , ,
  231. Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne · · , , , ,
  232. Text With Media Background: Practical Solutions · · , , ,
  233. The Nature of Digital Is Environmentally Destructive · ·
  234. HTML First · · , ,
  235. Accessibility Training Can Sometimes Harm Accessibility · · ,
  236. Explaining Kubernetes to My Uber Driver · · ,
  237. Do You Really Need to Validate Your HTML Code? · · , ,
  238. Stop Using AI-Generated Images · · ,
  239. AI Is the New UI · · ,
  240. Lost in Translation: Tips for Multilingual Web Accessibility · · , , ,
  241. Mastering Cryptography Fundamentals With Node’s “crypto” Module · · , ,
  242. Creating Accessible UI Animations · · ,
  243. CSS Nesting Is Here · · ,
  244. Cookie Permissions 101 · · , ,
  245. A Faster Web in 2024 · · , , ,
  246. Never Use “Scroll” Value for Overflow · · ,
  247. Effective Engineering Teams · · , ,
  248. Modern Frontend Testing With Vitest, Storybook, and Playwright · · , ,
  249. HTML Web Components · · , ,
  250. How Long Until Your Website Is Accessible? · · ,