Frontend Dogma

News and Tools for Frontend Development (6)

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

  1. The Most Demanded Frontend Frameworks in 2023 (by) · · , , , ,
  2. Thoughts on a Global Design System (by) · ·
  3. Visual Hierarchy: Making User Experiences Easier to Understand (by/via) · · ,
  4. Getting Into Web Components—an Intro (by) · · ,
  5. You Won’t Scale (by) · · ,
  6. htmx Deep Dive With Carson Gross (via) · · ,
  7. The Importance of Web Performance to Information Equity (by/via) · · , ,
  8. Why Disabled People’s Needs Aren’t “Special” (by) · ·
  9. “X” Marks the Spot: Landmark Elements (by) · · , , , ,
  10. 5 Hidden Risks of Your Inaccessible Website (by/via) · ·
  11. All Art Is a Copy of Something (by) · ·
  12. SOLID Principles: They’re Rock-Solid for Good Reason (by) · · ,
  13. What Is WAP? (by/via) · · ,
  14. From Many to One: Moving Our JavaScript Code Into a Monorepo (via) · · , , ,
  15. A Look at the New WAI-ARIA 1.3 Draft (by) · · , ,
  16. Career Retrospective (by) · · ,
  17. Dynamically Adding Text Alternatives to Images With AI (by/via) · · , , ,
  18. Everyone’s a Sellout Now (by/via) · · ,
  19. How to Make a Great Framework Better?—Svelte 5 With Rich Harris (by/via) · · , ,
  20. Interop 2024 (by/via) · · , , ,
  21. The Web Just Gets Better With Interop 2024 (by/via) · · , , ,
  22. Tracking Your Interviews Is Extremely Important (by) · · ,
  23. Drupal Creator: Websites Needed More Than Ever in the AI Era (by/via) · · , ,
  24. A Complete Guide to Open Source—100× Simpler (by) · · ,
  25. 5 Essential DevTools Console Hacks for Every Web Developer (by) · · , ,
  26. Be Purposeful About Your Content (via) · · , ,
  27. Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (via) · · , , , ,
  28. Implementing User Authentication in React Apps With Appwrite (via) · · , ,
  29. Interaction to Next Paint Becomes a Core Web Vital on March 12 (by+/via) · · , ,
  30. Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (by/via) · · , , , ,
  31. PurePWA—a Radical U-Turn in Web Development · · , ,
  32. Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization (by/via) · · , , ,
  33. The Art and Science of Annotations in Dev Mode (by/via) · ·
  34. The Good, the Bad, the Web Components (by) · · , ,
  35. Making VPATs and ACRs More Effective in Procurement (via) · · , ,
  36. How to Stream Files From Next.js Route Handlers (by) · · , , ,
  37. Why Not htmx? (by) · ·
  38. Celebrate a More Interoperable Web With Interop 2023 (by/via) · · , , ,
  39. “field-sizing” Just Works! (by/via) · · , ,
  40. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (by/via) · · , ,
  41. Is Generated Code Harder to Maintain? (by) · · , , ,
  42. Learn Testing (by/via) · · ,
  43. New to the Web Platform in January (by/via) · · , , , , , , , ,
  44. Onboarding (by/via) · · , , ,
  45. The Psychology of Site Speed and Human Happiness (by/via) · · ,
  46. Understanding Signals in Django (by/via) · · ,
  47. Use CSS “accent-color” to Style Your Inputs (by) · · ,
  48. Why Do Rubber Ducks Work? (by/via) · · , ,
  49. Tuesday, February 6, 2024 Security Releases (by/via) · · , ,
  50. Web Platform Design Principles (by+/via) · · , , ,
  51. Stop Burning Out Maintainers: An Empathetic Guide for Contributors (by/via) · · , ,
  52. A Highly Configurable Switch Component Using Modern CSS Techniques (by/via) · · ,
  53. At Last, Browser Choice * (by) · · , , ,
  54. Debunking 10 Common Objections to Incremental Delivery for Software Teams (by/via) · · ,
  55. Express Forward (by/via) · · , ,
  56. How to Favicon in 2024: Six Files That Fit Most Needs (by/via) · · , ,
  57. Next.js App Router Migration: The Good, Bad, and Ugly (by/via) · · , ,
  58. Practical Guide to Destructuring: TypeScript vs. Dart (by) · · , , ,
  59. The EU Forces Open Apple’s Walled Garden (by/via) · · , , ,
  60. The Loss of the Process in the Name of Progress (via) · · , , ,
  61. The Web Component Success Story (by) · ·
  62. Dynamic README Image Based on GitHub Activity (by) · · ,
  63. A Guide to Styling Tables (by) · · , ,
  64. Design Systems Burnout (by) · ·
  65. Nicer Text Wrapping With CSS “text-wrap” (by) · · ,
  66. Apple Redecorates Its iPhone Prison to Appease Europe (by/via) · · , , ,
  67. Apple, the DMA, and Malicious Compliance (by) · · , , ,
  68. Futuring With Design (via) · · , ,
  69. Please, Don’t Force Me to Log In (by) · · , ,
  70. Big, Beautiful, Beefy Focus States With “:focus-visible” (by) · · , ,
  71. Gold Text Effect With CSS (by) · · ,
  72. 5 Web Design Disasters That Will Ruin Your 2024 (via) · · , ,
  73. 7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (by/via) · · , ,
  74. HTML Web Components on the Server Are Great (by) · · ,
  75. Inside .git (by) · ·
  76. Introducing Our Updated [Green Web Hosting] Directory (by/via) · · , ,
  77. Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (by/via) · · , , , ,
  78. Overlays and Ethics: A Conference Panel That Hurt My Heart (by) · · , , ,
  79. The Impact of Developer Experience (by) · · , , ,
  80. A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js (by) · · , , , , ,
  81. Animating Font Palette (by) · · , , ,
  82. CSS Blurry Shimmer Effect (by/via) · · ,
  83. Deno 1.40: Temporal API (by+/via) · · ,
  84. JWT vs. Session Authentication (by/via) · · , , ,
  85. One World, One Web, One Love (by) · ·
  86. Should Links Open in a New Tab? (by) · · , ,
  87. This Web Page Is Best Viewed in the EU (by/via) · · , , , ,
  88. Using Alternative Browser Engines in the European Union (via) · · , , ,
  89. The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments (by+/via) · · , , ,
  90. 14 Best SEO Tools in 2024 (via) · · , ,
  91. Are Design Systems a Zero-Interest Rate Phenomenon? (by) · · ,
  92. Five Future Roles for Designers (by) · · , ,
  93. Getting Started With Content Collections in Astro (by/via) · · ,
  94. On Web Components (by) · ·
  95. Release Notes for Safari Technology Preview 187 (by/via) · · , , ,
  96. The New CSS Color Format You Didn’t Know You Needed; “oklch()” (by) · · , , , ,
  97. The Structure of User Experience (by/via) · · ,
  98. User Styles (by) · · , ,
  99. Web Components in Earnest (by) · · ,
  100. What Can a Website Do? (by) · · , ,
  101. What Happened With the Web Monetization API? (by) · ·
  102. Take a Qwik Break From React With Astro (by/via) · · , , , ,
  103. GitHub, npm Registry Abused to Host SSH Key-Stealing Malware (via) · · , , ,
  104. Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build (by) · · , , ,
  105. Better Form UX With the CSS Property “field-sizing” (by) · · , ,
  106. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (by) · · , , ,
  107. Exploring the Bounds of Jamstack With Zach Leatherman (by+/via) · · , , ,
  108. Google Is Using AI to Organize and Customize Your Chrome Browser (by/via) · · , , ,
  109. Highlight Text When a User Scrolls Down to That Piece of Text (by/via) · · , ,
  110. LCP and FCP on Single Page Application on Soft Navigations (by) · · , , ,
  111. Modern JavaScript Library Starter (by) · · , ,
  112. The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (by+/via) · · , ,
  113. Unlocking the Power of HTML’s Native Browser “dialog” Element (by/via) · · ,
  114. What Has a Ceiling but No Floor? (by) · · , ,
  115. The Web Is Unversioned (by+/via) · · ,
  116. What Is JSDoc and Why You May Not Need TypeScript for Your Next Project (by) · · , , ,
  117. In Praise of Buttons (by/via) · ·
  118. 7 Mobile UX Design Tools to Supercharge Your Design Process (via) · · , ,
  119. Continuous Accessibility: What, Why, How (by/via) · · , , ,
  120. Could Local SEO Transform Your User Experience? (by/via) · · ,
  121. How a Web-Site Redesign Can Impact the Customer Journey (by/via) · · ,
  122. How End-to-End Testing Moves Us Closer to Continuous Accessibility (by/via) · · , ,
  123. Layouts in Astro (by/via) · ·
  124. Repetition Avoidance (by) · · , , ,
  125. WebKit Features in Safari 17.3 (by/via) · · , , , ,
  126. Handling Environment Variables in Node.js (by/via) · · ,
  127. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (by) · · , , ,
  128. The World’s Smallest PNG (by) · · , ,
  129. What Is CSS Motion Path? (by) · · , ,
  130. What Is Our Design Intention? (via) · · ,
  131. Why I Don’t Care About Website/Blog Stats (by) · · , ,
  132. A Call for Consensus on HTML Semantics (by) · · ,
  133. Mastering Node CSV (via) · · ,
  134. The Bun Shell (by/via) · · , ,
  135. 12 Modern CSS One-Line Upgrades (by) · ·
  136. Making CSS View Transitions Easy With Velvette (by/via) · · , ,
  137. Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (by+) · · , , , , , ,
  138. My Take on Fading Content Using Transparent Gradients in CSS (by/via) · · ,
  139. Under-Supported and Underpaid (by) · · , , ,
  140. Why Do Reflows Negatively Affect Performance? (by/via) · · ,
  141. How Core Web Vitals Affect SEO (by+/via) · · , , , ,
  142. Astro 4.2 (by+/via) · · ,
  143. Create a Currency Converter With HTML, CSS, and Vanilla JavaScript (by/via) · · , , ,
  144. Deceptive Deprecation: The Truth About npm Deprecated Packages (by+/via) · · , , ,
  145. The Color Input and the Color Picker (by/via) · · , ,
  146. A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (by/via) · · , , , ,
  147. AI Art Is the New Stock Image (via) · · , ,
  148. Dispatching an Event (by/via) · · ,
  149. Fading Content Using Transparent Gradient in CSS (by) · · , ,
  150. Indicators, Validations, and Notifications: Pick the Correct Communication Option (by/via) · · , , ,
  151. JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) (by) · · , , , ,
  152. Safely Accessing the DOM With Angular SSR (by/via) · · , , , ,
  153. The Designer’s Guide to Social Computing (via) · · , ,
  154. Which Programming Language Should I Learn First in 2024? (by/via) · · , ,
  155. Basic Accessibility Mistakes I Often See in Audits (by) · · , , , , , , ,
  156. 14 Things to Check Before Deploying a Website (by) · · , ,
  157. APA-Style Titles in Laravel (by) · · , ,
  158. Are You Boring Your Interviewer by Over-Explaining Context? (by/via) · · , ,
  159. Difference Between “getElementByID” and “querySelector” (by) · · , ,
  160. Disillusioned With Deno (by) · ·
  161. Guide to Fast Next.js (by/via) · · , , , , ,
  162. Measuring Developer Productivity: Real-World Examples (by+) · · , , , ,
  163. Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (via) · · ,
  164. Practical Guide to Usability Testing (via) · · , ,
  165. Stop Trying to Recruit Unicorns With Acorns (by) · · ,
  166. The Complex but Awesome CSS “border-image” Property (by/via) · · , ,
  167. The Golden Rule of Assertions (by) · · ,
  168. Git Lesson: How to Use .gitignore and .gitkeep? (by) · · ,
  169. Is It Time to Switch From Docker to Podman? (by) · · , , ,
  170. Accessible Notifications With ARIA Live Regions II (by) · · , , ,
  171. Accessible Notifications With ARIA Live Regions (by) · · , , ,
  172. Combining “:has” and “:only-child” to Change Tab Containers (by) · · ,
  173. Design Is Not Really a Thing (by/via) · · ,
  174. Optimizing SQL Queries by 23× (by) · · , , ,
  175. Performance and Stay Questions in 1:1s (by) · · , ,
  176. React Libraries for 2024 (by) · · , ,
  177. The Building Blocks of a Greenfield Vue Application in 2024 (by) · · , ,
  178. The Evolution of Page Speed (by/via) · · , , , ,
  179. Disable Browser Caching With “meta” HTML Tags (by) · · , ,
  180. Hover Contrast Bookmarklet (by) · · , , , ,
  181. I Hate CORS (by) · · , ,
  182. Igalia Chats: Browser Politics and You (by+/via) · · ,
  183. Why Did Frontend Development Become So Complicated? · · , ,
  184. Kind of Annoyed at React (by) · ·
  185. Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (by) · · , ,
  186. Web Component Gotcha: “constructor” vs. “connectedCallback” (by) · · , ,
  187. Applying the SPACE Framework (by/via) · · ,
  188. Eliminating Cookie Banners Is Hard (by) · · , ,
  189. How to Get Started With Progressive Web Apps (by) · · , ,
  190. JS Perf Wins and New Node.js Features With Yagiz Nizipli (by+/via) · · , , , ,
  191. Options for “optgroup” Labeling of “options” (by) · · , , , , , ,
  192. Static Site Generators: A Growing Trend in Frontend Development · · ,
  193. How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment) (by) · · , , ,
  194. 5 CSS Snippets Every Front-End Developer Should Know in 2024 (by/via) · ·
  195. Bringing Down the Digital Divide (by/via) · · ,
  196. Creating a Color Ramp Using Color Modifiers in Tokens Studio (by/via) · · , , ,
  197. If It’s Not Usable, It’s Not Accessible (by/via) · · , , ,
  198. The Stack I Used to Build My Blog in 2024 (by) · · ,
  199. Top Front-End Tools of 2023 (by/via) · · , ,
  200. Using “abbr” Element With “title” Attribute (by) · · , , , ,
  201. What I Have Learned From Conducting Over 100 Website Migrations (by/via) · · , ,
  202. console.delight (by/via) · · , , , ,
  203. Accounting for Internationalization With CSS and HTML (via) · · , ,
  204. AI for Web Devs: Deploying Your AI App to Production (by) · · ,
  205. Buttons and Links—Common Misconceptions (by) · · , , , ,
  206. Designing Better Target Sizes (by) · · , ,
  207. Dynamic Accessible Descriptions Reference (by) · · ,
  208. Introducing fsx: A Modern Filesystem API for JavaScript (by) · · , ,
  209. Is htmx Just Another JavaScript Framework? (by/via) · · ,
  210. npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (by/via) · · ,
  211. Release Notes for Safari Technology Preview 186 (by/via) · · , , ,
  212. Streaming HTML Out of Order Without JavaScript (by) · · ,
  213. The Best Web Framework Doesn’t Exist (by/via) · ·
  214. Understanding WCAG SC 3.2.6 Consistent Help (Level A) (by/via) · · , ,
  215. Using CSS Houdini to Extend Styling and Layout Capabilities (via) · · , ,
  216. Node v20.11.0 (LTS) (by/via) · · ,
  217. We Removed Advertising Cookies, Here’s What Happened (via) · · ,
  218. A 2024 Wishlist for Node’s Test Runner (by) · · , ,
  219. A Global Design System (by) · ·
  220. An Alphabetized List of MIME Types (by/via) · ·
  221. The Best PHP Frameworks for 2024 (via) · · , , ,
  222. The Change You Wish to See (via) · ·
  223. Understanding Immutability in JavaScript (by) · · ,
  224. Definition of Done (DoD) Explanation and Example (by/via) · · , , , ,
  225. Declaring Globals Isn’t That Hard (by) · · , ,
  226. How Google Perfected the Web (via) · · , ,
  227. htmx for React Developers in 10 Minutes (by) · · , ,
  228. Introduction to Data Engineering: A Complete Beginner’s Guide · · , ,
  229. Let’s Make the IndieWeb Easier (by) · · ,
  230. SolidStart: A Different Breed of Meta-Framework (by/via) · · ,
  231. Top Pens of 2023 on CodePen (via) · · , ,
  232. Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (by) · · , ,
  233. What’s New in PHP 8.4 (by) · ·
  234. Where Have All the Websites Gone? (by) · · ,
  235. CRUD and SQL—the Basics (by) · · , ,
  236. Taking a Closer Look at “@ property” in CSS (by) · · ,
  237. 2024 Resolution: Be More Open-Source Centric (by/via) · · , ,
  238. Embracing the Absurd in Your Design Practices (by/via) · · ,
  239. How I’m Writing CSS in 2024 (by) · · , ,
  240. My Web Development Wishlist 2024 (by) · · , , , , ,
  241. Notes on Using Logical Properties and Values (by) · · ,
  242. Nested Dark Mode via CSS Proximity (by) · · ,
  243. Weird Things Engineers Believe About Web Development (by) · · , , , ,
  244. Your MVP Must Be Accessible (by/via) · ·
  245. Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates · · , ,
  246. 20+ Tools for Node.js Development in 2024 (via) · · , ,
  247. 7 Front-End Web Development Trends for 2024 (by/via) · · , , , ,
  248. CSS in 2024, Am I Right? (by) · · ,
  249. Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (by) · · , ,
  250. Under the Radar CSS Features for Your CSS Reset (by) · · , ,