News and Tools for Frontend Developers
Articles and videos and books, people and projects and processes, tools and tips and tricks from the world of frontend development.
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- 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
- The “button” Element (by) · · html, semantics, buttons, links
- A Friendly Introduction to Container Queries (by) · · introductions, css, container-queries
- 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
- 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
- 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
- Should Masonry Be Part of CSS Grid? (by) · · css, layout
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Video Is the Holy Grail of the Open Web (by) · · multimedia, web
- 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
- 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
- Help Us Choose the Final Syntax for Masonry in CSS (by+/via) · · css, layout
- 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
- 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
- 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
- Did Automattic Commit Open Source Theft? (by) · · wordpress, wp-engine, foss, legal
- 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
- 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
- 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
- Fanout With Grid and View Transitions (by/via) · · css, layout, transitions, effects
- On the Web, and Optimism (by/via) · · web, fediverse
- Does Deno 2 Really Uncomplicate Javascript? (via) · · videos, deno, jsr, javascript, comparisons
- 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
- 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 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
- 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
- The New Stylable “<select>” Element (by+) · · podcasts, html, css, apis, forms
- CSS Nesting Improves With CSSNestedDeclarations (by/via) · · css, nesting
- The Disappearance of an Internet Domain (by/via) · · domains
- Searching for a New CSS Logo (by/via) · · css, logos
- The Popover API: Your New Best Friend for Tooltips (by/via) · · pop-overs, apis, html, css, javascript
- The Mazy Web She Whirls: Starting Open Web Advocacy (by/via) · · videos, web-platform, advocacy
- How Effective UX Design Can Boost Business Success (by/via) · · user-experience, design, economics, user-conversion, mobile, navigation, performance
- Breaking Into UX Research: Non-Traditional Paths to Success (via) · · user-experience, career, case-studies
- 18 Interview Questions Answered by Angular Experts (by+/via) · · interviews, angular
- Web Components: Little Bits (by/via) · · videos, web-components, html
- Building a Single-Page App With htmx (by) · · single-page-apps, htmx
- Build a Static RSS Reader to Fight Your Inner FOMO (by/via) · · rss, syndication, astro, netlify, functionality
- No Industry for Old Men (by/via) · · videos, retrospectives, html, aria, screen-readers, user-agents, assistive-tech, accessibility, w3c
- Recipes for Detecting Support for CSS At-Rules (by/via) · · css, at-rules, support, user-agents, feature-detection
- Reminder That “@ scope” and HTML Style Blocks Are a Potent Combo (by/via) · · css, scope, at-rules
- CSS Anchor Positioning Guide (by/via) · · guides, css, anchor-positioning
- The Future of Voice User Interfaces and UX Design (by/via) · · visions, voice, user-experience, design
- Designing for Privacy (via) · · design, privacy, cheat-sheets
- Some Notes on Upgrading Hugo (by) · · hugo, maintenance
- Designing for Accessibility: Enhancing Math Learning for the Blind Using the NVDA Screen Reader · · accessibility, design, nvda, screen-readers, user-agents, assistive-tech
- 21 UX Strategies to Maximize User Engagement Without Exploitation (via) · · user-experience, design, strategies, ethics
- Feature Detect Style Queries Support in CSS (by/via) · · css, feature-detection, container-queries, support, user-agents
- Testing CSS Print Media Styles (by) · · css, print, media-queries, testing
- Reminder—Automatic Accessibility Testing Can Detect Inaccessibility but Can’t Detect Accessibility (by) · · accessibility, testing
- 10 JavaScript Concepts Every Node Developer Must Master · · javascript, nodejs, concepts
- React on the Server Is Not PHP (by) · · servers, react, php
- Sneaking: The Deceptive UX Pattern You Never Saw Coming (via) · · user-experience, dark-patterns
- Node vs. Bun: No Backend Performance Difference (by) · · nodejs, bun, comparisons, performance, metrics
- How a Bottom-Up Design Approach Enhances Site Accessibility (by/via) · · design, accessibility, processes
- How to Use the CSS “backdrop-filter” Property (by/via) · · how-tos, css, filters, backgrounds, effects
- Database 101: SSL/TLS for Beginners (by/via) · · introductions, databases, ssl, tls, authentication, security
- npm vs. npx · · nodejs, npm, comparisons
- Icon Usability: When and How to Evaluate Digital Icons (by/via) · · how-tos, usability, icons, images
- An Introduction to WebAssembly (by+/via) · · videos, introductions, webassembly
- Node.js Can Run TypeScript (by) · · nodejs, typescript
- Practical Accessibility Tips You Can Apply Today (via) · · accessibility, tips-and-tricks, html
- Cloudflare Study: 39% of Companies Losing Control of Their IT and Security Environment (by) · · studies, research, security, engineering-management
- ESLint Now Officially Supports Linting of JSON and Markdown (by/via) · · release-notes, eslint, linting, json, markdown
- cpx—the npx Counterpart of the PHP Ecosystem (by) · · php, dependencies
- How to Identify a Toxic Accessibility Culture, and What You Can Do About It (by) · · how-tos, accessibility, culture
- “Straight to the Pool Room”: The Pitfalls of Placing Accessibility Issues in the Backlog (via) · · accessibility, processes, prioritization, project-management
- JAWS (Only) No More (by) · · accessibility, jaws, nvda, voiceover, apple, screen-readers, user-agents, assistive-tech, support
- Tips for Working From the Office? · · discussions, career, tips-and-tricks
- A UX Designer Guide to Prompt (via) · · guides, design, user-experience, ai
- Benchmarking the Performance of CSS “@ property” (by/via) · · css, performance, at-rules
- Interview With Björn Ottosson, Creator of the Oklab Color Space (by+/via) · · interviews, colors, design
- I Wasted a Day on CSS Selector Performance to Make a Website Load 2 ms Faster (by) · · css, selectors, performance
- Chasing Color (by) · · css, colors, design-systems
- Eleventy v3.0.0: Possums ❤️ ESM (by/via) · · release-notes, eleventy, esm
- Queering Design Systems Thinking (by) · · design, design-systems, culture
- Unleash JavaScript’s Potential With Functional Programming (by) · · javascript, programming, comparisons
- Web Components Are Not Framework Components—and That’s Okay (by) · · web-components, web-platform, frameworks
- Web Components vs. State-Based UI (by) · · web-components, state-management, comparisons
- An Interesting HTML Parser Conundrum (by) · · html, parsing
- CSS Masonry and CSS Grid (by/via) · · css, layout
- How Bun Supports V8 APIs Without Using V8 (via) · · bun, v8, apis, comparisons
- Designing Effective Information Architectures for Large-Scale Web Sites (via) · · design, information-architecture, complexity, scaling
- Sketch and AI (by+/via) · · sketch, ai
- Celebrating WebAIM’s 25th Anniversary (by/via) · · accessibility, anniversaries
- Default Behavior of “position: absolute” (by) · · css, positioning
- Designing for Digital Minimalism: Creating User Experiences That Support Mental Well-Being (via) · · design, user-experience, minimalism, simplicity
- What’s the Difference Between HTML’s Dialog Element and Popovers? (by/via) · · html, modals, pop-overs, comparisons
- The Reality of Balancing Pregnancy in Developer Relations (by) · · career, developer-relations
- Release Notes for Safari Technology Preview 204 (by/via) · · release-notes, safari, apple, user-agents
- Why Gumroad Didn’t Choose htmx (by/via) · · htmx, case-studies
- Understanding Cultural Norms to Design Inclusive User Experiences (via) · · design, user-experience, culture, dei
- The “bdi” Element (by) · · html, semantics, internationalization
- New to the Web Platform in September (by/via) · · release-notes, web-platform, user-agents, chrome, google, firefox, mozilla, safari, apple
- 4 Tips for Unlocking the Benefits of Svelte in Frontend Development (by/via) · · guest-posts, svelte, sveltekit
- Understanding the Concept of Scoping in CSS · · css, scope, concepts
- Bundling Past, Present, and Future (by) · · videos, bundling, tooling, history, visions
- How to Learn HTML: 46 Great Sites, Courses, and Books (All Free) · · how-tos, learning, courses, books, html, link-lists
- Solved by CSS Scroll-Driven Animations: Hide a Header When Scrolling Down, Show It Again When Scrolling Up (by/via) · · css, scrolling, animations, techniques
- The “b” Element (by) · · html, semantics
- Self-Taught Developer’s Guide to Thriving in Tech (by) · · guides, career
- Matt Mullenweg Announces Temporary Lifting of WP Engine Ban (via) · · wordpress, wp-engine
- Web Components Are Okay (by) · · web-components
- How to Manage Dangerous Actions in User Interfaces (by/via) · · how-tos, design, interaction-design, microcontent
- You Might Not Need That Framework (by/via) · · frameworks, javascript
- Bad CSS-Dad Jokes III (by) · · css
- Next.js: Static Site Generation (SSG) With Incremental Static Regeneration (ISR) (by) · · nextjs, site-generators, incremental-static-regeneration
- Some Go Web Dev Notes (by) · · go, sql, databases
- POSSE: Reclaiming Social Media in a Fragmented World (by) · · social-media, indieweb
- Untrained Engineering Managers (by) · · engineering-management, culture, career, training
- NIST Recommends Some Common-Sense Password Rules (by) · · security, passwords, guidelines
- “img sizes=auto” for Native Lazy Loading (by) · · code-pens, html, images, lazy-loading, performance
- A Complete Guide to Session Management in Next.js (via) · · guides, nextjs, authentication, authorization
- Navigate Large Files Faster With Minimap Section Headers in VS Code (by/via) · · videos, vs-code, microsoft, code-editors
- Disable Console Logs in Production in Next.js (by) · · nextjs, console, logging, javascript
- Building a Dynamic Background Effect (via) · · react, css, backgrounds, animations, effects
- The State of Accessibility (by/via) · · videos, podcasts, accessibility, standards
- Why I Prefer WebStorm Over Visual Studio Code for Web Development (via) · · code-editors, webstorm, jetbrains, vs-code, microsoft, comparisons
- Making Maps Accessible to Screen Readers (via) · · accessibility, screen-readers, user-agents, assistive-tech, link-lists
- Catching Up on the WordPress WP Engine Sitch (by/via) · · wordpress, wp-engine
- Web Components Are Not the Future (by) · · web-components, web-platform, frameworks
- 5 Questions for Craig Buckler (by+/via) · · interviews, web-platform, history
- Automattic Sends WP Engine Its Own Cease-and-Desist Over WordPress Trademark Infringement (by/via) · · wordpress, wp-engine, legal
- Why Asking Questions Is a Vital Part of Growing as a Designer (via) · · design, career, communication
- The Golden Ratio in CSS (by) · · css, principles, design
- A Guide to Destructuring in JavaScript (by/via) · · guides, javascript, examples
- Challenging the Case for Delayed ADA Compliance (by+/via) · · podcasts, interviews, accessibility, compliance, legal
- Accessibility Is Everyone’s Responsibility (by) · · accessibility, culture, dei
- The Ultimate Design Token Setup (by/via) · · design-systems, design-tokens, best-practices, link-lists
- The Problem With Superscripts and Subscripts (by) · · typography, css
- How to Make a “Scroll to Select” Form Control (by/via) · · how-tos, forms, scrolling, css
- Dynamic Numbering With CSS Counters (by) · · videos, css
- Observing Style Changes (by/via) · · slides, css
- How to Measure Design System at Scale (by/via) · · how-tos, design-systems, scaling, observability
- The Problem of the Em Square (via) · · design, typography, history
- Unleash Your Inner Avenger: A Beginner’s Guide to Unix Shells (by) · · guides, unix-like, shell