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.)
- Avoiding False Positives in Node.js Tests (via) · · nodejs, testing
- How to Use Lighthouse Wisely in Your Front-End Projects (by/via) · · guest-posts, how-tos, lighthouse, google, performance, accessibility, seo, best-practices
- State of JavaScript 2024 (by/via) · · surveys, javascript
- Alt Text: Not Always Needed (by/via) · · accessibility, alt-text, writing
- 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
- 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
- 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
- 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
- JavaScript Import Attributes (ES2025) (by) · · javascript, security
- Why Does JavaScript’s “parseInt(0.0000005)” Print “5”? · · javascript
- 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
- 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
- My Anti-Overlay Client Letter (by) · · accessibility, overlays, business-relations, communication, advocacy
- Celebrating Innovation and Impact: JavaScriptLandia Community Awards (via) · · community, javascript
- 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
- Web Audio API 1.1 (by+/via) · · multimedia, apis
- 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
- 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
- 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
- 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
- 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
- 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
- Tooltip Best Practices (by/via) · · accessibility, best-practices
- 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
- 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
- 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
- How to Speed Up Your Vue App With Server Side Rendering (by/via) · · how-tos, performance, vuejs, server-side-rendering, incremental-static-regeneration
- Angular’s Approach to Partial Hydration (by/via) · · angular, hydration
- Is Qwik the Future of Scalable Web Development? (by/via) · · guest-posts, qwik, frameworks
- 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
- SecretLint—a Linter for Preventing Committing Credentials (by) · · tooling, linting, security
- Making Accessibility Accessible (by) · · accessibility
- What’s New in WAI–ARIA 1.3 (by/via) · · videos, accessibility, aria
- How Vercel Adopted Microfrontends (by+/via) · · vercel, micro-frontends, case-studies
- Should JavaScript Be Split Into Two Languages? New Google-Driven Proposal Divides Opinion (via) · · javascript, ecmascript, google, runtimes
- Building a Mental Model of Node.js Streams (by) · · nodejs, streaming
- View Transitions Staggering (by/via) · · css, transitions, effects, pug
- Visualize a Webpage’s Memory Usage During a Performance Recording (by/via) · · dev-tools, user-agents, chrome, google, edge, microsoft, performance, memory, profiling
- Possible Future CSS: Tree-Counting Functions and Random Values (by) · · css, functions, randomness
- Svelte 5 Is Alive (via) · · release-notes, svelte
- Accessible Design: WCAG or Trendy? No, WCAG and Trendy! (by/via) · · videos, accessibility, design, wcag
- 10 Simple Ways to Make Your Social Media Posts Accessible (via) · · accessibility, social-media, content, alt-text, captions, contrast
- Top 4 Web Vulnerabilities With Example and Mitigation (by/via) · · security, vulnerabilities, sql, databases
- Help Us Choose the Final Syntax for Masonry in CSS (by+/via) · · css, layout, masonry
- What Are the Roles of Interaction Design and Visual Interface Design? (via) · · design, interaction-design, processes
- Where Web Components Shine (by) · · web-components
- Comparing Local-First Frameworks and Approaches (by/via) · · databases
- Lamenting About Good Design (via) · · design
- Understanding “npm audit” and Fixing Vulnerabilities (by) · · npm, security, vulnerabilities, nodejs
- The Importance of UX in Cybersecurity (by/via) · · user-experience, usability, security
- Leveraging Usability-Testing Data in Making UX Design Decisions (by/via) · · user-experience, design, usability, testing
- Next.js 15 (by+/via) · · release-notes, nextjs
- Foundations: Form Validation and Error Messages (via) · · accessibility, forms, validation, errors, usability
- The HTTP Crash Course Nobody Asked For (by) · · crash-courses, protocols, http
- You Can Use “text-wrap: balance;” on Icons (by) · · css, icons, images
- Set the Default Time Zone in Node.js (by) · · nodejs, javascript, internationalization, localization
- Software Engineer Titles Have (Almost) Lost All Their Meaning (by) · · career, culture, engineering-management
- Why I’m Skeptical of Rewriting JavaScript Tools in “Faster” Languages (by) · · javascript, tooling, programming
- State of React 2024 (by+/via) · · surveys, react
- State of CSS 2024 [Results] (by/via) · · surveys, css
- 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
- Did Automattic Commit Open Source Theft? (by) · · automattic, wordpress, wp-engine, foss, legal
- If You Care (by) · · accessibility
- In the Future Using Top-Level “await” Might Be Cause a Backwards Compatibility Break in Node (by) · · nodejs, modules, commonjs, esm
- 20 Git Command-Line Tricks Every Developer Should Know · · git, command-line, tips-and-tricks
- How Should “<selectedoption>” Work? (by) · · html, forms
- How Is This Website So Fast!? (by) · · videos, performance, case-studies
- Why Developers Lose Trust in AI Tools (by) · · research, ai, tooling
- Platform Strategy and Its Discontents (by) · · web-platform, javascript, mobile, mobile-first, native, performance, user-experience
- What Is Platform Engineering? (by/via) · · platform-engineering
- Styling Web Components (by) · · web-components, css
- Developing a Web Site Nonvisually in a Linux Environment (by) · · unix-like, hugo, pico, accessibility, processes
- An HTML Email Template With Basic Typography and Dark/light Modes (by/via) · · templates, html, email, typography, dark-mode
- CSS “min()” All the Things (via) · · css, functions
- How to Build an Image Search Application With OpenAI CLIP and PostgreSQL in JavaScript (by/via) · · how-tos, images, searching, ai, postgresql, databases, javascript, functionality
- 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
- Using Static Websites for Tiny Archives (by) · · html, css
- Best Testing Practices in Node.js (by/via) · · nodejs, testing, best-practices
- Create Efficient Error Messages (by/via) · · videos, errors, microcontent, content, communication, efficiency, user-experience
- Tips for Inclusive and Accessible Hiring and Recruiting (by/via) · · accessibility, dei, hiring, tips-and-tricks, myths, strategies
- How to Convert CommonJS to ESM (by/via) · · how-tos, conversion, commonjs, esm, javascript
- “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
- A Lean Approach to Design Systems (via) · · design-systems
- Boring Web Development (by) · · prioritization, culture, craft
- Introducing Express v5: A New Era for the Node.js Framework (by/via) · · release-notes, express
- Are You Considering the Developer’s Mental Model? (by/via) · · design, processes, research
- Rubicon (by) · · foss, wordpress, wp-engine
- Indexed Database API 3.0 (via) · · indexeddb, databases
- GSAP Is Joining Webflow (by/via) · · gsap, webflow
- What Makes a Font Accessible? A Designer’s Guide (via) · · guides, design, fonts, typography, accessibility
- Fanout With Grid and View Transitions (by/via) · · css, layout, grids, transitions, effects
- Understanding VPATs and ACRs: Key Insights (by) · · accessibility, vpat-acr
- The “blockquote” Element (by) · · html, semantics
- The Design of Visited Links (by) · · design, links
- Design Systems: Simplifying Documentation Writing (via) · · design-systems, documentation, writing
- On the Web, and Optimism (by/via) · · web, fediverse
- Does Deno 2 Really Uncomplicate Javascript? (via) · · videos, deno, jsr, javascript, comparisons
- My Eulogy for the Open Web and Old Google (by) · · web, html, google
- Component Spec: The Design System Component Delivery (by/via) · · design-systems, components, documentation, figma
- The Greatness and Limitations of the “js-framework-benchmark” (by) · · javascript, frameworks, tooling, performance, metrics
- I Didn’t Know You Could Use Sibling Parameters as Default Values in Functions (by) · · javascript, functions
- The Secrets of JavaScript Object Property Order (by) · · javascript, objects
- Should Automation Help Us Work Slower? (by/via) · · productivity, automation
- Handling Paste Events in JavaScript (by/via) · · javascript, events
- CSS Tricks That Use Only One Gradient (by/via) · · css, gradients, tips-and-tricks
- Please, Don’t Use Viewport Units for Font Sizes (by) · · videos, css, units, typography
- 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
- Design Systems and How to Use Them in an Accessible Way (by/via) · · videos, how-tos, accessibility, design-systems
- The .io Domain Isn’t Going Anywhere Anytime Soon Amid Treaty (by/via) · · domains
- The Elephant in the New Accessibility Law: PDFs (by) · · accessibility, legal, pdf
- 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
- The Value of Accessibility Annotations in Inclusive Design (by/via) · · accessibility, design, dei
- Node.js, Pipes, and Disappearing Bytes · · nodejs
- 10 CSS Pro Tips and Tricks You Need to Know (via) · · videos, css, tips-and-tricks
- 8 AI Tips for Web Developers (and Their Careers) (by/via) · · ai, tooling, documentation, code-reviews, refactoring, processes, career, tips-and-tricks
- 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
- The Best Examples of Data Visualization in 11 Leading Design Systems (via) · · design-systems, information-design, visualization, examples
- Searching for a New CSS Logo (by/via) · · css
- Top 11 WordPress Themes for Web Designers in 2024 (via) · · wordpress, themes, link-lists
- Why Code Security Matters—Even in Hardened Environments (via) · · security, vulnerabilities, file-handling, nodejs
- Liskov’s Gun: The Parallel Evolution of React and Web Components (by) · · react, web-components, comparisons
- I Interviewed 100 DevTools Founders and This Is What I Learned (by/via) · · interviews, lessons, tooling, developer-experience, link-lists