Frontend Dogma

News and Tools for Frontend Development (7)

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

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