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.)
Hiring remote frontend specialists? Check benefits and post your frontend job ad.
- What’s Actually Happening With JS Frameworks (by) · · videos, javascript, frameworks, trends
- The Secret to Building Highly Responsive Systems (by) · · videos, architecture, software-design, performance, scaling
- Updated Brief Note on Description List Support (by) · · html, lists, semantics, accessibility, assistive-tech, screen-readers, support
- What Is Google’s Navboost Algorithm? (by/via) · · google, search, seo
- Database Trends: A 2024 Review and a Look Ahead (by/via) · · databases, retrospectives, trends, visions
- View Transitions Snippets: Getting All Animations Linked to a View Transition (by/via) · · javascript, css, transitions, apis
- Fabulous Font-Face Fallbacks (by/via) · · performance, css, fonts, typography
- Breaking Up With Long Tasks or: How I Learned to Group Loops and Wield the Yield (by/via) · · performance, javascript
- Designing Websites for Bad Performance (by/via) · · performance, caching, web-workers, hints, optimization
- CSS Is Emotional: The Psychology of Specificity (by) · · css, cascade
- How to Use JSON Data Fields in MySQL Databases (by/via) · · how-tos, json, mysql, databases
- Page Weight (by+/via) · · web-almanac, studies, research, metrics, performance, storage, web-vitals
- TypeScript Without Build Tools (by/via) · · typescript, monorepos, tooling, link-lists
- Using DevTools to Validate Web Performance Improvements (by/via) · · performance, dev-tools, browsers, chrome, google
- 5 Reasons Your Direct Traffic Can Suddenly Drop (by/via) · · traffic, analytics
- The 20 Commandments of Software Engineering · · principles, programming, complexity, documentation, commit-messages, code-reviews, dependencies, maintenance, collaboration
- December 2024 Google Core Update (by/via) · · google, search
- Using Iframes to Embed Arbitrary Content Is Probably a Bad Idea (by) · · frames, embed-code, keyboard-navigation, scrolling, screen-readers, assistive-tech, accessibility
- Boost Website Speed With Prefetching and the Speculation Rules API (by/via) · · performance, hints, speculation, apis
- Improve Accessibility of User Authentication (by) · · accessibility, authentication, forms, labels, validation
- The Ultimate Tech Stack for Startups in 2025 · · tech-stacks, nextjs, tooling
- CSS: How to Indicate Container Overflow, When There Is Overflow (by) · · how-tos, css, overflow, techniques
- Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (by/via) · · html, buttons, icons, images, accessibility, screen-readers, assistive-tech
- Why Heading Order Matters in HTML (by) · · html, headings, accessibility
- “text-box” (by) · · css, typography, spacing
- My Favorite Web Performance Graphs of the Year (by/via) · · performance, metrics, visualization
- Is It “Frontend” or “Front-End” or “Front End”? (by) · · guest-posts, terminology
- Don’t Let Your Redesign Ruin Performance: A Case Study (by/via) · · performance, redesign, case-studies
- Baseline Data Choices (by/via) · · browsers, support, progressive-enhancement
- The Underrated “<dl>” Element (by/via) · · html
- Preloading Fonts for Web Performance With “link rel=preload” (by/via) · · performance, fonts, html, hints
- The Curious (Performance) Case of CSS “@ import” (by/via) · · performance, css, history
- Crawling December: CDNs and Crawling (by+/via) · · seo, crawling, content-delivery
- The Search Input: They Almost Got It Right (by/via) · · html, forms, labels, screen-readers, assistive-tech, accessibility
- CSS “margin-trim” and Line Height Units (by/via) · · css, typography, units
- The Design Leader Dilemma (by/via) · · design, leadership, principles, policies, prioritization
- A CSS Wishlist for 2025 (by/via) · · css, wish-lists
- CSS Wants to Be a System (by) · · css
- Relearning Dart (by) · · dart, flutter
- Why Are We So Rubbish at Accessibility? (by) · · accessibility, craft, culture
- 15 Principles for Secure Programming (by) · · security, principles, validation, testing
- The Devil Is in the “<details>” (by/via) · · html
- How to Use Baseline Data (by/via) · · how-tos, web-platform, browsers, support, documentation
- JavaScript Benchmarking Is a Mess (by) · · javascript, performance
- Frontend Engineer at Adobe Interview Experience · · career, interviewing, adobe
- Please Keep Your HTML Tables Clean and Lean, if You Really Need to Use Them (by) · · accessibility, html, tables
- On Long Term Software Development (by) · · maintainability, maintenance, dependencies, foss, testing, complexity
- Broadcast Channel API (by) · · apis, javascript
- Accessibility First: How to Design Inclusive Frontend Experiences (by/via) · · how-tos, design, accessibility, html, semantics, alt-text, keyboard-navigation, aria, contrast, forms, focus
- Build Your Own Site Speed Testing Tool With Puppeteer (by/via) · · performance, testing, puppeteer
- Don’t Hide Skip Links (via) · · accessibility, skip-links
- AWS S3 Deep Dive · · deep-dives, aws, storage
- Important Topics for Frontend Developers to Master in 2025 (by) · · learning, javascript, typescript, css, frameworks, git, apis, testing, performance, security, ci-cd, websockets
- Grouping Form Fields (by/via) · · html, forms
- Matt Mullenweg, WordPress, and the Battle for Control of the Internet (via) · · automattic, wordpress, wp-engine, web
- Unattributed Navigation Overhead (UNO) (by/via) · · performance, metrics
- CSS “light-dark()” (by/via) · · css, functions, dark-mode
- Biggest Privacy Erosion in 10 Years? On Google’s Policy Change Towards Fingerprinting (by) · · google, privacy
- No ARIA Is Better Than Bad ARIA (by) · · videos, accessibility, aria, html
- A Progress Update on “reading-flow” (by) · · css, layout
- AI and the Future of Accessibility with Dr. Gregg Vanderheiden (via) · · podcasts, interviews, accessibility, assistive-tech, ai, visions
- JS Import Maps (by/via) · · javascript, dependencies, import-maps
- “AsyncLocalStorage”: Simplify Context Management in Node.js (by) · · nodejs, javascript, asynchronicity
- My Favourite Colour Is Chuck Norris Red (by/via) · · html, colors
- Data-Driven SEO and Web Performance (by/via) · · seo, performance, web-vitals
- Scroll-Driven and Fixed (by/via) · · css, animations, scrolling, positioning
- 8 Most Important System Design Concepts You Should Know (via) · · videos, architecture, concepts
- I Reduced AWS Bills by 80% Just by Optimizing Node.js Code · · aws, economics, nodejs, optimization
- Is Figma Dev Mode a Worthwhile Tool for Developers? (by/via) · · guest-posts, figma, developer-experience, tooling
- The Cloud and the Climate: Navigating AI-Powered Futures (by+/via) · · podcasts, interviews, cloud-computing, ai, sustainability
- Detecting Web Performance Regressions Using Statistical Tools (by/via) · · performance, regressions, tooling
- CSS Display Module Level 4 (by+/via) · · css, standards, layout
- CSS “box-decoration-break” (by/via) · · css
- CSS Multi-Column Layout Module Level 2 (by+/via) · · css, standards, layout
- Getting Oriented With HTML Video (by/via) · · html, multimedia, web-components
- The Bad Apple Effect: How Negativity Can Sabotage Teams’ Performance (by/via) · · collaboration, culture, engineering-management
- Have an Accessible New Year With These 12 Resolutions (by) · · accessibility, captions, wcag, testing, headings, modals
- How to Create Multi-Step Forms With Vanilla JavaScript and CSS (by/via) · · how-tos, forms, javascript, css
- Speculative Loading and the Speculation Rules API (by/via) · · performance, speculation, apis
- The Future of CSS: Construct “<custom-ident>” and “<dashed-ident>” Values With “ident()” (by/via) · · css, functions, transitions
- New to the Web Platform in December (by/via) · · release-notes, web-platform, browsers, safari, apple, chrome, google
- Declarative Shadow DOM (by/via) · · shadow-dom, dom, web-components
- Microdata for Books (by/via) · · html
- CSS “content-visibility” (by/via) · · css
- Stylish Holidays! Creating a Scroll-Driven Christmas Tree in CSS (by) · · css, svg, animations, scrolling, effects
- WebAssembly JavaScript Interface (by/via) · · standards, webassembly, javascript, apis
- State of JavaScript 2024 [Results] (by/via) · · surveys, javascript
- Become a Better Developer With Clean Code Essentials: YAGNI, KISS, and DRY in Software Engineering (by) · · principles, minimalism, simplicity, maintainability
- How I Gained a New Perspective on ARIA (by/via) · · accessibility, aria
- CSS “::target-text” for Text Highlighting (by) · · css, selectors
- HTML Conformance: A Comparison of 6.5 npm Validator Packages (With 1.5 Recommendations) (by) · · html, conformance, tooling, npm, comparisons
- The Top 20 Tools UX Designers Should Know (via) · · design, user-experience, tooling, link-lists
- React 19 and Web Component Examples (by/via) · · react, web-components, examples
- Developer Guide: How to Implement Passkeys (via) · · guides, how-tos, authentication, security, passkeys
- Why Product Owners Should Not Assign Work (by/via) · · agile, scrum, processes, product-management
- CSS “text-wrap” (by/via) · · css, typography
- When Users Interact (by/via) · · performance, user-experience, metrics, link-lists
- Re-Imagine the Web With View Transitions (by/via) · · css, transitions
- You Don’t Need the “isOpen” Class (by/via) · · html, aria, accessibility
- Recap of the State of the Word 2024 (by/via) · · wordpress
- HTML “inert” Attribute (by/via) · · html
- Advanced and Creative TypeScript Techniques for Professionals (by) · · typescript, type-safety, techniques
- Creating Shared Ownership for Web Performance From a Cryptic CSS Values (via) · · performance, web-vitals, monitoring, css
- The Gift You Do Not Want: A Div in a Button’s Clothing (by/via) · · html, buttons, accessibility
- Page by Page: How Pagination Makes the Web Accessible (via) · · accessibility, pagination, html, css, svg
- Animating Entry Effects (by/via) · · css, animations, transitions, effects
- How to Dehumanize Accessibility With AI (by) · · how-tos, accessibility, ai
- Potential Dangers of Status Messages (by) · · accessibility, wcag, microcontent
- Towards Measuring INP on All Browsers and Devices (by/via) · · performance, web-vitals, browsers
- Easily Check for Web Accessibility Problems in Ten Minutes or Less (via) · · accessibility, testing, keyboard-navigation, zooming
- “align-content”: The Simplest Way to Center Content With CSS (by) · · css, centering
- Improving User Experience for Multilingual Web Browsing (by/via) · · user-experience, internationalization, html
- “calc-size()” and Interpolate Size (by/via) · · css, functions, animations
- ARIA in HTML (by+/via) · · standards, accessibility, aria, html
- How Strict Should We Be When Testing for WCAG Conformance? (by/via) · · videos, accessibility, wcag, compliance
- Customize Interpolation Syntax in Angular at Component Level (by) · · angular, components, customization
- Updated Drafts for Review: W3C Accessibility Guidelines (WCAG) 3.0 (via) · · accessibility, wcag, w3c, standards
- HTML and CSS I Didn’t Even Know About Before I Started Creating Content in Japanese (by/via) · · html, ruby-markup, css, internationalization
- Preventing Ageism in Design: Digital Accessibility for Older Adults (via) · · accessibility, design, dei
- Ethical Web Principles (by+/via) · · web, principles, ethics, w3c
- The “Perilous Pitfalls” of Accessibility Maturity (by) · · accessibility, leadership, product-management
- State of Node.js Performance 2024 (by+/via) · · nodejs, performance, metrics
- Makeshift Hot Reload (by/via) · · html, metadata
- Designer Problems: “Make the Logo Bigger!” (via) · · design, logos, images
- Responsive Tables and Readable Paragraphs (by/via) · · tables, responsive-design, css
- An Introduction to CSS Scroll-Driven Animations: Scroll and View Progress Timelines (by/via) · · introductions, css, animations, scrolling
- A Deep Dive Into CommonJS and ES Modules in Node.js (via) · · deep-dives, modules, commonjs, esm, nodejs
- Wolvic 2024: A Year in Review (via) · · wolvic, igalia, browsers, retrospectives
- 8 Types of Load Balancing (by) · · load-balancing, architecture, servers, nginx
- To Whom Does the World Belong? (via) · · ai, legal, licensing
- Simple Web Performance Mentoring (via) · · performance, monitoring, web-vitals, tooling
- Why You Should Use Laravel: Benefits of Laravel (via) · · laravel, php
- On-Page SEO Checklist: The Complete Task List for 2025 (via) · · seo, checklists, html, semantics
- CSS Wrapped 2024: 17 Features Transforming Modern Web Design (via) · · css, browsers, support, retrospectives
- WordPress Parent Company Must Stop Blocking WP Engine, Judge Rules (by/via) · · automattic, wordpress, wp-engine, legal
- Site Reputation Abuse: Is Your Website at Risk? (by/via) · · seo, google
- 5 Technical Trends to Help Web Developers Stand Out in 2025 (via) · · trends, career, javascript, security, ai, low-and-no-code
- Spot Non-Composited Animations in Chrome DevTools (by/via) · · css, animations, dev-tools, browsers, chrome, google
- Solved by Modern CSS: Feature Image (by) · · css, images
- Set Up a Micro-Frontend Architecture in 15 Mins With Vite (by) · · architecture, micro-frontends, vite
- Submit to the Quirks of HTML (by/via) · · html, forms
- HTTP (by/via) · · web-almanac, studies, research, metrics, http, protocols, hints, apis
- AI and Accessibility: Ethical Considerations and Solutions (by/via) · · accessibility, ai, ethics
- Accessibility Fail Friday: “1” for “Yes” and “0” for “No” (by) · · accessibility, forms
- Accessibility Best Practices for Single Page Applications (SPAs) (via) · · accessibility, best-practices, single-page-apps
- Cloudflare Radar 2024 Year in Review (via) · · retrospectives, web, web-platform, metrics, comparisons, traffic, ip, http, embed-code, browsers
- WebKit Features in Safari 18.2 (by+/via) · · release-notes, safari, apple, browsers, webkit
- Putting Performance in Relatable Terms (by/via) · · performance, communication
- Native HTML Light and Dark Color Scheme Switching (by/via) · · dark-mode, html, css, javascript, functionality
- AI Is Killing Coding (by) · · code-editors, ai
- Top 5 DevOps Skills That Will Pay Big in 2025 (by) · · career, dev-ops, ai, observability, git, kubernetes
- Mastering SVG Arcs (via) · · svg, images
- Drizzle Database Migrations (by/via) · · migrating, databases, tooling
- Past HTML, Future HTML? (by/via) · · html
- Understanding the Main Thread in the Browser (by/via) · · browsers, javascript, dom
- Douglas Crockford Is Not Your Dad (by) · · websites, json, comments
- What Makes a Great Engineering Manager? (by) · · engineering-management, career
- The Heartfelt Story Behind CSS’s New Logo (via) · · css, history
- Almost, but Not Quite, Entirely Unlike… (by/via) · · accessibility, buttons, html, ai
- Your Website Is a Restaurant (by/via) · · web-platform, performance
- Node.js Delivers First LTS With “require(esm)” Enabled, Enhances Security and Release Automation (by/via) · · nodejs, esm
- The Evolution of Instant Web: What It Means for Performance Tooling (via) · · performance, tooling, web-vitals
- The Importance of Graceful Degradation in Accessible Interface Design (by/via) · · design, accessibility, user-experience, graceful-degradation, progressive-enhancement
- “aria-labelledby = self” (by/via) · · accessibility, aria
- CSS “@ supports”: Write Future-Proof CSS (by) · · css, progressive-enhancement
- Native CSS Nesting Is Here (by) · · css, nesting, examples
- Tools for Unmoderated Usability Testing (by/via) · · usability, testing, tooling
- What Do the State of CSS and HTML Surveys Tell Us? (by/via) · · web-platform, html, css, community
- The State of UX in 2025: A Love Letter About Change (by+/via) · · user-experience, design, visions
- The Importance of Hover States (by/via) · · design, interaction-design, link-lists
- CSS Wrapped 2024 (by+/via) · · css, browsers, support, retrospectives
- Forced Colors Mode Futility (by/via) · · colors, contrast, css, accessibility
- Knowing CSS Is Mastery to Frontend Development (by) · · css, frameworks, career
- The Complete Guide to ARIA Live Regions for Developers (by/via) · · guides, accessibility, aria, live-regions
- When Is a Skip Link Needed? (via) · · accessibility, skip-links, keyboard-navigation, focus
- Exploring the Core Concepts of Node.js Readable Streams (by) · · nodejs, streaming, concepts
- Build a SolidJS App With Deno (by/via) · · solidjs, deno
- Multi-State Buttons (by/via) · · buttons, css
- What Is HTML Optimization? What Is It Not? (by) · · html, optimization, terminology
- React v19 (via) · · release-notes, react
- It’s Not AI, It’s State-of-the-Art Exploitation (via) · · ai, myths
- Googling Is for Old People: What This Means for Web Designers (via) · · design, mobile, search, google
- How to Include Web Accessibility in Your Web Development Process (via) · · how-tos, accessibility, processes, tooling, webaim
- The World Doesn’t Need More Managers—It Needs People Who Care Enough to Lead (by/via) · · design, leadership
- Angular 19: Standalone Updates (by/via) · · angular
- How React Compiler Performs on Real Code (by) · · react, compiling, rendering, memoization
- 24 Best AI Tools for Developers in 2025 (by/via) · · tooling, ai, link-lists
- How to Include Web Accessibility in Your Content Writing Process (via) · · how-tos, accessibility, content, writing, processes
- How Does the React Compiler Perform on Real Code (by/via) · · react, compiling, rendering, memoization, performance
- Control the Viewport Resize Behavior on Mobile With “interactive-widget” (by/via) · · css, units, viewport, resizing, mobile, metadata, html
- Release Notes for Safari Technology Preview 209 (by/via) · · release-notes, safari, apple, browsers
- A Leap in the Evolution of Airtable’s Codebase: Scaling TypeScript to Thousands of Projects (via) · · typescript, scaling, case-studies
- 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
- Creating an Effective Multistep Form for Better User Experience (by/via) · · forms, html, javascript, user-experience
- What a Web Performance Engineer Needs to Know About Cloud Cost Savings (via) · · performance, cloud-computing, economics, efficiency
- A Beginner’s Guide to Information Architecture in UX (via) · · guides, information-architecture, user-experience
- Pure CSS Halftone Effect in 3 Declarations (by/via) · · css, effects
- Privacy (by+/via) · · web-almanac, studies, research, metrics, privacy, apis
- The Pixel Canvas Shimmer Effect (by) · · web-components, effects
- You Should Have a Website (by) · · manifestos, career
- Astro 5.0 (by+/via) · · release-notes, astro
- Hints and Suggestions: The Design of Web Design (by/via) · · videos, design, css, cascade, history
- The Danger of Defaults (by/via) · · videos, usability, design
- The HTML Native Search Element (by) · · html, semantics
- SEO (by+/via) · · web-almanac, studies, research, metrics, seo, robotstxt, metadata, structured-data, amp, internationalization
- How to Stay and Grow in Tech (Especially if You’re a Minority) (by) · · how-tos, career
- I Was Laid Off From Spotify One Year Ago: Here’s What I’ve Learnt (via) · · user-experience, career
- Run Your Next.js SSR App on Deno Deploy (by+/via) · · nextjs, deno, hosting
- DreamHost Removed From WordPress.org’s Recommended Hosting Page (by/via) · · wordpress, hosting
- How GenAI Impacts User Experiences—Even Beyond AI (via) · · user-experience, ai, processes
- The Logical Border Radius Equivalents (by/via) · · css, borders, logical-properties, internationalization
- Starting Off Right: Where Autofocus Shines (by/via) · · html, forms, focus
- A Layered Approach to Speculation Rules (by) · · performance, speculation
- Designed With Care (via) · · websites, books, accessibility, design, content, compliance
- Goodhart’s Law in Action: 3 Webperf Examples (by/via) · · performance, principles, lighthouse, web-vitals, metrics, google, examples
- How to Clamp the Lightness of a Relative Color in CSS (by) · · how-tos, css, colors, functions
- CSS Advent Calendar (by) · · websites, css, examples
- A Link on a Logo in the Header, What Should the Alt-Text Be? (by/via) · · accessibility, branding, links, logos, images, alt-text
- Development Advent Calendars for 2024 (by) · · link-lists, learning
- Blast From the Past: 2advanced.com (via) · · design, flash, history, case-studies
- How to Usability Test Your Product (if You Want Bad UX) (by) · · how-tos, usability, user-experience, testing
- Turn Off AI Features by Default (to Reduce Their Climate Impact) (by) · · ai, sustainability, tooling
- 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
- Designing Your Own Accessibility Vendor Monitoring Program (via) · · videos, accessibility, business-relations, monitoring
- A False Sense of Accessibility: What Automated Testing Tools Are Missing (by/via) · · videos, accessibility, testing, automation, tooling
- If Not React, Then What? (by) · · frameworks, client-side-rendering, react, user-experience, performance
- Let’s Learn Generators in JavaScript · · javascript, functions
- Don’t Fuck With Scroll (by) · · websites, scrolling, user-experience, usability, accessibility, maintainability
- Why Pipes Sometimes Get “Stuck”: Buffering (by) · · command-line, unix-like
- Stop Aiming for Compliance: Craft a Better Product Strategy Instead (by/via) · · accessibility, compliance, product-management, strategies, processes
- Character-Based Alignment (by) · · html, css, alignment
- Angular v19 No Signals Edition (by/via) · · angular
- The Many Faces of Digital Accessibility (by/via) · · videos, accessibility, career
- 10 Git Commands You’ll Wish You Knew Earlier · · git, command-line
- New to the Web Platform in November (by/via) · · release-notes, web-platform, browsers, firefox, mozilla, chrome, google
- The 5 Most Transformative JavaScript Features From ES15 (by/via) · · javascript, ecmascript
- A Quick Snapshot of the Microblogging Landscape (by) · · social-media, comparisons, twitter+x, bluesky, facebook+meta, mastodon, fediverse
- Preloading Responsive Images (by) · · images, html, hints, performance
- When Is It Time to Move Prototyping From Figma to ProtoPie? (by/via) · · design, prototyping, tooling, figma
- Observation: CSS Math Eval (by) · · css, javascript, math
- Decoupling OKRs: It’s Time to Let Go (by) · · okr, processes, prioritization, leadership
- Prisma 6: Better Performance, More Flexibility, and Type-Safe SQL (by/via) · · release-notes
- Understanding CSS Inheritance: A Guide to Consistent Styling (by) · · guides, css, cascade
- Faster TypeScript Compilation (by/via) · · videos, typescript, compiling, performance
- Contributing to JavaScript and TypeScript (by/via) · · videos, javascript, typescript, foss, standards
- The Hype Around Signals (by/via) · · frameworks, libraries, signals
- Create Accessible Websites: Top Free Tools You Need to Know (by) · · accessibility, testing, jaws, nvda, screen-readers, assistive-tech, linting, tooling
- Optimizing JavaScript Engine Performance (by/via) · · videos, javascript-engines, performance, optimization