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. Also great for web and full-stack developers.
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- CSS Wrapped 2024 (by+/via) · · css, browsers, support, retrospectives
- What Is HTML Optimization? What Is It Not? (by) · · html, optimization, terminology
- Forced Colors Mode Futility (by/via) · · colors, contrast, css, accessibility
- 24 Best AI Tools for Developers in 2025 (by/via) · · tooling, ai, link-lists
- Googling Is for Old People: What This Means for Web Designers (via) · · design, mobile, searching, google
- Why We Switched to Astro (and Why It Might Interest You) (by/via) · · migrating, nextjs, astro
- Smooth Multi-Page Experiences With Just a Few Lines of CSS (by/via) · · css, transitions, effects
- A Beginner’s Guide to Information Architecture in UX (via) · · guides, information-architecture, user-experience
- How GenAI Impacts User Experiences—Even Beyond AI (via) · · user-experience, ai, processes
- Starting Off Right: Where Autofocus Shines (by/via) · · html, forms, focus
- Development Advent Calendars for 2024 (by) · · link-lists, learning
- A Link on a Logo in the Header, What Should the Alt-Text Be? (by/via) · · accessibility, branding, links, logos, images, alt-text
- Why You Should Avoid Grand System Redesigns (by) · · videos, refactoring, software-design, architecture
- How to Join Blue Beanie Day: Wear and Share (by) · · awareness-days, standards, how-tos
- Let’s Learn Generators in JavaScript · · javascript, functions
- If Not React, Then What? (by) · · frameworks, client-side-rendering, react, user-experience, performance
- Why Pipes Sometimes Get “Stuck”: Buffering (by) · · command-line, unix-like
- Understanding CSS Inheritance: A Guide to Consistent Styling (by) · · guides, css, cascade
- Preloading Responsive Images (by) · · images, html, hints, performance
- 10 Git Commands You’ll Wish You Knew Earlier · · git, command-line
- When Is It Time to Move Prototyping From Figma to ProtoPie? (by/via) · · design, prototyping, tooling, figma
- A Quick Snapshot of the Microblogging Landscape (by) · · social-media, comparisons, twitter+x, bluesky, facebook+meta, mastodon, fediverse
- Prisma 6: Better Performance, More Flexibility, and Type-Safe SQL (by/via) · · release-notes
- Observation: CSS Math Eval (by) · · css, javascript, math
- Decoupling OKRs: It’s Time to Let Go (by) · · okr, processes, prioritization, leadership
- Create Accessible Websites: Top Free Tools You Need to Know (by) · · accessibility, testing, jaws, nvda, screen-readers, assistive-tech, linting, tooling
- Faster TypeScript Compilation (by/via) · · videos, typescript, compiling, performance
- Jekyll to Astro: An AI-Assisted Migration · · migrating, jekyll, astro, ai, tooling
- Avoid Hotlinking Images With “Cross-Origin-Resource-Policy” · · images, security
- How to Cut Water Usage in Cloud Data Centers (by/via) · · how-tos, sustainability
- The Hype Around Signals (by/via) · · frameworks, libraries, signals
- A Framework for Evaluating Browser Support (by) · · browsers, support, web-platform, graceful-degradation
- Why AI Can’t Replace Developers: The Real Limits of AI in Coding (by) · · ai, programming
- The Free Web (by) · · web, culture
- Which IDEs Do Software Engineers Love, and Why? (by) · · code-editors, vs-code, jetbrains
- Designing (and Evolving) a New Web Performance Score (by) · · performance, metrics
- X’s Objection to the Onion Buying Infowars Is a Reminder You Do Not Own Your Social Media Accounts (by/via) · · social-media, twitter+x
- Automated Decision Logs in AI-Assisted Coding (by) · · ai, logging
- How I Feel About AI (by) · · ai, programming, productivity, ethics, sustainability
- Agile Is Dead · · websites, manifestos, agile, processes, collaboration, communication
- How Browsers Really Load Web Pages (by/via) · · videos, browsers, rendering, parsing, http, performance
- Design Systems vs. Style Guides (via) · · videos, design-systems, style-guides, comparisons, design, documentation
- Deno vs. Oracle: Canceling the JavaScript Trademark (by/via) · · deno, javascript, legal
- What Causes “Bad Days” for Developers? (by) · · studies, research, productivity
- Old Alt Text Advice (by) · · accessibility, images, alt-text, html, microcontent, best-practices
- Content Security Policy Level 3 (by/via) · · standards, csp, security
- Solved by CSS: Donuts Scopes (by/via) · · css, scope
- Screenshot-Driven Development (by) · · processes, design, tooling
- Recursion Explained in Simple Terms (by) · · programming, concepts
- The PHP Foundation Turns Three (by/via) · · php, anniversaries
- Node.js 22 Runtime Now Available in AWS Lambda (by/via) · · nodejs, aws, serverless
- Third Parties (by+/via) · · web-almanac, studies, research, metrics, embed-code, monetization, analytics, content-delivery, hosting, marketing, social-media, tag-management, multimedia, consent-management
- Where Has All the Valid HTML Gone (by) · · html, conformance, quality
- Doing the Numbers: Digital Accessibility and Shifting Left (via) · · accessibility, processes, metrics, economics
- What’s Next for WebGPU (by/via) · · webgpu
- CSS Selectors: Unlocking Advanced Selectors for Modern Web Design (by) · · css, selectors
- Tailwind CSS v4.0 Beta 1 (by/via) · · tailwind
- Why We Need to Have a Change of HEART With UX Metrics (by/via) · · user-experience, metrics, product-management
- Exploring Alternative Interactions in JavaScript (by/via) · · videos, javascript, ai, interaction-design
- I Don’t Have Time to Learn React (by) · · career, craft, prioritization, react
- Avoid Read-Only Controls (by) · · html, forms, accessibility
- Make Creative Borders With “background-clip: border-area” (by/via) · · css, borders, backgrounds, safari, apple, browsers
- An Outline Version of the New CSS Logo (by) · · css
- React.js Best Practices for Beginners: A Comprehensive Guide (via) · · guides, best-practices, react, components, state-management, hooks, debugging
- What We Learned Migrating From Webpack to Vite (via) · · migrating, webpack, vite, lessons
- Static Site Generation With Next.js: Using Next.js for React.js Applications (via) · · site-generators, nextjs, react
- My 3 Most-Wanted CSS Table Features (by) · · css, html, tables, wish-lists
- So You Decided to Do a Technical Migration (by/via) · · videos, migrating, maintenance
- How to Use Lighthouse Wisely in Your Front-End Projects (by/via) · · guest-posts, how-tos, lighthouse, google, performance, accessibility, seo, best-practices
- The CSS Reset Contradiction (by/via) · · css, resetting
- WP Engine Updates Its Original Legal Complaint Against Automattic and Matt Mullenweg (by/via) · · wp-engine, automattic, wordpress, legal
- Avoiding False Positives in Node.js Tests (via) · · nodejs, testing
- How to Prerelease an npm Package (by/via) · · how-tos, npm, dependencies, versioning, semver
- Why WASM: Quickstart (by) · · webassembly
- Migrating From VuePress to VitePress (by) · · migrating, site-generators, vuejs
- AI’s Transformative Impact on Web Design: Supercharging Productivity Across the Industry (by/via) · · ai, design, processes, productivity
- Meet Angular v19 (by/via) · · release-notes, angular
- Node.js Corepack: Version Control for Package Managers (by) · · nodejs, versioning, dependencies, tooling
- State of JavaScript 2024 (by/via) · · surveys, javascript
- AWS Lambda Turns Ten—Looking Back and Looking Ahead (by/via) · · anniversaries, aws, serverless, history, visions
- Web Accessibility and the Second Trump Administration (via) · · accessibility, legal
- Addressing Users’ Painpoints: Best Practices for Identifying and Solving UX Design Problems (by/via) · · user-experience, design, legibility, responsive-design, performance
- Why Responsive Design Is Failing Modern Users (via) · · responsive-design, performance, usability, accessibility
- No Fuss Light/Dark Modes (by/via) · · css, dark-mode
- Can [Open Source Pledge] Fix Open Source Sustainability? (by) · · foss, community, maintenance
- Content Design Practices for Sustainable Communication in Tech (via) · · content, communication, sustainability
- The Tragedy of Running an Old Node Project (by) · · nodejs
- The Root Causes for the Dev–Design Mismatch (by/via) · · design, collaboration, processes
- CSS Gets a New Logo: And It Uses the Color “rebeccapurple” (by) · · css
- The Art of Clean Code: A Practical Guide to Writing Maintainable JavaScript · · guides, principles, javascript, maintainability
- Against Best Practices (by) · · programming, best-practices
- Some Tips for Keyboard Support on Native Mobile Applications (by) · · accessibility, mobile, native, keyboard-navigation, tips-and-tricks
- When Is the Right Time to Share Our Excitement About New Web Features? (by) · · web-platform, support, browsers
- The Next Improvement in Angular Reactivity (by/via) · · angular, reactivity
- Ghost Jobs Should Be Illegal (by) · · hiring, legal
- Exploring JavaScript Symbols (by) · · javascript
- What Is User Experience (and What Is It Not)? (by/via) · · user-experience, terminology, comparisons
- Alt Text: Not Always Needed (by/via) · · accessibility, alt-text, writing
- How Is Digital Accessibility Awareness Being Promoted Across the Globe? (via) · · accessibility, advocacy
- 10 Advanced TypeScript Concepts Every Developer Should Know (by) · · typescript, concepts
- Self-Contained Executable Programs With Deno Compile (by+/via) · · deno, javascript, typescript, compiling
- Adding Interactive Charts in Astro · · astro, visualization, functionality
- State of HTML 2024 [Results] (by/via) · · surveys, html
- Reimagining Prototyping With AI (by/via) · · user-experience, design, prototyping, ai
- 1 + 2 Engineering Team Priorities (by) · · engineering-management, leadership, culture, prioritization
- Global Digital Accessibility Salary Survey (via) · · accessibility, career, surveys
- Most Disabled People “Excluded” by Unfit Designs (via) · · accessibility, design, dei
- Custom Progress Element Using Anchor Positioning and Scroll-Driven Animations (by/via) · · css, anchor-positioning, animations, scrolling
- View Transitions API: Single Page Apps Without a Framework (by/via) · · transitions, apis, single-page-apps, css
- Modern CSS for Sites: View Transitions, Scroll Effects, and More (by/via) · · videos, css, transitions, scrolling, effects
- The European Accessibility Act—Get Ready (via) · · accessibility, legal
- Learn Big O Notation Once and for All · · algorithms, complexity, performance
- Cookie Permissions: 5 Common User Types (by/via) · · videos, cookies, consent-management, usability, personas
- Accessibility Misinformation (by) · · accessibility, wcag, apca
- An Official Logo for CSS (by) · · css
- Why Developers Should Give Next.js App Router Another Chance (by/via) · · nextjs, routing
- The “br” Element (by) · · html, semantics
- Understanding Bitwise Shifts in JavaScript: “<<” and “>>” (by) · · javascript, operators
- What Accessibility Statements Are Really For (by) · · accessibility, legal
- Overflow Clip (by) · · css
- How to Optimize Performance in Vue Apps (by/via) · · how-tos, vuejs, performance, optimization
- Color in CSS or How I Learned to Disrespect Tennis (by/via) · · videos, css, colors, functions
- Carving Your Space (by) · · career, interviewing
- A CSS Logo Hatches! (by) · · css, community
- Angular Best Practices (by) · · videos, angular, best-practices
- The Art in Everyday Life (by) · · art, creativity
- Automattic Launches “WP Engine Tracker” to Monitor Sites Leaving WP Engine, Sparking Controversy (by/via) · · automattic, wp-engine
- Why I Will Always Be Angry About Software Engineering (by) · · career, culture
- Anchoreum—a Game for Learning CSS Anchor Positioning (via) · · websites, learning, css, anchor-positioning
- Ecommerce (via) · · web-almanac, studies, research, metrics, economics, ecommerce
- Design Tokens: Authoring vs. Consuming (by) · · design-tokens, design-systems, naming, comparisons
- (Up-)Scoped Scroll Timelines (by/via) · · css, animations, scrolling
- Are AI Assistants Making Us Worse Programmers? (by) · · career, programming, ai, craft, quality
- CDN (via) · · web-almanac, studies, research, metrics, content-delivery
- Implementing Astro Search Functionality · · astro, searching, functionality
- Don’t Forget to Localize Your Icons (by) · · localization, icons, images, culture
- Jamstack (by/via) · · web-almanac, studies, research, metrics, jamstack, tech-stacks
- Accessibility (by/via) · · web-almanac, studies, research, metrics, accessibility
- Security (by+/via) · · web-almanac, studies, research, metrics, security
- Structured Data (by/via) · · web-almanac, studies, research, metrics, structured-data, semantic-web
- Sustainability (by+/via) · · web-almanac, studies, research, metrics, sustainability
- Performance (by+/via) · · web-almanac, studies, research, metrics, performance
- CMS (by+/via) · · web-almanac, studies, research, metrics, content-management
- Fonts (by/via) · · web-almanac, studies, research, metrics, fonts
- Cookies (by/via) · · web-almanac, studies, research, metrics, content-delivery
- Markup (by/via) · · web-almanac, studies, research, metrics, html
- Essential tsconfig.json Options You Should Use (by) · · typescript, configuration
- Should Destructive Buttons Be Hard to Find? (by) · · buttons, usability
- Two Different Kinds of “Focusable” UI Elements (by) · · accessibility, focus, keyboard-navigation
- Biome.js, a Toolchain to Format and Lint Your Web Project (via) · · biome, formatting, linting, tooling
- JavaScript Import Attributes (ES2025) (by) · · javascript, security
- Why Does JavaScript’s “parseInt(0.0000005)” Print “5”? · · javascript
- Why I Moved From Google Analytics to Simple Analytics (by) · · migrating, analytics, google
- Test Smart: Which Automation Strategy to Choose for Peace of Mind? (via) · · testing, automation, strategies, product-management
- Release Notes for Safari Technology Preview 207 (by/via) · · release-notes, safari, apple, browsers
- The Different (and Modern) Ways to Toggle Content (via) · · content, toggles, modals, pop-overs
- Node.js Implements Stricter Policies for Semver-Major Pull Requests Ahead of Release Deadlines (by/via) · · nodejs
- How a BBC Navigation Bar Component Broke Depending on Which External Monitor It Was On (by) · · debugging, javascript, case-studies
- Mapping Over Promises in JavaScript (by/via) · · javascript, promises
- State of CSS and State of HTML 2024 (by) · · css, html
- The Rebellion Will Be Federated (by) · · fediverse, social-media, foss
- Five Lessons for Five Years in Tech (by) · · career, lessons
- AI Features Must Solve Real User Problems (by/via) · · ai, user-experience, product-management
- The Lowdown on Dropdowns in HTML and CSS (by/via) · · html, css
- Bluesky’s AT Protocol: Pros and Cons for Developers (by/via) · · social-media, bluesky, comparisons
- Next.js to htmx—a Real World Example (via) · · nextjs, htmx, migrating
- How to Identify Decorative Images and Boost Accessibility (via) · · how-tos, images, decoration, accessibility, html, aria
- Node.js Now Supports TypeScript Natively (by) · · videos, nodejs, typescript
- Why Alpine Is the New jQuery and Why That Is an Awesome Thing (by/via) · · alpinejs
- Should Web Designers Learn JavaScript or CSS? (by) · · design, career, javascript, css
- How to Set Up Next.js 15 for Production in 2024 (by/via) · · how-tos, nextjs
- The Deterioration of Google (by) · · google, seo
- More Options for Styling “<details>” (by/via) · · html, css
- Exploring Internet Traffic Shifts and Cyber Attacks During the 2024 US Election (by+/via) · · traffic, security
- My Anti-Overlay Client Letter (by) · · accessibility, overlays, business-relations, communication, advocacy
- Celebrating Innovation and Impact: JavaScriptLandia Community Awards (via) · · community, javascript
- Web Audio API 1.1 (by+/via) · · standards, multimedia, apis
- How Do HTML Event Handlers Work? (by) · · html, javascript, events
- A Guide to Designing Errors for Workflow Automation Platforms (via) · · guides, design, user-experience, errors
- What’s a Single-Page App? (by) · · single-page-apps, multi-page-apps, server-side-rendering, client-side-rendering, frameworks, site-generators, comparisons, concepts
- Unlocking Accessibility: Content Designers Share Their Experience and Advice (via) · · interviews, design, accessibility
- How Bun Supports V8 APIs Without Using V8 II (via) · · bun, javascript, v8, apis
- How to Test JavaScript for Accessibility Compliance (by/via) · · how-tos, javascript, accessibility, compliance, wcag, testing
- Introducing the vlt Package Manager and Serverless Registry (by+/via) · · introductions, dependencies, serverless, javascript, tooling
- Beautiful Focus Outlines (by) · · css, focus, accessibility, examples
- JavaScript’s “&&=” Operator: Understanding Logical “AND” Assignment (by) · · javascript, operators
- Mastering Interaction to Next Paint (INP) (by/via) · · performance, web-vitals
- What’s the Deal With WebKit Font Smoothing? (by) · · webkit, css, typography
- Vercel Makes Changes to Next.js to Simplify Self-Hosting (by/via) · · vercel, nextjs, hosting
- JavaScript’s “??=” Operator: Default Values Made Simple (by) · · javascript, operators
- Fluid Everything Else (via) · · css, container-queries, responsive-design
- Why Optimizing Your Lighthouse Score Is Not Enough for a Fast Website (by/via) · · performance, optimization, lighthouse, google, web-vitals
- How to Optimize React Performance: Best Practices and Techniques (via) · · how-tos, performance, optimization, react, best-practices, techniques
- Platform vs. DevEx Teams: What’s the Difference? (by) · · platform-engineering, developer-experience, comparisons
- Designing for “How Might Things Go Wrong?” (by/via) · · design, user-experience, errors
- Disabled and Obscured (by) · · accessibility, html, forms, wcag, standards
- How I Improved Video Streaming With FFmpeg and Node.js (by) · · multimedia, nodejs, optimization
- What Do Survey Demographics Tell Us? (by/via) · · community, career, css
- Sustainable Web Interest Group Is Formed (by/via) · · w3c, sustainability, community
- Using Cache Control in Nuxt to Improve Performance (by) · · nuxt, performance, caching
- The Psychology of Attention for UX Designers (by/via) · · user-experience, design
- How Gestalt Principles Influence UX Design (via) · · user-experience, design, principles
- Named Scroll and View Timelines (by/via) · · css, animations
- The Impact of Artificial Intelligence on UX Design (via) · · user-experience, design, ai, testing, optimization, personalization
- The “button” Element (by) · · html, semantics, buttons, links
- A Friendly Introduction to Container Queries (by) · · introductions, css, container-queries
- Exploring the Browser Rendering Process (by) · · browsers, rendering, dom, cssom, painting
- What Happened to the Agile Movement? (by) · · videos, agile, processes, productivity, economics
- Securing Your Express REST API With Passport.js (by/via) · · nodejs, express, json-web-tokens, apis, security, tooling
- Building My Resume in HTML Using Eleventy (by) · · career, html, eleventy
- How to Write Better TypeScript Code: Best Practices for Clean, Effective, and Scalable Code (by) · · how-tos, typescript
- The Only Accessibility Video You Will Ever Need (by) · · videos, accessibility
- Your CSS Reset Should Be Layered (by) · · css, resetting, cascade
- Please Publish and Share More (by) · · blogging, indieweb
- The Open Source AI Definition 1.0 (by) · · foss, ai
- JavaScript Do’s and Don’ts (by) · · javascript, accessibility
- AI in Chrome DevTools (by/via) · · videos, chrome, google, browsers, dev-tools, ai
- You Are Not a CSS Dev if You Have Not Made a CSS Reset (by) · · css, resetting, examples
- The “<details>” and “<summary>” Elements Are Getting an Upgrade (by) · · html
- The Real Question We Should Be Asking About Agile Transformation (by/via) · · agile, processes, scaling
- CSS Masonry Layout Syntax (by/via) · · css, layout, masonry
- 25 Accessibility Tips to Celebrate 25 Years (by/via) · · accessibility, tips-and-tricks, aria, html
- “Functionality” Is Not Constrained by Content (by/via) · · accessibility, pdf, wcag, content
- The “body” Element (by) · · html, semantics
- I Followed the Official AWS Amplify Guide and Was Charged $1,100 · · aws
- A Comprehensive Introduction to CI/CD Pipelines (by) · · introductions, ci-cd, concepts, processes
- @ wasmer/sdk Adds Node.js and Bun Support (by/via) · · tooling, nodejs, bun
- Maintaining a Growth Mindset (by/via) · · design, career, leadership, link-lists
- The Importance of Giving Feedback Early: Don’t Let Resentment Fester (by) · · collaboration, communication, culture
- Testing With a Screen Reader Is an Important Step (by) · · accessibility, testing, screen-readers, assistive-tech
- New to the Web Platform in October (by/via) · · release-notes, web-platform, browsers, firefox, mozilla, chrome, google, safari, apple
- Reducing Digital Accessibility Litigation Risk (by) · · accessibility, legal, standards, processes
- How to Build Smaller Container Images: Docker Multi-Stage Builds (by) · · how-tos, docker, examples
- Add Content to the Margins of Web Pages When Printed Using CSS (by/via) · · css, print
- The “stretch” Keyword: A Better Alternative to “width: 100%” in CSS? (by) · · css
- Should Masonry Be Part of CSS Grid? (by) · · css, layout, masonry, grids
- There Is No Such Thing as a Unit Test · · testing
- The Image Compression Challenge (Donating Money for Excess-Free Projects) (by) · · images, compression, performance, tooling
- 2024 DORA Report (by/via) · · research, productivity, ai, metrics, developer-experience
- Tooltip Best Practices (by/via) · · accessibility, tooltips, best-practices
- “We Were Wrong”: An Oral History of WIRED’s Original Website (by/via) · · podcasts, history, case-studies
- How to Roll Your Own Auth in JavaScript and TypeScript (by) · · how-tos, authentication, javascript, typescript
- PDF Accessibility on the Web: Tricks and Traps (by/via) · · accessibility, pdf, tips-and-tricks
- Welcoming More Girls to Computer Science in Middle School (by) · · community
- The Latest in Angular Change Detection—All You Need to Know (by/via) · · angular
- What Is the JavaScript Pipeline Operator “|>” (by) · · javascript, operators
- My Modern CSS Reset (by) · · css, resetting
- Clarifying the Relationship Between Popovers and Dialogs (by/via) · · pop-overs, modals, html, comparisons, accessibility
- Come to the “light-dark()” Side (by/via) · · dark-mode, html, css, colors
- Scroll-Driven… Sections (by/via) · · css, scrolling, animations