News and Tools for Frontend Developers
Articles and videos and books, people and projects and processes, tools and tips and tricks from the world of frontend development.
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- Why I’m Skeptical of Rewriting JavaScript Tools in “Faster” Languages (by) · · javascript, tooling, programming
- Introducing AI Assistance in Chrome DevTools (by) · · introductions, chrome, google, user-agents, dev-tools, ai
- Smarter Than “Ctrl” + “F”: Linking Directly to Web Page Content (by) · · urls, links
- How Should “<selectedoption>” Work? (by) · · html, forms
- How Is This Website So Fast!? (by) · · videos, performance, case-studies
- Did Automattic Commit Open Source Theft? (by) · · wordpress, wp-engine, foss, legal
- Why Developers Lose Trust in AI Tools (by) · · research, ai, tooling
- The Nuances of Base64 Encoding Strings in JavaScript (by/via) · · javascript, encoding, unicode
- The Story of Web Framework Hono, From the Creator of Hono (by/via) · · history
- Liberate Your Daily Statistics From Jetpack (by) · · wordpress, plugins
- “aria-activedescendant” Is Not Focus (by) · · accessibility, aria, focus
- Node v23.0.0 (Current) (by/via) · · release-notes, nodejs
- I’ve Been Doing Blockquotes Wrong (by/via) · · html
- You Should Be Using an RSS Reader (by) · · syndication, rss, tooling, web
- How to Implement Content Security Policy (CSP) Headers for Astro (by) · · how-tos, security, csp, astro, vercel, cloudflare
- Indexed Database API 3.0 (via) · · indexeddb, databases
- GSAP Is Joining Webflow (by/via) · · gsap, webflow
- Fanout With Grid and View Transitions (by/via) · · css, layout, transitions, effects
- On the Web, and Optimism (by/via) · · web, fediverse
- Does Deno 2 Really Uncomplicate Javascript? (via) · · videos, deno, jsr, javascript, comparisons
- The Greatness and Limitations of the “js-framework-benchmark” (by) · · javascript, frameworks, tooling, performance, metrics
- HTML/CSS Frameworks, in Their Own Words (by Word Cloud) (by) · · frameworks, html, css, bootstrap, tailwind, foundation, bulma, milligram, pure, uikit, comparisons
- The User Experience of Developer Tools (via) · · tooling, developer-experience, user-experience
- JS Frameworks, in Their Own Words (by Word Cloud) (by) · · frameworks, javascript, react, vuejs, angular, svelte, express, meteor, nextjs, comparisons
- How Microsoft Edge Is Replacing React With Web Components (by/via) · · edge, microsoft, user-agents, react, web-components
- .io Domain Likely Being Phased-Out—Seven Suggested Steps (by) · · domains
- Implementing Regular Expressions in TypeScript Types (Badly) · · typescript, regex
- AI for Accessibility Conformance Testing? Why? (by) · · accessibility, compliance, testing, ai
- HTML for People (by) · · books, websites, html, examples
- Why GOV.UK’s “Exit This Page” Component Doesn’t Use the Escape Key (by) · · user-experience, accessibility, keyboard-navigation
- Creating Blogging Sites With Astro · · blogging, astro, functionality
- Shopify, Accessibility Lawsuits, and “Compliance” · · shopify, accessibility, legal, compliance
- TC39 Advances 10+ ECMAScript Proposals: Key Features to Watch (by/via) · · ecmascript
- Announcing Deno 2 (by+/via) · · release-notes, deno
- I Interviewed 100 DevTools Founders and This Is What I Learned (by/via) · · interviews, lessons, tooling, developer-experience, link-lists
- The New Stylable “<select>” Element (by+) · · podcasts, html, css, apis, forms
- CSS Nesting Improves With CSSNestedDeclarations (by/via) · · css, nesting
- The Disappearance of an Internet Domain (by/via) · · domains
- Searching for a New CSS Logo (by/via) · · css, logos
- 18 Interview Questions Answered by Angular Experts (by+/via) · · interviews, angular
- Web Components: Little Bits (by/via) · · videos, web-components, html
- Building a Single-Page App With htmx (by) · · single-page-apps, htmx
- Build a Static RSS Reader to Fight Your Inner FOMO (by/via) · · rss, syndication, astro, netlify, functionality
- No Industry for Old Men (by/via) · · videos, retrospectives, html, aria, screen-readers, user-agents, assistive-tech, accessibility, w3c
- Recipes for Detecting Support for CSS At-Rules (by/via) · · css, at-rules, support, user-agents, feature-detection
- Reminder That “@ scope” and HTML Style Blocks Are a Potent Combo (by/via) · · css, scope, at-rules
- CSS Anchor Positioning Guide (by/via) · · guides, css, anchor-positioning
- The Popover API: Your New Best Friend for Tooltips (by/via) · · pop-overs, apis, html, css, javascript
- The Future of Voice User Interfaces and UX Design (by/via) · · visions, voice, user-experience, design
- Designing for Privacy (via) · · design, privacy, cheat-sheets
- Some Notes on Upgrading Hugo (by) · · hugo, maintenance
- 21 UX Strategies to Maximize User Engagement Without Exploitation (via) · · user-experience, design, strategies, ethics
- Feature Detect Style Queries Support in CSS (by/via) · · css, feature-detection, container-queries, support, user-agents
- Testing CSS Print Media Styles (by) · · css, print, media-queries, testing
- Reminder—Automatic Accessibility Testing Can Detect Inaccessibility but Can’t Detect Accessibility (by) · · accessibility, testing
- 10 JavaScript Concepts Every Node Developer Must Master · · javascript, nodejs, concepts
- Sneaking: The Deceptive UX Pattern You Never Saw Coming (via) · · user-experience, dark-patterns
- Node vs. Bun: No Backend Performance Difference (by) · · nodejs, bun, comparisons, performance, metrics
- How a Bottom-Up Design Approach Enhances Site Accessibility (by/via) · · design, accessibility, processes
- How to Use the CSS “backdrop-filter” Property (by/via) · · how-tos, css, filters, backgrounds, effects
- Database 101: SSL/TLS for Beginners (by/via) · · introductions, databases, ssl, tls, authentication, security
- npm vs. npx · · nodejs, npm, comparisons
- Icon Usability: When and How to Evaluate Digital Icons (by/via) · · how-tos, usability, icons, images
- An Introduction to WebAssembly (by+/via) · · videos, introductions, webassembly
- Practical Accessibility Tips You Can Apply Today (via) · · accessibility, tips-and-tricks, html
- Cloudflare Study: 39% of Companies Losing Control of Their IT and Security Environment (by) · · studies, research, security, engineering-management
- ESLint Now Officially Supports Linting of JSON and Markdown (by/via) · · release-notes, eslint, linting, json, markdown
- cpx—the npx Counterpart of the PHP Ecosystem (by) · · php, dependencies
- How to Identify a Toxic Accessibility Culture, and What You Can Do About It (by) · · how-tos, accessibility, culture
- “Straight to the Pool Room”: The Pitfalls of Placing Accessibility Issues in the Backlog (via) · · accessibility, processes, prioritization, project-management
- JAWS (Only) No More (by) · · accessibility, jaws, nvda, voiceover, apple, screen-readers, user-agents, assistive-tech, support
- Tips for Working From the Office? · · discussions, career, tips-and-tricks
- A UX Designer Guide to Prompt (via) · · guides, design, user-experience, ai
- Benchmarking the Performance of CSS “@ property” (by/via) · · css, performance, at-rules
- Interview With Björn Ottosson, Creator of the Oklab Color Space (by+/via) · · interviews, colors, design
- I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (by) · · css, selectors, performance
- Chasing Color (by) · · css, colors, design-systems
- Eleventy v3.0.0: Possums ❤️ ESM (by/via) · · release-notes, eleventy, esm
- Queering Design Systems Thinking (by) · · design, design-systems, culture
- Unleash JavaScript’s Potential With Functional Programming (by) · · javascript, programming, comparisons
- Web Components Are Not Framework Components—and That’s Okay (by) · · web-components, web-platform, frameworks
- Web Components vs. State-Based UI (by) · · web-components, state-management, comparisons
- An Interesting HTML Parser Conundrum (by) · · html, parsing
- How Bun Supports V8 APIs Without Using V8 (via) · · bun, v8, apis, comparisons
- Designing Effective Information Architectures for Large-Scale Web Sites (via) · · design, information-architecture, complexity, scaling
- Sketch and AI (by+/via) · · sketch, ai
- Celebrating WebAIM’s 25th Anniversary (by/via) · · accessibility, anniversaries
- Default Behavior of “position: absolute” (by) · · css, positioning
- Designing for Digital Minimalism: Creating User Experiences That Support Mental Well-Being (via) · · design, user-experience, minimalism, simplicity
- CSS Masonry and CSS Grid (by/via) · · css, layout
- What’s the Difference Between HTML’s Dialog Element and Popovers? (by/via) · · html, modals, pop-overs, comparisons
- The Reality of Balancing Pregnancy in Developer Relations (by) · · career, developer-relations
- Release Notes for Safari Technology Preview 204 (by/via) · · release-notes, safari, apple, user-agents
- Why Gumroad Didn’t Choose htmx (by/via) · · htmx, case-studies
- Understanding Cultural Norms to Design Inclusive User Experiences (via) · · design, user-experience, culture, dei
- The “bdi” Element (by) · · html, semantics, internationalization
- New to the Web Platform in September (by/via) · · release-notes, web-platform, user-agents, chrome, google, firefox, mozilla, safari, apple
- 4 Tips for Unlocking the Benefits of Svelte in Frontend Development (by/via) · · guest-posts, svelte, sveltekit
- Understanding the Concept of Scoping in CSS · · css, scope, concepts
- Bundling Past, Present, and Future (by) · · videos, bundling, tooling, history, visions
- How to Learn HTML: 46 Great Sites, Courses, and Books (All Free) · · how-tos, learning, courses, books, html, link-lists
- Solved by CSS Scroll-Driven Animations: Hide a Header When Scrolling Down, Show It Again When Scrolling Up (by/via) · · css, scrolling, animations, techniques
- The “b” Element (by) · · html, semantics
- Self-Taught Developer’s Guide to Thriving in Tech (by) · · guides, career
- Matt Mullenweg Announces Temporary Lifting of WP Engine Ban (via) · · wordpress, wp-engine
- Web Components Are Okay (by) · · web-components
- How to Manage Dangerous Actions in User Interfaces (by/via) · · how-tos, design, interaction-design, microcontent
- You Might Not Need That Framework (by/via) · · frameworks, javascript
- Bad CSS-Dad Jokes III (by) · · css
- Next.js: Static Site Generation (SSG) With Incremental Static Regeneration (ISR) (by) · · nextjs, site-generators, incremental-static-regeneration
- Some Go Web Dev Notes (by) · · go, sql, databases
- POSSE: Reclaiming Social Media in a Fragmented World (by) · · social-media, indieweb
- Untrained Engineering Managers (by) · · engineering-management, culture, career, training
- NIST Recommends Some Common-Sense Password Rules (by) · · security, passwords, guidelines
- “img sizes=auto” for Native Lazy Loading (by) · · code-pens, html, images, lazy-loading, performance
- A Complete Guide to Session Management in Next.js (via) · · guides, nextjs, authentication, authorization
- Navigate Large Files Faster With Minimap Section Headers in VS Code (by/via) · · videos, vs-code, microsoft, code-editors
- Disable Console Logs in Production in Next.js (by) · · nextjs, console, logging, javascript
- Building a Dynamic Background Effect (via) · · react, css, backgrounds, animations, effects
- The State of Accessibility (by/via) · · videos, podcasts, accessibility, standards
- Why I Prefer WebStorm Over Visual Studio Code for Web Development (via) · · code-editors, webstorm, jetbrains, vs-code, microsoft, comparisons
- Making Maps Accessible to Screen Readers (via) · · accessibility, screen-readers, user-agents, assistive-tech, link-lists
- Catching Up on the WordPress WP Engine Sitch (by/via) · · wordpress, wp-engine
- Web Components Are Not the Future (by) · · web-components, web-platform, frameworks
- 5 Questions for Craig Buckler (by+/via) · · interviews, web-platform, history
- Automattic Sends WP Engine Its Own Cease-and-Desist Over WordPress Trademark Infringement (by/via) · · wordpress, wp-engine, legal
- Why Asking Questions Is a Vital Part of Growing as a Designer (via) · · design, career, communication
- The Golden Ratio in CSS (by) · · css, principles, design
- A Guide to Destructuring in JavaScript (by/via) · · guides, javascript, examples
- Challenging the Case for Delayed ADA Compliance (by+/via) · · podcasts, interviews, accessibility, compliance, legal
- Accessibility Is Everyone’s Responsibility (by) · · accessibility, culture, dei
- The Ultimate Design Token Setup (by/via) · · design-systems, design-tokens, best-practices, link-lists
- The Problem With Superscripts and Subscripts (by) · · typography, css
- How to Make a “Scroll to Select” Form Control (by/via) · · how-tos, forms, scrolling, css
- Dynamic Numbering With CSS Counters (by) · · videos, css
- Observing Style Changes (by/via) · · slides, css
- How to Measure Design System at Scale (by/via) · · how-tos, design-systems, scaling, observability
- The Problem of the Em Square (via) · · design, typography, history
- Unleash Your Inner Avenger: A Beginner’s Guide to Unix Shells (by) · · guides, unix-like, shell
- Will Deno 2.0 Replace Node.js? (by) · · videos, deno, nodejs, comparisons
- I Finally Understand OAuth · · authorization, oauth, security, processes
- Feature Detecting Scroll-Driven Animations With “@ supports”: You Want to Check for “animation-range” Too (by/via) · · css, feature-detection, support, animations, firefox, mozilla, user-agents
- Conway’s Law: The Hidden Force Shaping Your Software Architecture (by) · · principles, architecture, engineering-management
- A Comprehensive Guide to Node.js Addons (by) · · guides, nodejs
- 2000s + 2010s = 10,000 (via) · · frontend-dogma, history
- Building the Perfect Logo Strip (by/via) · · css, logos, images, techniques
- Error Messages: 4 Guidelines for Effective Communication (by/via) · · videos, errors, guidelines, usability
- Firefox DevTools Newsletter 130 (by/via) · · release-notes, firefox, mozilla, user-agents, dev-tools
- Bad CSS-Dad Jokes II (by) · · css
- Keeping Pixely Images Pixely (and Performant!) (by/via) · · css, images, effects
- Getting Started With CI/CD: A Beginner’s Guide to Automating Your First Pipeline (With Jenkins) · · introductions, ci-cd, jenkins, automation, dev-ops
- Your Accessibility Questions Answered by a Blind Person (via) · · accessibility
- The Trickiest Bug I’ve Ever Fixed (by/via) · · vuejs, debugging
- An Abridged History of Safari Showstoppers (by) · · safari, apple, user-agents, history
- Outdated Docs Are Tech Debt (by) · · documentation, technical-debt, comparisons, processes
- No Authentication Like Button (by) · · buttons, authentication, functionality
- Hire HTML and CSS People (by) · · html, css, hiring, engineering-management
- Masonry and Good Defaults (by) · · css, layout
- Gradient Text With a Drop Shadow (by/via) · · css, gradients, shadows
- Angular Routing Essentials: All You Need to Know in One Post (by) · · fundamentals, angular, routing
- Powerful WebStorm Tips and Tricks: Boost Your Productivity · · webstorm, jetbrains, code-editors, tips-and-tricks, productivity
- If You Don’t Write Unit Tests… It’s a Skill Issue (by) · · testing, processes
- Good UX Is Not Just About Minimizing Clicks (by/via) · · user-experience, design, principles, processes
- Pfizer’s Future of Development (by/via) · · visions, prioritization, processes, culture, case-studies
- Deno 2.0 Release Candidate (by+/via) · · release-notes, deno
- New Values and Functions in CSS (by) · · css, functions
- Fundamentals of Frontend Architecture (by) · · courses, fundamentals, architecture
- A Beginner’s Guide to Using Bluesky for Business Success (via) · · guides, social-media, content-strategy
- Paying Down Tech Debt: Further Learnings (via) · · technical-debt, processes
- Fake GitHub Site Targeting Developers (by/via) · · security, github
- Code Wins Arguments (by) · · prototyping, processes
- Don’t Sleep on AbortController (by) · · javascript
- Dealing With Rejection After Applying to Hundreds of Jobs (by) · · career, interviewing
- Node.js 20 Upgrade: A Journey Through Unexpected Heap Issues With Kubernetes (by/via) · · nodejs, maintenance, kubernetes, memory
- The Nine Node Pillars (by/via) · · nodejs, principles, dependencies
- Why We Switched From Cypress to Playwright (via) · · cypress, playwright, comparisons, tooling, testing, performance
- Better Vue Components With TypeScript (by) · · vuejs, components, typescript, examples
- SVG Coding Examples: Useful Recipes for Writing Vectors by Hand (via) · · images, svg, examples
- Compile and Run C in JavaScript (by/via) · · compiling, javascript
- What’s New in DevTools: Chrome 127–129 (by+/via) · · videos, chrome, google, user-agents, dev-tools
- A Step-by-Step Guide to Conducting a Web Accessibility Audit (via) · · guides, accessibility, auditing, testing, processes
- Improving Rendering Performance With CSS “content-visibility” (by) · · css, performance, rendering, optimization
- Learn CSS Grid (by+/via) · · videos, css, layout
- On Ticket Management (by) · · processes, project-management, engineering-management, efficiency
- Introduction to Micro Frontends: An Overview (via) · · introductions, overviews, micro-frontends
- Animate to “height: auto;” (and Other Intrinsic Sizing Keywords) in CSS (by/via) · · css, animations
- The Problem of Knowledge Debt in Tech (by/via) · · documentation, collaboration, version-control
- Clever Polypane Debugging Features I’m Loving (by/via) · · polypane, user-agents, dev-tools, debugging
- Get Ready for Interop 2025: Your Chance to Shape the Web (by/via) · · interoperability, web-platform, user-agents, support
- The Continuing Tragedy of Emoji on the Web (by) · · emoji, unicode, support, user-agents
- CSS Grid Layout Module Level 3 (by+/via) · · css, layout
- Accessibility Preference Settings, Information Architecture, and Internalized Ableism (by) · · accessibility, information-architecture, wcag, apple
- Submit Your Proposals for Interop 2025 (by/via) · · interoperability, web-platform, user-agents, support
- The Real Cost of Meetings: What FAANG Companies Do Differently (by) · · collaboration, processes, efficiency, aws, meta, google, apple
- Rethinking Code Reviews With Stacked PRs (by) · · code-reviews, version-control, git, tooling
- Selecting Previous Siblings (by/via) · · css, selectors
- Optimising for High Latency Environments (by) · · performance, optimization, content-delivery, http, caching
- Why HTML Has Both “<b/i>” and “<strong/em>”? (by) · · html, semantics
- When to Start Blogging? (by) · · blogging
- WebKit Features in Safari 18.0 (by/via) · · safari, apple, user-agents, webkit, release-notes
- Oracle, It’s Time to Free Javascript (by+) · · javascript, licensing, legal
- How to Teach CSS (by/via) · · videos, how-tos, css
- Making Orbit Animations With CSS Custom Properties (by) · · css, custom-properties, animations, effects
- Stop Designing Your Web Application for Millions of Users When You Don’t Even Have 100 (by) · · web-apps, processes, scaling
- What’s the Difference Between Information Architecture and Content Strategy? (by) · · content, content-strategy, information-architecture, terminology, concepts, comparisons
- The Magic Behind Laravel’s New “defer()” Helper (by) · · laravel
- How to Create a Type to Retrieve All Keys of an Object in TypeScript (by) · · how-tos, typescript, objects
- Evolve or Become Irrelevant (by) · · career, learning
- Noisy, Hungry Data Centers Are Catching Communities by Surprise (by/via) · · hosting, sustainability
- Let’s Bring Back Browsing (by) · · web, browsing
- The HTTP QUERY Method (by+/via) · · protocols, http
- Bitwise Operators in JavaScript and When to Use Them (via) · · javascript, operators
- Do You Still Use Git in the Terminal? (by) · · discussions, git, command-line
- Company Culture Happens Outside Management (by) · · culture, engineering-management
- Brief Note on Disclosures in Fieldsets (by) · · accessibility, forms, pop-overs
- The Fallacy of Federated Design Systems (by) · · design-systems, scaling, link-lists
- Predicting Developer Attrition (by) · · research, culture, leadership
- The Importance of Title Tags: Tips and Tricks to Optimize for SEO (via) · · html, seo, optimization, tips-and-tricks
- Deceptive Patterns in Copy Are Killing Me (via) · · content, dark-patterns, user-experience
- Two CSS Properties for Trimming Text Box Whitespace (via) · · css
- But Why?? (by) · · slides, accessibility, design-patterns, testing, keyboard-navigation, contrast, colors, zooming
- Good Forms (by) · · forms, best-practices, usability, accessibility, validation
- Introducing TanStack Router (by/via) · · introductions, react, routing, tooling
- Make “git diff” Look Beautiful in the Terminal (by) · · git, command-line
- CSS Values and Units Module Level 5 (by+/via) · · css, units
- Request for Developer Feedback: Customizable Select (by/via) · · html, forms
- Speed Up Your Website With “<link rel=preconnect>” (by) · · performance, hints
- Five Ways to Lazy Load Images for Better Website Performance (by/via) · · performance, lazy-loading, tooling
- When Should You Actually Worry About Tech Debt? (by) · · technical-debt
- Prioritize Accessibility in Procurement for Better CX and EX (by/via) · · accessibility, prioritization, processes
- A Billion New Developers Thanks to AI? (by) · · career, ai, foss, link-lists
- The Folly of Chasing Demographics (by/via) · · videos, accessibility, dei
- The Redmonk Programming Language Rankings: June 2024 (by/via) · · programming, comparisons, javascript, python, java, php, typescript, css, ruby, go, shell, dart
- Understanding the “Why” Around Neurodivergent Inclusive Web Design (by/via) · · videos, accessibility, dei
- 10 Developer Tools to Improve Your Daily Life as a Developer · · tooling, productivity, developer-experience
- State of HTML 2024 (by/via) · · surveys, html
- Reasons I Still Love the Fish Shell (by) · · shell, developer-experience
- A Day in the Life of a DevOps Engineer: Real Stories and Challenges · · career, processes, dev-ops
- Rethinking CSS in JS · · css, javascript, css-in-js, design, design-systems, maintenance, state-management
- Using Controllers for Keyboard Accessibility (by/via) · · videos, accessibility, keyboard-navigation
- Split Effects With No Content Duplication (by/via) · · css, effects, maintainability
- Why Copilot Is Making Programmers Worse at Programming (by) · · ai, github, craft, quality, programming, career
- React 19 Cheat Sheet (by) · · cheat-sheets, react
- Verso Taking Shape as a Servo-Powered Web Browser (by/via) · · user-agents, verso, servo
- Something Went Wrong (by) · · javascript, frameworks, community, developer-experience, user-experience
- Google Is Killing Information Economics on the Internet (by) · · google, ai, economics
- Express.js 5.0 Released After Long Delay, Though Not Yet Default as Project Appeals for Contributors (via) · · express
- 2024: 0.5% of the Global Top 200 Websites Use Valid HTML (by) · · html, conformance, metrics, quality, craft
- Standalone Components Are the Future · · videos, angular, components
- Logical Properties in Size Queries (by/via) · · css, logical-properties, container-queries