Frontend Dogma

News and Tools for Frontend Developers (10)

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

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