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 suitable for web and full-stack developers.
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- A Link on a Logo in the Header, What Should the Alt-Text Be? (by/via) · · accessibility, branding, links, logos, images, alt-text
- How to Join Blue Beanie Day: Wear and Share (by) · · awareness-days, standards, how-tos
- 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
- A Quick Snapshot of the Microblogging Landscape (by) · · social-media, comparisons, twitter+x, facebook+meta, mastodon, fediverse
- Observation: CSS Math Eval (by) · · css, javascript, math
- Decoupling OKRs: It’s Time to Let Go (by) · · okr, processes, prioritization, leadership
- How to Cut Water Usage in Cloud Data Centers (by/via) · · how-tos, sustainability
- The Hype Around Signals (by/via) · · frameworks, libraries, signals
- 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
- A Framework for Evaluating Browser Support (by) · · user-agents, support, web-platform, graceful-degradation
- Agile Is Dead · · websites, manifestos, agile, processes, collaboration, communication
- 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
- The PHP Foundation Turns Three (by/via) · · php, anniversaries
- 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
- 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
- Make Creative Borders With “background-clip: border-area” (by/via) · · css, borders, backgrounds, safari, apple, user-agents
- 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
- 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
- AWS Lambda Turns Ten—Looking Back and Looking Ahead (by/via) · · anniversaries, aws, history, visions
- 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
- Some Tips for Keyboard Support on Native Mobile Applications (by) · · accessibility, mobile, native, keyboard-navigation, tips-and-tricks
- What Is User Experience (and What Is It Not)? (by/via) · · user-experience, terminology, comparisons
- When Is the Right Time to Share Our Excitement About New Web Features? (by) · · web-platform, support, user-agents
- Alt Text: Not Always Needed (by/via) · · accessibility, alt-text, writing
- 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
- 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
- (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
- Ecommerce (via) · · web-almanac, studies, research, metrics, economics
- 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
- 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
- Release Notes for Safari Technology Preview 207 (by/via) · · release-notes, safari, apple, user-agents
- AI Features Must Solve Real User Problems (by/via) · · ai, user-experience, product-management
- 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
- Bluesky’s AT Protocol: Pros and Cons for Developers (by/via) · · social-media, comparisons
- 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
- What Happened to the Agile Movement? (by) · · videos, agile, processes, productivity, economics
- Exploring the Browser Rendering Process (by) · · user-agents, rendering, dom, cssom, painting
- 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, user-agents, 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, user-agents, assistive-tech
- 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
- New to the Web Platform in October (by/via) · · release-notes, web-platform, user-agents, firefox, mozilla, chrome, google, safari, apple
- 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
- Octoverse: AI Leads Python to Top Language as the Number of Global Developers Surges (via) · · research, github, community, ai, programming, python, javascript, typescript, java, php, shell, go
- Introducing the Legendary Programmer Hall of Fame (by) · · introductions, programming, community
- Celebrating 20 Years of Firefox (via) · · videos, anniversaries, firefox, mozilla, user-agents
- Making Content-Aware Components Using CSS “:has()”, Grid, and Quantity Queries (by/via) · · web-components, css, grids, selectors
- Will We Care About Frameworks in the Future? (by) · · frameworks, ai
- HTML Form Validation Is Heavily Underused (by) · · html, forms, validation, react
- Deprecating Node.js REST APIs in 6 Frameworks (via) · · nodejs, apis, frameworks, maintenance, fastify, express, nestjs
- Re: Social Media Hasn’t Killed the Personal Blog Just Yet (by) · · social-media, blogging
- Revamping a Five-Year Old Node.js Project (by) · · nodejs, mongodb, databases, architecture, refactoring, maintenance
- Polypane 22 (via) · · release-notes, polypane, user-agents
- WebKit Features in Safari 18.1 (by/via) · · release-notes, safari, apple, user-agents, webkit
- A Deep Dive Into WebAssembly (by+/via) · · videos, interviews, webassembly, deep-dives
- 20 JavaScript Tricks Every Developer Must Know · · javascript, tips-and-tricks
- JavaScript Truthy and Falsy: A Deep Dive (by) · · javascript, deep-dives
- Test Smart: How to Apply Automation and Stay Sane? (via) · · quality, testing, automation, ci-cd
- Naming Things Is Still a Common and Enduring Challenge in Accessibility (by) · · accessibility, naming
- WP Engine Files Injunction, Hearing Set for November 26, 2024 (by/via) · · wp-engine, wordpress, legal
- Do’s and Don’ts of Commenting Code (via) · · comments, documentation, examples, best-practices
- Inside the CSS Engine: CSSOM Explained (by) · · css, cssom
- Designing for Anyone: The Power of Accessible Products (by) · · design, accessibility, dei
- Talkin’ Tables (by/via) · · videos, accessibility, tables, html
- CSS “only-child” Instead of Conditional Logic (by) · · css, selectors, conditionals
- Apple Implements Six of OWA’s DMA Compliance Requests (via) · · apple, web-apps, user-agents, legal, link-lists
- How We Shrunk Our JavaScript Monorepo Git Size by 94% (by) · · javascript, monorepos, git
- Accessibility for the Deaf / Hard of Hearing and Progress Over Perfection (by/via) · · videos, accessibility
- Improving Accessibility Through Design Systems (by/via) · · videos, accessibility, design-systems
- The Internet Is Unusable—the Disabled View (by/via) · · videos, accessibility, web
- Dynamic Social Share Images Using Cloudinary (by) · · social-media, images, tooling
- Introducing the New Svelte CLI (by/via) · · introductions, svelte, sveltekit, tooling
- A New Vivaldi—a Whole New Browsing Experience (by/via) · · vivaldi, user-agents, release-notes
- How to Make a Tonal Color Palette by Stealing From Nature (by/via) · · how-tos, color-palettes, colors, design, design-systems, contrast
- WebStorm and Rider Are Now Free for Non-Commercial Use (by/via) · · code-editors, jetbrains, webstorm
- How Document-Oriented Databases Store Data Similar to JSON Objects (by) · · databases, json, objects
- My Top 5 Most Popular Front-End Tips (by) · · videos, css, html, forms, tips-and-tricks
- How to Speed Up Your Vue App With Server Side Rendering (by/via) · · how-tos, performance, vuejs, server-side-rendering, incremental-static-regeneration
- Calculating the ROI of Your Design System (by/via) · · design-systems, economics, metrics
- Six Things Not Related to Accessibility That Will Improve Your Disability Inclusion Efforts (by) · · accessibility, dei, culture, leadership
- Why 90’s Designs Are Coming Back (via) · · videos, design, trends
- Bad Design Is, Apparently, Hot (by/via) · · design, user-experience
- Results = ƒ(Competence × Time) (by) · · project-management, engineering-management, hiring
- Angular’s Approach to Partial Hydration (by/via) · · angular, hydration
- Is Qwik the Future of Scalable Web Development? (by/via) · · guest-posts, qwik, frameworks
- Lessons From Building Netlify (by/via) · · lessons, videos, netlify, history, leadership
- Be a Dolphin Not a Shark: Using Cooperation Over Conflict to Advance Digital Accessibility (by/via) · · videos, accessibility, advocacy, collaboration, strategies
- Video Is the Holy Grail of the Open Web (by) · · multimedia, web
- Qualities of a Good Cloud Architect (by) · · cloud-computing, architecture, career
- Passing Data to New Window Using JavaScript (by/via) · · javascript, comparisons
- Front End Debugging: Not Just Console Log (by) · · debugging, console, javascript, dom