Frontend Dogma

News and Tools for Frontend Development (4)

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

  1. Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit · · , ,
  2. ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners · · ,
  3. Front End Devs Really Don’t Understand Accessibility · · ,
  4. NaN or Not a Number? · ·
  5. CSS Nesting Relaxed Syntax Update · · , , , , ,
  6. Understanding HTML Landmarks and How to Apply Them · · , , ,
  7. CSS Positioning Crash Course · · , ,
  8. Handling Null, Undefined, and Zero Values in JavaScript · ·
  9. Introducing Angular v17 · · ,
  10. Using CSS “content-visibility” to Boost Your Rendering Performance · · , ,
  11. Web Developers: Remarkably Untalented and Careless? · · , ,
  12. Secure Code Review Tips to Defend Against Vulnerable Node.js Code · · , ,
  13. “@ scope” · · ,
  14. How to Use Timeouts in Node.js · · , ,
  15. Everything About SEO Is Obnoxious · · , ,
  16. (Don’t) Mind the Gap · · ,
  17. Addressing Accessibility Concerns With Using Fluid Type · · , ,
  18. Writing Components That Work in Any Frontend Framework · · ,
  19. Why We Need a “Green” Perf Metric · · , , ,
  20. React Router v6: A Beginner’s Guide · · , ,
  21. 13 HTML Attributes You Should Know About · ·
  22. Accessibility Training Will Not Save You · · , , ,
  23. How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load · · , , ,
  24. Surprising Facts About New CSS Selectors · · ,
  25. Headless Component: A Pattern for Composing React UIs · · , ,
  26. Deploying a Vue Application With Netlify and GitHub · · , , ,
  27. Creating Accessible Content in Drupal 10 · · , ,
  28. The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups · · , ,
  29. How to Build a Server-Side React App Using Vite and Express · · , , , ,
  30. “git rebase”: What Can Go Wrong? · ·
  31. Removing List Styles Without Affecting Semantics · · , , ,
  32. How to Use npm Packages Outside of Node · · , , ,
  33. Default Layouts in 11ty · ·
  34. To Hell With the Business Case · · , ,
  35. Understanding React Error Boundary · ·
  36. image-dimensions · · , ,
  37. How Creating Content as a Developer Changed My Life · · ,
  38. WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA · · , , ,
  39. Understanding CORS · · ,
  40. Messing About With CSS Gradients · · ,
  41. An Accessibility Bookmarklet for Testing 200% Text Size · · , ,
  42. Workarounds for Buggy Gradients · · , ,
  43. Totally Remdom, or How Browsers Zoom Text · · , , ,
  44. How to Do a TypeScript Conversion · · , , , , ,
  45. GitHub Copilot Now Generates AI Commit Messages · · , ,
  46. Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls · · , ,
  47. Don’t Turn a Table into an ARIA Grid Just for a Clickable Row · · , , ,
  48. Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques · · , , ,
  49. Answers to Common (Web) Accessibility Questions · ·
  50. In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One · · , , , ,
  51. Information vs. Experience: How to Build Mature Design Systems · · , ,
  52. “:fullscreen” Demo Without JavaScript · · ,
  53. Can AI Help Boost Accessibility? These Researchers Tested It for Themselves · · , ,
  54. How to Write Good Alt Text for Screen Readers · · , , , , ,
  55. How to Use the Fetch API in Node.js, Deno, and Bun · · , , , , , ,
  56. 10 Best Web Development Stacks · · ,
  57. How Bear Does Analytics With CSS · · , ,
  58. Speeding Up the JavaScript Ecosystem—Tailwind CSS · · , ,
  59. 0 KB Social Media Embeds · · ,
  60. The People Who Ruined the Internet · · , ,
  61. Learn Performance · · ,
  62. One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection · · ,
  63. Breaking Down a Design · ·
  64. Confusing Git Terminology · · ,
  65. The “prefers-reduced-transparency” Media Feature · · , ,
  66. The Dangers of Doomscrolling for Designers and How to Break Free · ·
  67. Dark Visitors · · , , ,
  68. A Comprehensive Guide to Data Engineering · · ,
  69. Response Code Cheat Sheet for Laravel HTTP Client · · , ,
  70. Release Notes for Safari Technology Preview 182 · · , , ,
  71. Blinded by the Light DOM · · , , ,
  72. 2023: 0 of the Global Top 100 Websites Use Valid HTML · · , , ,
  73. Remix ❤️ Vite · · , ,
  74. Answering Common Questions About Interpreting Page Speed Reports · · ,
  75. Accessibility by Degrees · · ,
  76. Mobile-First Indexing Has Landed—Thanks for All Your Support · · , ,
  77. Better Dynamic Themes in Tailwind With OKLCH Color Magic · · , , ,
  78. Why Signals Are Better Than React Hooks · · , , , , ,
  79. A Complete Guide to LangChain in JavaScript · · , , ,
  80. Effective Strategies for Optimizing Performance · · , ,
  81. What Exactly Is “Modern” CSS? · ·
  82. Interop 2023 October Update · · , , ,
  83. Don’t Disable Buttons · · , ,
  84. 20 Effective Tips to Speed Up Your Drupal Website · · , , ,
  85. A Guide to Using MSSQL With Node.js · · , , ,
  86. Unit-Testing: The Unsung Hero of Code Quality · · ,
  87. Is Express Still “De Facto” for Building Node Backends? · · ,
  88. The New CSS Math: “rem()” and “mod()” · · , ,
  89. Let’s Reinvent the Wheel · · , , , ,
  90. View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? · · , ,
  91. An Introduction to Working With SVGs in React · · , ,
  92. Why Is node_modules Heavier Than the Universe? · ·
  93. State of React 2023 · · ,
  94. You’re Gonna Need a Bigger Browser · · , , ,
  95. AI as a UX Assistant · · ,
  96. How to Find a Developer Job in 2023 (With Little or No Experience) · · ,
  97. Some Sensible Defaults for Your “img” Elements · · ,
  98. HTML vs. DOM? Let’s Debug Them · · , , , ,
  99. What the !#@% Is a Passkey? · · ,
  100. Why I Won’t Use Next.js · · ,
  101. Testing and Code Quality in Node.js · · , ,
  102. Next.js 14 · · ,
  103. Secret Scanning Scans Public npm Packages · · , , ,
  104. 20 Simple Ways to Style the HTML “details” Element · · ,
  105. Deprecation of Formatting Rules · · , , , ,
  106. Introduction to htmx · · ,
  107. Introduction to Real-Time Communication in PHP Laravel · · ,
  108. Astro 3.4: Page Partials · · ,
  109. Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” · · , ,
  110. Vue.js (Vue v3) for Beginners · · , ,
  111. Web Components Will Outlive Your JavaScript Framework · · , ,
  112. What Does the “A” Mean in “DEAI”? · · ,
  113. CSS “prefers-reduced-transparency” · · , ,
  114. Data Engineering Essentials #1: Your First Pipeline · ·
  115. WebKit Features in Safari 17.1 · · , , , ,
  116. Sheet, Dialog, or Snackbar—What Should a Designer Go For? · · , ,
  117. It’s 2023, Here Is Why Your Web Design Sucks · · , ,
  118. Goodbye, Node.js Buffer · ·
  119. My Problem With Using TypeScript in 2023 · · ,
  120. A Comprehensive Guide to Django Caching · · , ,
  121. Complex MPA View Transitions · · , ,
  122. Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators · · , , , ,
  123. What Removing Object Properties Tells Us About JavaScript · · ,
  124. Igalia Chats: Web History Part VI · · , , ,
  125. Release: Yarn 4.0 · · ,
  126. JavaScript Anti-Pattern: Self-Documenting Code · · , ,
  127. Select Element: Now With Horizontal Rules · · , ,
  128. Stop Waiting · · ,
  129. JavaScript Is Enabled by Default in Web Browsers · · , ,
  130. In Defense of Learning on Company Time · · ,
  131. Splitting Within Selects · · , , , ,
  132. JavaScript Decorators: An In-Depth Guide · · ,
  133. Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed · · , ,
  134. Changing Colors in an SVG Element Using CSS and JavaScript · · , , ,
  135. Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency · · , ,
  136. CSS “text-wrap: pretty” · · , , , , ,
  137. Color Contrast Accessibility Tools With Examples · · , , , , ,
  138. Svelte by Example · · , ,
  139. Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent · · , , , ,
  140. Tailwind vs. Semantic CSS · · , , , , ,
  141. Accessibility Improvements for User-Agents · · ,
  142. Strikethrough Accessibility · · , , , , ,
  143. Finding the Primary Branch of a Git Repository · ·
  144. How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser · · ,
  145. Is CAPTCHA Accessible? · · ,
  146. Using ChatGPT for Smart Truncation in Responsive Web Design · · , , ,
  147. Embedding Accessibility into Code Reviews · · , , ,
  148. When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” · · , ,
  149. What Should Be the Contrast Level of Inactive Buttons? · · , ,
  150. Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes · · , , ,
  151. Web Accessibility Strategies for Non-Accessible Projects · · , , ,
  152. Prodding Firefox to Update “:has()” Selection · · , , , ,
  153. How to Collaborate on Pull Requests for Beginners · · , ,
  154. The Need for Recognition in Open Source · · , , ,
  155. Don’t Do It on Frontend or… Frontend Good Practices for Devs · · , , ,
  156. I Asked People to Make This Simple Layout and Was Surprised by the Results · · , , ,
  157. Why Unique ID Attributes Matter · · , ,
  158. How to Map a Number Between Two Ranges · · , ,
  159. Storybook 7.5 · · ,
  160. Do We Need State Management in Angular? · · ,
  161. Solid.js Creator Outlines Options to Reduce JavaScript Code · · ,
  162. The Inverse Value of UX and Art · · ,
  163. Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? · · , , , ,
  164. On the Uniting Power of a Commitment to HTML Conformance · · , , , ,
  165. The New “light-dark()” Function to Switch Theme Color in CSS · · , ,
  166. How to Animate Along a Path in CSS · · , ,
  167. Release Notes for Safari Technology Preview 181 · · , , ,
  168. How to Use SEO to Build Long-Term Brand Recognition and Visibility · · , ,
  169. Burn Your Toast · · , ,
  170. The Three Cs: Concatenate, Compress, Cache · · , ,
  171. A Couple of New CSS Functions I’d Never Heard Of · · ,
  172. Transition Animations: A Practical Guide · · , , ,
  173. React Design Patterns · · ,
  174. The Nuances of Base64 Encoding Strings in JavaScript · · ,
  175. Start Styling Your “console.log()” Messages in DevTools · · , , ,
  176. Node.js 21 Available Now! · · ,
  177. Common Vue.js Development Mistakes and How to Avoid Them · · ,
  178. 2.4.11: Adversarial Conformance · · , ,
  179. Ensuring Negative Numbers Are Available for Everyone · · , ,
  180. “JavaScript Is Weird” as a Compressor · · ,
  181. Scroll-Driven State Transfer · · ,
  182. Link Colors and the Rule of Tincture · · ,
  183. CSS Findings from Photoshop Web Version · · , ,
  184. Bubble Sort… in Pure CSS? (No JS) · · , ,
  185. How to Style Element Descendants With Tailwind CSS · · ,
  186. What’s New in CSS? · · ,
  187. 44 React Frontend Interview Questions · · ,
  188. Organizing Multiple Git Identities · ·
  189. How We Optimized Package Imports in Next.js · · , , ,
  190. The Negative Impact of Mobile-First Web Design on Desktop · · , , , ,
  191. Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon · · , , ,
  192. Button Labels: Is “OK” Ok? · · , , ,
  193. Honor User’s Transparency Setting in CSS · · , ,
  194. Scrollbars Are Becoming a Problem · · , ,
  195. Digital Accessibility Blogs and Newsletters · · ,
  196. Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer · · ,
  197. Why Companies Kill Great Design · ·
  198. Using CSS Custom Properties Like This Is a Waste · · , ,
  199. Quick Tip: Creating Polymorphic Components in TypeScript · · , ,
  200. Astro 3.3: Picture Component · · ,
  201. Designing for All: The Basic Principles of Web Accessibility · · , , ,
  202. We Need Web Progress, Not Pessimism · · ,
  203. You Can’t Get Faster Than No Build · · ,
  204. Why Naming Is #1 Skill for Writing Clean Code · · , ,
  205. Let’s Prototype a JavaScript JIT Compiler · · , , ,
  206. Introduction to Web Sustainability · · ,
  207. CSS Relative Color Syntax · · , ,
  208. Preventing and Debugging Memory Leaks in Node.js · · , ,
  209. Styling External Links With Attribute Selectors · · , ,
  210. Skip Links on ikea.com · · , ,
  211. Greenwashing and the COP28 Website · · ,
  212. Local HTTPS for Next.js 13.5 · · , , ,
  213. AI Could Soon Need as Much Electricity as an Entire Country · · ,
  214. 5 Best Practices for Preventing Chaos in Tailwind CSS · · ,
  215. The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport · · , ,
  216. The Selected Date Must Be Within the Last 10 Years · · , ,
  217. The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” · · , ,
  218. Obligatory WCAG 2.2 Launch Post · · , ,
  219. Why the Internet Isn’t Fun Anymore · · ,
  220. CSS-Only Scroll-Driven Animation and Other Impossible Things · · , ,
  221. Inclusivity in the Digital Age: The Importance of Accessibility Advocacy · · , ,
  222. Extending the Properties of an HTML Element in TypeScript · · , ,
  223. Adding Search to an Eleventy Site Without Client-Side JavaScript · · , , ,
  224. Speeding Up the JavaScript Ecosystem—the Barrel File Debacle · · , ,
  225. The Hidden Performance Cost of Node.js and GraphQL · · , ,
  226. CSS 3D Text Effects · · ,
  227. Naming Variables in CSS · · , ,
  228. Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” · · , ,
  229. Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers · · , , , ,
  230. Table of Contents: The Ultimate Design Guide · · , , ,
  231. Demystifying WCAG 2.2 · · , ,
  232. How Did You Switch from JavaScript to TypeScript? · · , , ,
  233. WCAG 2.2 and Validation · · , , ,
  234. Writing Accessible Form Messages · · , ,
  235. Which Is the Best Image Format for Your Website? · · , , , , , ,
  236. Quick Tip: Decorators in TypeScript · · ,
  237. An Anchored Navbar Solution · · , ,
  238. What’s New in WCAG 2.2 · · , , ,
  239. Intopia Launches WCAG 2.2 Map · · , ,
  240. GitHub Actions: “NODE_OPTIONS” Is Now Restricted from “GITHUB_ENV” · · , ,
  241. When to Nest CSS · · ,
  242. WCAG 2.2 Is Now a W3C Recommendation · · , ,
  243. WCAG 2.2 Is Now a Published Web Standard · · , ,
  244. What Happened to Separation of Concerns in Frontend Development · · , , , ,
  245. React Micro-Frontends Using Vite · · , ,
  246. Hey Designers, They’re Gaslighting You · · ,
  247. Web Content Accessibility Guidelines (WCAG) 2.2 · · , , ,
  248. It’s Time to Rethink the Americans With Disabilities Act · · ,
  249. Chrome Now Shows Each Active Tab’s Memory Usage · · , , ,
  250. Whatever Happened to the Zend Framework · · , ,