Frontend Dogma

News and Tools for Frontend Development (6)

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

  1. Vue and Vite Status Update · · , ,
  2. The Elevator Pitch for Web Components · · , ,
  3. Shadow DOM Is for Hiding Your Shame · · , , ,
  4. Psychology of Speed: A Guide to Perceived Performance · · , ,
  5. URL Parser Performance · · , ,
  6. Why We Don’t Like TDD: A Developer’s Perspective · · ,
  7. An Interactive Guide to CSS Grid · · , ,
  8. The Unbearable Weight of Massive JavaScript · · , , ,
  9. Demystifying Web Push Notifications · · ,
  10. Easy Introduction to Variables and Data Types in Programming for Beginners · · , ,
  11. The Tension and Future of Jamstack · · ,
  12. Conducting a Content Audit to Improve Your Content · · , , ,
  13. Navigating the Intersection of Brand Strategy and User Experience · · , ,
  14. CSS4 Is Coming (Not a Clickbait) · · ,
  15. The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name · ·
  16. Announcing TypeScript 5.3 · · ,
  17. Width and Height in CSS · ·
  18. How to Avoid Breaking Web Pages for Keyboard Users · · , ,
  19. What Are Webhooks and How to Use Them · ·
  20. Inspecting WCAG 2.2: Target Size · · , , ,
  21. Jimdo’s Engineering Guidelines · · , , , ,
  22. CSS Nesting · · ,
  23. CSS Nesting UX in DevTools · · , , , , ,
  24. An Attempted Taxonomy of Web Components · · ,
  25. Skip PHPUnit Tests Conditionally in PHP · · ,
  26. How Independent Publishing Has Changed from the 1990s Until Today · · , ,
  27. The CSS Property You Didn’t Know You Needed · ·
  28. 10 Great Websites to Learn Web Development · · ,
  29. 26 Frontend Certifications for Web Developers · · , ,
  30. Comparison of Accessibility of E-Government Websites in Europe · · , ,
  31. HTML Web Components Are Just JavaScript? · · , ,
  32. Why You Should Curate, Not Create, a Design System · · ,
  33. 5 Formatting Techniques for Long-Form Content · · , , , ,
  34. Integrating MongoDB With Node.js · · ,
  35. 10 Tips for Driving Design System Adoption · · ,
  36. “NODE_ENV=production” Is a Lie · · , , ,
  37. Exclusive Accordions Exclude · · ,
  38. Getting Started With CSS Container Queries · · , ,
  39. Vite 5.0 Is Out · · ,
  40. How to Use Node.js With Docker · · , ,
  41. Until the Right Design Emerges… · ·
  42. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA · · , , , , , , , ,
  43. Evolution of Visible Focus · · , ,
  44. 4 Web Devs, 1 App Idea · · , ,
  45. The Best CSS Background Patterns for Your Next Project · · ,
  46. The Developer Job Market Is Insane—5 Tips on How to Survive · · , ,
  47. Is It Worth Keeping Your CSS DRY—Pros and Cons · · , ,
  48. Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator · · , ,
  49. Why Doesn’t AI Work for Producing Accessible Code? · · , ,
  50. Modular CSS and Different Ways to Structure Your Stylesheets · · ,
  51. We Need to Have a Chat? I Think We Should Refactor · · , ,
  52. Shattering the Design System: Unleashing the Creative Revolution · · , ,
  53. Introduction to LangChain · · ,
  54. A Tip for Properly Handling Loading States in Web Apps · · , ,
  55. Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing · · , , , ,
  56. Release Notes for Safari Technology Preview 183 · · , , ,
  57. About Subgrid and Colored Grid Lines · · ,
  58. Using Selectlist in React · · ,
  59. Browsing the Eastern Side of the Personal Web · · ,
  60. How to Optimize MongoDB Performance for Node.js · · , , ,
  61. Letter and Spirit of Web Development · · ,
  62. Exploring V8’s Strings: Implementation and Optimizations · · , , ,
  63. How I Test a Website for Accessibility · · ,
  64. Designing for Accessibility Beyond Compliance · · , ,
  65. Node.js Monthly Downloads · · , ,
  66. Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 · · , , , , ,
  67. Accessibility Testing With Chrome DevTools · · , , , , ,
  68. Simplifying the E2E Selectors Hassle · · , ,
  69. Cracking a “Developer Tools Killer” Script… · · , ,
  70. Designing Web Design Documentation · · , ,
  71. Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax · · ,
  72. Monitoring Your Python App With AppSignal · · , ,
  73. The Top WordPress Plugins Are… a Little Sad? · · ,
  74. Your Website’s URLs Can and Should Be Beautiful · · ,
  75. Introducing the Website Carbon Rating System · · ,
  76. Growing Design by Letting Teams Experience It · ·
  77. HTML Web Components · · ,
  78. A Coder Considers the Waning Days of the Craft · · , ,
  79. Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne · · , , , ,
  80. Text With Media Background: Practical Solutions · · , , ,
  81. The Nature of Digital Is Environmentally Destructive · ·
  82. HTML First · · , ,
  83. Accessibility Training Can Sometimes Harm Accessibility · · ,
  84. Explaining Kubernetes to My Uber Driver · · ,
  85. Do You Really Need to Validate Your HTML Code? · · , ,
  86. Stop Using AI-Generated Images · · ,
  87. AI Is the New UI · · ,
  88. Lost in Translation: Tips for Multilingual Web Accessibility · · , , ,
  89. Mastering Cryptography Fundamentals With Node’s “crypto” Module · · , ,
  90. Creating Accessible UI Animations · · ,
  91. CSS Nesting Is Here · · ,
  92. Cookie Permissions 101 · · , ,
  93. A Faster Web in 2024 · · , , ,
  94. Never Use “Scroll” Value for Overflow · · ,
  95. Effective Engineering Teams · · , ,
  96. Modern Frontend Testing With Vitest, Storybook, and Playwright · · , ,
  97. HTML Web Components · · , ,
  98. How Long Until Your Website Is Accessible? · · ,
  99. Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit · · , ,
  100. ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners · · ,
  101. Front End Devs Really Don’t Understand Accessibility · · ,
  102. NaN or Not a Number? · ·
  103. CSS Nesting Relaxed Syntax Update · · , , , , ,
  104. Understanding HTML Landmarks and How to Apply Them · · , , ,
  105. CSS Positioning Crash Course · · , ,
  106. Handling Null, Undefined, and Zero Values in JavaScript · ·
  107. Introducing Angular v17 · · ,
  108. Using CSS “content-visibility” to Boost Your Rendering Performance · · , ,
  109. Web Developers: Remarkably Untalented and Careless? · · , ,
  110. Secure Code Review Tips to Defend Against Vulnerable Node.js Code · · , ,
  111. “@ scope” · · ,
  112. Everything About SEO Is Obnoxious · · , ,
  113. Monolith to Microservices: 5 Strategies, Challenges, and Solutions · · , , , ,
  114. How to Use Timeouts in Node.js · · , ,
  115. (Don’t) Mind the Gap · · ,
  116. Addressing Accessibility Concerns With Using Fluid Type · · , ,
  117. Writing Components That Work in Any Frontend Framework · · ,
  118. Why We Need a “Green” Perf Metric · · , , ,
  119. React Router v6: A Beginner’s Guide · · , ,
  120. 13 HTML Attributes You Should Know About · ·
  121. Accessibility Training Will Not Save You · · , , ,
  122. How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load · · , , ,
  123. Surprising Facts About New CSS Selectors · · ,
  124. Headless Component: A Pattern for Composing React UIs · · , ,
  125. Deploying a Vue Application With Netlify and GitHub · · , , ,
  126. Creating Accessible Content in Drupal 10 · · , ,
  127. Truly Semantic · · , ,
  128. The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups · · , ,
  129. “git rebase”: What Can Go Wrong? · ·
  130. Removing List Styles Without Affecting Semantics · · , , ,
  131. How to Use npm Packages Outside of Node · · , , ,
  132. Default Layouts in 11ty · ·
  133. How to Build a Server-Side React App Using Vite and Express · · , , , ,
  134. To Hell With the Business Case · · , ,
  135. Understanding React Error Boundary · ·
  136. image-dimensions · · , ,
  137. How Creating Content as a Developer Changed My Life · · ,
  138. WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA · · , , ,
  139. Understanding CORS · · ,
  140. Messing About With CSS Gradients · · ,
  141. An Accessibility Bookmarklet for Testing 200% Text Size · · , ,
  142. Workarounds for Buggy Gradients · · , ,
  143. Totally Remdom, or How Browsers Zoom Text · · , , ,
  144. How to Do a TypeScript Conversion · · , , , , ,
  145. GitHub Copilot Now Generates AI Commit Messages · · , ,
  146. Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls · · , ,
  147. Don’t Turn a Table into an ARIA Grid Just for a Clickable Row · · , , ,
  148. Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques · · , , ,
  149. Answers to Common (Web) Accessibility Questions · ·
  150. In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One · · , , , ,
  151. Information vs. Experience: How to Build Mature Design Systems · · , ,
  152. “:fullscreen” Demo Without JavaScript · · ,
  153. Can AI Help Boost Accessibility? These Researchers Tested It for Themselves · · , ,
  154. How to Write Good Alt Text for Screen Readers · · , , , , ,
  155. How to Use the Fetch API in Node.js, Deno, and Bun · · , , , , , ,
  156. 10 Best Web Development Stacks · · ,
  157. Speeding Up the JavaScript Ecosystem—Tailwind CSS · · , ,
  158. 0 KB Social Media Embeds · · ,
  159. The People Who Ruined the Internet · · , ,
  160. Learn Performance · · ,
  161. One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection · · ,
  162. Breaking Down a Design · ·
  163. Confusing Git Terminology · · ,
  164. The “prefers-reduced-transparency” Media Feature · · , ,
  165. The Dangers of Doomscrolling for Designers and How to Break Free · ·
  166. Dark Visitors · · , , ,
  167. A Comprehensive Guide to Data Engineering · · ,
  168. Response Code Cheat Sheet for Laravel HTTP Client · · , ,
  169. Release Notes for Safari Technology Preview 182 · · , , ,
  170. Blinded by the Light DOM · · , , ,
  171. How Bear Does Analytics With CSS · · , , ,
  172. Getting Started With NVDA · · , , , , ,
  173. Personal-Scale Web Scraping for Fun and Profit · · , , ,
  174. 2023: 0 of the Global Top 100 Websites Use Valid HTML · · , , ,
  175. Remix ❤️ Vite · · , ,
  176. Answering Common Questions About Interpreting Page Speed Reports · · ,
  177. Accessibility by Degrees · · ,
  178. Mobile-First Indexing Has Landed—Thanks for All Your Support · · , ,
  179. Better Dynamic Themes in Tailwind With OKLCH Color Magic · · , , ,
  180. Why Signals Are Better Than React Hooks · · , , , , ,
  181. A Complete Guide to LangChain in JavaScript · · , , ,
  182. Effective Strategies for Optimizing Performance · · , ,
  183. What Exactly Is “Modern” CSS? · ·
  184. Interop 2023 October Update · · , , ,
  185. Don’t Disable Buttons · · , ,
  186. 20 Effective Tips to Speed Up Your Drupal Website · · , , ,
  187. A Guide to Using MSSQL With Node.js · · , , ,
  188. Unit-Testing: The Unsung Hero of Code Quality · · ,
  189. Is Express Still “De Facto” for Building Node Backends? · · ,
  190. The New CSS Math: “rem()” and “mod()” · · , ,
  191. Let’s Reinvent the Wheel · · , , , ,
  192. An Introduction to Working With SVGs in React · · , ,
  193. Why Is node_modules Heavier Than the Universe? · ·
  194. View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? · · , ,
  195. State of React 2023 · · ,
  196. You’re Gonna Need a Bigger Browser · · , , ,
  197. AI as a UX Assistant · · ,
  198. How to Find a Developer Job in 2023 (With Little or No Experience) · · ,
  199. Some Sensible Defaults for Your “img” Elements · · ,
  200. So You’ve Been Publicly Accessibility-Shamed · · , ,
  201. HTML vs. DOM? Let’s Debug Them · · , , , ,
  202. What the !#@% Is a Passkey? · · ,
  203. Why I Won’t Use Next.js · · ,
  204. Testing and Code Quality in Node.js · · , ,
  205. Next.js 14 · · ,
  206. Secret Scanning Scans Public npm Packages · · , , ,
  207. 20 Simple Ways to Style the HTML “details” Element · · ,
  208. Deprecation of Formatting Rules · · , , , ,
  209. Introduction to htmx · · ,
  210. Introduction to Real-Time Communication in PHP Laravel · · ,
  211. Astro 3.4: Page Partials · · ,
  212. Performance Optimization With Worker Threads Node.js · · , , ,
  213. Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” · · , ,
  214. Vue.js (Vue v3) for Beginners · · , ,
  215. Web Components Will Outlive Your JavaScript Framework · · , ,
  216. What Does the “A” Mean in “DEAI”? · · ,
  217. CSS “prefers-reduced-transparency” · · , ,
  218. Data Engineering Essentials #1: Your First Pipeline · ·
  219. WebKit Features in Safari 17.1 · · , , , ,
  220. Sheet, Dialog, or Snackbar—What Should a Designer Go For? · · , ,
  221. It’s 2023, Here Is Why Your Web Design Sucks · · , ,
  222. Goodbye, Node.js Buffer · ·
  223. My Problem With Using TypeScript in 2023 · · ,
  224. A Comprehensive Guide to Django Caching · · , ,
  225. Complex MPA View Transitions · · , ,
  226. Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators · · , , , ,
  227. What Removing Object Properties Tells Us About JavaScript · · ,
  228. Igalia Chats: Web History Part VI · · , , ,
  229. Release: Yarn 4.0 · · ,
  230. JavaScript Anti-Pattern: Self-Documenting Code · · , ,
  231. Stop Waiting · · ,
  232. JavaScript Is Enabled by Default in Web Browsers · · , ,
  233. In Defense of Learning on Company Time · · ,
  234. Splitting Within Selects · · , , , ,
  235. JavaScript Decorators: An In-Depth Guide · · ,
  236. Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed · · , ,
  237. Changing Colors in an SVG Element Using CSS and JavaScript · · , , ,
  238. Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency · · , ,
  239. CSS “text-wrap: pretty” · · , , , , ,
  240. Color Contrast Accessibility Tools With Examples · · , , , , ,
  241. Svelte by Example · · , ,
  242. Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent · · , , , ,
  243. Tailwind vs. Semantic CSS · · , , , , ,
  244. HTML Meta Tags · · ,
  245. Select Element: Now With Horizontal Rules · · , , , , , , , ,
  246. Accessibility Improvements for User-Agents · · ,
  247. Strikethrough Accessibility · · , , , , ,
  248. Finding the Primary Branch of a Git Repository · ·
  249. How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser · · ,
  250. Is CAPTCHA Accessible? · · ,