Frontend Dogma

News and Tools for Frontend Developers (12)

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

  1. 100 Bucket List Ideas for Programmers (by) · · ,
  2. Is the Flat Design Trend Finally Over? (by/via) · · , ,
  3. The “form” Attribute—Enhancing Form Layout Flexibility (via) · · ,
  4. Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican · · , , ,
  5. A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (by/via) · · , ,
  6. You Don’t Need JavaScript for That (by/via) · ·
  7. Let’s Learn How Modern JavaScript Frameworks Work by Building One (by) · · , , , ,
  8. Fastest Way of Passing State to JavaScript, Re-Visited (by/via) · · , ,
  9. Search vs. Browse · · , , ,
  10. Web Development Advent Calendars for 2023 (by) · · ,
  11. The UX of HTML (by/via) · · , ,
  12. Recovering Deleted Files From Your Git Working Tree (by/via) · · ,
  13. I Replaced npm, Yarn, and nvm With pnpm (by) · · , , , ,
  14. How to Use a Color Font (by) · · , ,
  15. Does Web Design Matter? (by) · · ,
  16. Deceptive Patterns in UX: How to Recognize and Avoid Them (by/via) · · ,
  17. Debugging BFCache, Make Your Page Load Instantly (by+/via) · · , , , , , , ,
  18. CSS Relative Colors (by/via) · · ,
  19. Create Dynamic Web Experiences With Interactive SVG Animations (via) · · , , ,
  20. Preparing for a Live Demo (by) · ·
  21. Not All Screen Reader Users Are Blind (by) · · , , , ,
  22. Node v21.3.0 (by/via) · · ,
  23. New to the Web Platform in November (by/via) · · , , , , , ,
  24. Is 2024 the Year of CSS Nesting? (by/via) · · ,
  25. How to Use Chrome’s Accessibility Tree (via) · · , , , ,
  26. Firefox on the Brink? (by) · · , ,
  27. Creating a Marquee Effect With CSS Animations (by) · · , ,
  28. Alternative Frontends (via) · · ,
  29. Testing in Production With Canary Deployments: A How-To Guide (by) · · , ,
  30. Measure LCP Sub-Parts to Improve Largest Contentful Paint (via) · · , ,
  31. Hide and Debug Empty Elements With CSS (by/via) · ·
  32. Fetch API, Do You Really Know How to Handle Errors? (by) · · , ,
  33. Design That Scales (by) · · , , , ,
  34. CSS: BEM or Atomic Design (by) · · , , ,
  35. The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query (by) · · , , , , ,
  36. Oh No, Overflow! (by/via) · · ,
  37. How to Use the File System in Node.js (by/via) · · , , ,
  38. Care Beyond Code: 7 Best Design Practices for Frontend Developers (by+/via) · · ,
  39. Accessing .env Files Natively With Node.js (by) · · ,
  40. “An Accessible Website Won’t Be Beautiful”… Really?! · · ,
  41. Keyboard Accessibility Myths and WCAG (by/via) · · , , ,
  42. Web Components Eliminate JavaScript Framework Lock-In (by) · · , , ,
  43. The “hanging-punctuation” Property in CSS (by) · · ,
  44. Resource Loading at the Cutting Edge (by/via) · · ,
  45. Kicking the Excessive JavaScript Habit (by/via) · · , , ,
  46. How to Use Responsive HTML Video (…and Audio!) (by) · · , , ,
  47. Checking the Type of a String in PHP (by) · ·
  48. Burnout in the Digital Accessibility Field (by) · · ,
  49. Accessibility: A Practical Perspective (by) · ·
  50. A Complete Guide to pnpm (via) · · , ,
  51. 10 JavaScript Changes You Missed in 2023 (by/via) · · , ,
  52. OOP Design Patterns in JavaScript (by) · · , ,
  53. Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development · · , ,
  54. “oklch()” Retains Perceived Lightness for Different Hue Angles (by) · · , , ,
  55. Are Design Ethics Useless? (by) · · ,
  56. Preventing Scroll “Bounce” With CSS (by/via) · · ,
  57. Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America (by) · · , ,
  58. Weird HTML Hacks (by) · · , , , ,
  59. Accessibility Is Leadership (by) · · ,
  60. A Few Ways CSS Is Easier to Write in 2023 (by/via) · · , ,
  61. State of JavaScript 2023 (by/via) · · ,
  62. How to Test 3.3.7 Redundant Entry (via) · · , , ,
  63. Top 10 Most Popular JavaScript Frameworks to Choose in 2024 · · , , , , , , , , , , ,
  64. Vue and Vite Status Update (by/via) · · , ,
  65. The Elevator Pitch for Web Components (by) · · , ,
  66. Test Often to Keep Your Designs Simple (by) · · , , ,
  67. Shadow DOM Is for Hiding Your Shame (by) · · , , ,
  68. Psychology of Speed: A Guide to Perceived Performance (by/via) · · , ,
  69. Choosing a Green Web Host (by/via) · · ,
  70. Browsers Only Update “:target” on Page Load and During Fragment Navigation (by/via) · · ,
  71. An Interactive Guide to CSS Grid (by) · · , , ,
  72. Why We Don’t Like TDD: A Developer’s Perspective (via) · · ,
  73. URL Parser Performance (by) · · , ,
  74. The Unbearable Weight of Massive JavaScript (by/via) · · , , ,
  75. The Tension and Future of Jamstack (by) · · ,
  76. Easy Introduction to Variables and Data Types in Programming for Beginners (by/via) · · , ,
  77. Demystifying Web Push Notifications (by) · · ,
  78. What Are Webhooks and How to Use Them · ·
  79. CSS4 Is Coming (Not a Clickbait) (by/via) · · ,
  80. How to Avoid Breaking Web Pages for Keyboard Users (by/via) · · , ,
  81. Width and Height in CSS (by) · ·
  82. 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) · ·
  83. Navigating the Intersection of Brand Strategy and User Experience (by/via) · · , ,
  84. Jimdo’s Engineering Guidelines (by/via) · · , , , ,
  85. Inspecting WCAG 2.2: Target Size (via) · · , , ,
  86. Conducting a Content Audit to Improve Your Content (via) · · , , ,
  87. Announcing TypeScript 5.3 (by/via) · · ,
  88. Introduction to AWS—DynamoDB · · , , ,
  89. CSS Nesting UX in DevTools (by) · · , , , , ,
  90. CSS Nesting (by) · · ,
  91. The CSS Property You Didn’t Know You Needed · ·
  92. Skip PHPUnit Tests Conditionally in PHP (by) · · ,
  93. How Independent Publishing Has Changed From the 1990s Until Today (by) · · , ,
  94. Comparison of Accessibility of E-Government Websites in Europe (by) · · , ,
  95. An Attempted Taxonomy of Web Components (by) · · ,
  96. 26 Frontend Certifications for Web Developers (by) · · , ,
  97. 10 Great Websites to Learn Web Development (by) · · ,
  98. 10 Tips for Driving Design System Adoption (by/via) · · ,
  99. Why You Should Curate, Not Create, a Design System (by/via) · · ,
  100. Understanding Dev Dependencies in Web Development · ·
  101. “NODE_ENV=production” Is a Lie (by) · · , , ,
  102. Integrating MongoDB With Node.js (via) · · ,
  103. HTML Web Components Are Just JavaScript? (by/via) · · , ,
  104. 5 Formatting Techniques for Long-Form Content (via) · · , , , ,
  105. The Node.js Event Loop (by/via) · · , ,
  106. Vite 5.0 Is Out (via) · · ,
  107. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (by/via) · · , , , , , , , ,
  108. Until the Right Design Emerges… (by) · ·
  109. The Developer Job Market Is Insane—5 Tips on How to Survive (by) · · , ,
  110. The Best CSS Background Patterns for Your Next Project · · ,
  111. How to Use Node.js With Docker (by/via) · · , ,
  112. Getting Started With CSS Container Queries (by/via) · · , ,
  113. Exclusive Accordions Exclude (by) · · ,
  114. Evolution of Visible Focus (by/via) · · , ,
  115. 4 Web Devs, 1 App Idea (by+/via) · · , ,
  116. Shattering the Design System: Unleashing the Creative Revolution (by/via) · · , ,
  117. About Subgrid and Colored Grid Lines (by) · · , ,
  118. Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing (by) · · , , , ,
  119. We Need to Have a Chat? I Think We Should Refactor · · , ,
  120. A Guide to Low-Code No-Code in Software Development (via) · · , ,
  121. Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (by/via) · · , , ,
  122. Why Doesn’t AI Work for Producing Accessible Code? (by) · · , ,
  123. Using Selectlist in React (by/via) · · ,
  124. Release Notes for Safari Technology Preview 183 (by/via) · · , , ,
  125. Modular CSS and Different Ways to Structure Your Stylesheets (by) · · ,
  126. Is It Worth Keeping Your CSS DRY—Pros and Cons · · , ,
  127. Introduction to LangChain (by/via) · · ,
  128. How to Optimize MongoDB Performance for Node.js (by/via) · · , , ,
  129. Browsing the Eastern Side of the Personal Web · · ,
  130. A Tip for Properly Handling Loading States in Web Apps (by) · · , ,
  131. Designing for Accessibility Beyond Compliance (via) · · , ,
  132. What Is Transpiling in JavaScript? (via) · · , , , ,
  133. Simplifying the E2E Selectors Hassle (by/via) · · , ,
  134. Node.js Monthly Downloads (by) · · , ,
  135. Letter and Spirit of Web Development (by) · · ,
  136. How I Test a Website for Accessibility (by) · · ,
  137. Exploring V8’s Strings: Implementation and Optimizations (by) · · , , ,
  138. Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (by) · · , , , , ,
  139. Cracking a “Developer Tools Killer” Script… (by) · · , ,
  140. Accessibility Testing With Chrome DevTools (by) · · , , , , ,
  141. Your Website’s URLs Can and Should Be Beautiful (by) · · ,
  142. The Top WordPress Plugins Are… a Little Sad? (by) · · ,
  143. Text With Media Background: Practical Solutions (by/via) · · , , ,
  144. Prettier 3.1: New Experimental Ternaries Formatting and Angular Control Flow Syntax (by/via) · · ,
  145. Monitoring Your Python App With AppSignal (by/via) · · , ,
  146. Is It Time for You to Leave Social Media? (via) · ·
  147. Introducing the Website Carbon Rating System (by/via) · · ,
  148. HTML Web Components (by) · · ,
  149. Growing Design by Letting Teams Experience It (by) · ·
  150. Designing Web Design Documentation (by/via) · · , ,
  151. Cascade Layers, CSS Functions, and More CSS With Miriam Suzanne (by+/via) · · , , , ,
  152. A Coder Considers the Waning Days of the Craft (by/via) · · , ,
  153. The Nature of Digital Is Environmentally Destructive (by) · ·
  154. HTML First (by) · · , ,
  155. Explaining Kubernetes to My Uber Driver (by) · · ,
  156. Accessibility Training Can Sometimes Harm Accessibility (by) · · ,
  157. AI Is the New UI (by/via) · · ,
  158. Stop Using AI-Generated Images (by/via) · · ,
  159. NCSA Mosaic: How the First Mainstream Web Browser Changed the World Forever · · , ,
  160. Mastering Cryptography Fundamentals With Node’s “crypto” Module (by) · · , ,
  161. Lost in Translation: Tips for Multilingual Web Accessibility (by) · · , , ,
  162. Do You Really Need to Validate Your HTML Code? · · , ,
  163. Never Use “Scroll” Value for Overflow (by) · · ,
  164. CSS Nesting Is Here (by/via) · · ,
  165. Creating Accessible UI Animations (via) · · ,
  166. Cookie Permissions 101 (by/via) · · , ,
  167. A Faster Web in 2024 (by) · · , , ,
  168. Understanding HTML Landmarks and How to Apply Them (by/via) · · , , ,
  169. NaN or Not a Number? (by/via) · ·
  170. Modern Frontend Testing With Vitest, Storybook, and Playwright (by/via) · · , ,
  171. HTML Web Components (by) · · , ,
  172. How Long Until Your Website Is Accessible? (by) · · ,
  173. Front End Devs Really Don’t Understand Accessibility (by) · · ,
  174. ES6 Features You Didn’t Know You Needed: A JavaScript Guide for Beginners (via) · · ,
  175. Effective Engineering Teams (by) · · , ,
  176. CSS Nesting Relaxed Syntax Update (by/via) · · , , , , ,
  177. Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit (by/via) · · , ,
  178. Using CSS “content-visibility” to Boost Your Rendering Performance (via) · · , ,
  179. CSS Positioning Crash Course (by/via) · · , , , ,
  180. AVIF: Meet the Next Level Image File Format (via) · · ,
  181. XML Basics for Computing (by) · · ,
  182. Introducing Angular v17 (by/via) · · , ,
  183. Web Developers: Remarkably Untalented and Careless? (by) · · , ,
  184. Secure Code Review Tips to Defend Against Vulnerable Node.js Code (by) · · , ,
  185. “@ scope” (by/via) · · , ,
  186. Monolith to Microservices: 5 Strategies, Challenges, and Solutions (by/via) · · , , , ,
  187. How to Use Timeouts in Node.js (by/via) · · , ,
  188. Handling Null, Undefined, and Zero Values in JavaScript (by/via) · ·
  189. Everything About SEO Is Obnoxious (by) · · , ,
  190. Angular (via) · · ,
  191. Writing Components That Work in Any Frontend Framework (by) · · ,
  192. Why We Need a “Green” Perf Metric (by/via) · · , , ,
  193. Truly Semantic (by) · · , ,
  194. Surprising Facts About New CSS Selectors (by/via) · · ,
  195. React Router v6: A Beginner’s Guide (by/via) · · , ,
  196. How Miro Migrated Its Analytics Event Tracking System (by/via) · · , , ,
  197. How Core Web Vitals Saved Users 10,000 Years of Waiting for Web Pages to Load (by+/via) · · , , ,
  198. Headless Component: A Pattern for Composing React UIs (by/via) · · , ,
  199. (Don’t) Mind the Gap (by/via) · · ,
  200. Deploying a Vue Application With Netlify and GitHub (via) · · , , ,
  201. Creating Accessible Content in Drupal 10 (by/via) · · , ,
  202. Addressing Accessibility Concerns With Using Fluid Type (by/via) · · , ,
  203. Accessibility Training Will Not Save You (by) · · , , ,
  204. 13 HTML Attributes You Should Know About (by) · ·
  205. Comparing MySQL, PostgreSQL, and MongoDB (via) · · , , , ,
  206. The Role of Prototyping in UX Design: From Wireframes to Interactive Mockups (by/via) · · , ,
  207. Removing List Styles Without Affecting Semantics (by) · · , , ,
  208. How to Use npm Packages Outside of Node (via) · · , , ,
  209. How to Build a Server-Side React App Using Vite and Express (by/via) · · , , , ,
  210. “git rebase”: What Can Go Wrong? (by) · ·
  211. Default Layouts in 11ty (by) · ·
  212. Understanding React Error Boundary (via) · ·
  213. To Hell With the Business Case (by) · · , ,
  214. How Creating Content as a Developer Changed My Life (by) · · ,
  215. Understanding CORS (by) · · ,
  216. WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA (by) · · , , ,
  217. Performance in React and Next.js (by/via) · · , , ,
  218. Workarounds for Buggy Gradients (by) · · , ,
  219. Totally Remdom, or How Browsers Zoom Text (by) · · , , , ,
  220. Messing About With CSS Gradients (by/via) · · ,
  221. How to Do a TypeScript Conversion (by) · · , , , , ,
  222. GitHub Copilot Now Generates AI Commit Messages (by) · · , ,
  223. An Accessibility Bookmarklet for Testing 200% Text Size (by) · · , ,
  224. Information vs. Experience: How to Build Mature Design Systems (via) · · , ,
  225. Content Negotiation in Practice (by/via) · · , ,
  226. Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (by) · · , , , ,
  227. Shadow DOM on Regular Elements (by) · · ,
  228. Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques (by) · · , , ,
  229. Use the CSS “:disabled” Pseudo-Class Instead of the “[disabled]” Attribute Selector to Match Disabled Form Controls (by/via) · · , ,
  230. In Quest to Defeat Euro Red-Tape, Apple Said It Had Three Safari Browsers—Not One (by/via) · · , , , ,
  231. How to Write Good Alt Text for Screen Readers (by) · · , , , , ,
  232. How to Use the Fetch API in Node.js, Deno, and Bun (by/via) · · , , , , , ,
  233. “:fullscreen” Demo Without JavaScript (by) · · ,
  234. Can AI Help Boost Accessibility? These Researchers Tested It for Themselves (via) · · , ,
  235. Answers to Common (Web) Accessibility Questions (by) · ·
  236. 10 Best Web Development Stacks · · ,
  237. Understanding Cookies (by/via) · ·
  238. The “prefers-reduced-transparency” Media Feature (by) · · , ,
  239. The People Who Ruined the Internet (by/via) · · , ,
  240. The Dangers of Doomscrolling for Designers and How to Break Free (via) · ·
  241. Technical Standards Bodies Are Regulators (by) · · , ,
  242. Speeding Up the JavaScript Ecosystem—Tailwind CSS (by) · · , ,
  243. Response Code Cheat Sheet for Laravel HTTP Client (by) · · , ,
  244. Release Notes for Safari Technology Preview 182 (by/via) · · , , ,
  245. Personal-Scale Web Scraping for Fun and Profit · · , , ,
  246. One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection (by) · · ,
  247. Learn Performance (by+/via) · · ,
  248. How Bear Does Analytics With CSS · · , , ,
  249. Getting Started With NVDA (via) · · , , , , ,
  250. Dark Visitors (by) · · , , ,