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.)
- Noisy, Hungry Data Centers Are Catching Communities by Surprise (by/via) · · hosting, sustainability
- Let’s Bring Back Browsing (by) · · web, browsing
- Company Culture Happens Outside Management (by) · · culture, engineering-management
- Brief Note on Disclosures in Fieldsets (by) · · accessibility, forms, pop-overs
- CSS Values and Units Module Level 5 (by+/via) · · css, units
- Predicting Developer Attrition (by) · · culture, leadership
- Using Controllers for Keyboard Accessibility (by/via) · · videos, accessibility, keyboard-navigation
- 2024: 0.5% of the Global Top 200 Websites Use Valid HTML (by) · · html, conformance, metrics, quality, craft
- Standalone Components Are the Future · · videos, angular, components
- Logical Properties in Size Queries (by/via) · · css, logical-properties, container-queries
- How to Find the Accessible Name of a Button With Google Chrome (by) · · how-tos, accessibility, buttons, chrome, google, user-agents, dev-tools
- The Neverending Story (by) · · web-platform, standards, frameworks, libraries, tooling
- Top 10 Angular Architecture Mistakes You Really Want to Avoid (by/via) · · angular, architecture, mistakes
- The Easiest Way to Start Working with OKRs (by) · · okr, processes, prioritization
- Anchor Positioning Quirks (by/via) · · css, anchor-positioning
- Chrome Ends Support for First Input Delay (by/via) · · user-agents, google, chrome, performance, web-vitals, support
- What Does Hydration Mean? (by/via) · · hydration, concepts, javascript, html, dom
- The Undeniable Utility of CSS “:has” (by) · · css, selectors, examples
- JavaScript Promises in Depth With V8 Engine Internals (by) · · javascript, promises, v8
- More npm Packages on Cloudflare Workers: Combining Polyfills and Native Code to Support Node.js APIs (by+/via) · · cloudflare, nodejs, npm, apis, dependencies
- A Web Component for CodePen Embeds? (by) · · web-components, embed-code
- Ensuring the Staying Power of User Experience in Your Organization (by/via) · · user-experience, processes, culture
- CSS Triggers (by) · · websites, css, rendering
- Manual ’Till It Hurts (by) · · building, simplicity
- The State of ES5 on the Web (by) · · ecmascript, javascript, tooling, support
- Story of a Button (via) · · buttons
- Data Centers Are Eating and Drinking Our Environment (by) · · storage, hosting, sustainability
- Frontend Dev Plus Data Structures and Algorithms: How DSA Can Power Your React App · · algorithms, react
- Simplicity (via) · · simplicity, design
- The Secrets of the “delete” Operator in JavaScript (by) · · javascript, operators
- Unrealistic Deadlines in Software Engineering (by) · · project-management, prioritization, quality, engineering-management
- Look Out, Kids: PHP Is the New JavaScript (by/via) · · php, javascript, laravel, frameworks
- How to Create a Weekly Google Analytics Report That Posts to Slack (by/via) · · how-tos, google, analytics, apis, documentation, functionality
- How to Detect Broken Links With Playwright (by/via) · · how-tos, link-rot, testing, playwright
- Design Systems Should Do Less (by/via) · · design-systems, simplicity, components
- Understanding JavaScript Closures With Examples (by) · · javascript, closures, examples
- The Story of Figma: Living Long Enough as a Hero to Become a Villain? (via) · · figma
- CSS Display Contents (by) · · css, layout
- The Helpful Content Update Was Not What You Think (by/via) · · seo, metrics, google
- Inlay Hints Make It Easy to Read Code in VS Code (by) · · code-editors, microsoft, vs-code, developer-experience
- A Release Note for the Web Platform (by) · · web-platform, developer-experience, css, alt-text, ecmascript
- A Complete Guide to Beginning With JavaScript (by/via) · · guides, javascript, link-lists, learning
- Dreaming About Drupal [and] Its Long Term Potential (by) · · drupal, visions
- What’s New in React 19 (by/via) · · react
- Writing Effective Pull Request Descriptions: A Developer’s Guide (by) · · guides, version-control, documentation, code-reviews, collaboration
- Should Form Labels Be Wrapped or Separate? (by/via) · · html, forms, accessibility, user-agents, assistive-tech
- Notes on Setting Up a Static Website With AWS (Route 53, S3, ACM) (by) · · aws
- Tackling a System’s Accessibility Without Testing (by+/via) · · accessibility, wcag, case-studies, heuristics
- What Is React.js? (by) · · videos, transcripts, react
- Backgrounds for the Box Model (and Why It Can Be Useful) (by/via) · · css, box-model, backgrounds
- How to Deploy Node.js to AWS Lambda With OpenTofu and GitHub Actions · · how-tos, deploying, nodejs, aws, serverless, github, tooling, link-lists
- “AggregateError” in JavaScript (by) · · javascript, errors
- Lazy Loading Isn’t Just Lazy, It’s Late: The Web Deserves Faster · · performance, lazy-loading, web-vitals, angular, spas
- I Want the Read Write Suggest-Edit Accept-Edit Update Web (by) · · web, indieweb
- Semi-Annual Reminder to Learn and Hire for Web Standards (by) · · learning, fundamentals, standards, html, css
- Reducing UX Debt (or Die Trying) (by/via) · · user-experience, design-debt
- How I Created a 3.78 MB Docker Image for a JavaScript Service · · docker, javascript
- Java Optionals (by/via) · · java
- An Enhancement to Accessible Responsive Tables (by) · · accessibility, tables, responsive-design, javascript
- Understanding Web Storage: LocalStorage, SessionStorage, and Cookies (by) · · storage, cookies, javascript
- A/B Testing 101 (by/via) · · introductions, testing, usability, user-experience
- Supporting AVIF in Google Search (by/via) · · google, searching, avif, images, support
- An SSR Performance Showdown (by) · · server-side-rendering, performance, vuejs, svelte, solidjs, preact, react, comparisons
- Querying the Color Scheme (by) · · css, container-queries, custom-properties, dark-mode
- Why Playwright Is Less Flaky Than Selenium (by) · · testing, playwright, selenium, comparisons
- What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (by/via) · · videos, guides, aria, html, accessibility
- Drupal 11: New Features to Empower Ambitious Site Builders (via) · · drupal
- HTTP 1 vs. HTTP 2 vs. HTTP 3 (by) · · videos, protocols, http, history, comparisons
- OpenAI Is Shockingly Good at Unminifying Code (by) · · ai, javascript, minification
- Stuck in the Steps? (via) · · design, processes
- Hidden Cost of Frontend Frameworks · · frameworks, dependencies, simplicity
- Python Developers Survey 2023 Results (via) · · surveys, python
- When Regex Goes Wrong (by) · · regex
- Why I Don’t Block AI Scrapers (by) · · ai, scraping, robotstxt
- Paragraphs (by) · · html, accessibility
- CSS Style Observer (by) · · packages, npm, css
- New to the Web Platform in August (by/via) · · release-notes, web-platform, user-agents, google, chrome, mozilla, firefox
- Caching Demystified: Inspect, Clear, and Disable Caches (by/via) · · videos, caching, debugging, dev-tools, chrome, google, user-agents
- The “aside” Element (by) · · html, semantics, accessibility
- The Ultimate Guide to Font Performance Optimization (via) · · guides, fonts, performance, optimization
- The Secret Inside One Million Checkboxes (by) · · html, databases, community
- Multithreading in Node.js: Using Atomics for Safe Shared Memory Operations (by) · · nodejs, multithreading, memory
- IndieWeb vs. Indie Web (by) · · web, indieweb, terminology, comparisons
- Release Notes for Safari Technology Preview 202 (by/via) · · release-notes, user-agents, apple, safari
- How to Handle Errors in Next.js for Node With the App Router (by/via) · · how-tos, errors, nextjs, nodejs
- Building Better Logins: A UX and Accessibility Guide for Developers (via) · · guides, user-experience, accessibility
- What’s Missing From HTML and CSS? (by/via) · · html, css
- JavaScript Generators Explained, but on a Senior-Level (by/via) · · javascript, functions
- The Dialog Element With Entry and Exit Animations (by/via) · · modals, css, animations
- Chris Ferdinandi on ADHD, Focus, and Working in Tech (by+/via) · · podcasts, transcripts, career
- How to Use React Compiler—a Complete Guide (by/via) · · how-tos, guides, react, compiling
- Advanced Playwright Techniques for Flawless Testing (by/via) · · videos, testing, playwright, techniques
- A Comprehensive Guide to Understanding TypeScript Record Type (via) · · guides, typescript
- Shipping Tumblr and WordPress (via) · · migration, wordpress
- Interface Segregation Principle in React (by) · · principles, solid, react
- Are Design Systems Just a Bandaid? (by/via) · · design, design-systems, product-management
- Make Me One (Input) With Everything (by/via) · · html, forms, accessibility, simplicity
- How to Fix ESLint Violations With AI Assistance (via) · · how-tos, eslint, ai, automation
- Set Up a $4/Month Hetzner VM to Skip the Serverless Tax (via) · · servers, serverless, hosting
- Has the IndieWeb Become Irrelevant? (by) · · indieweb, web, fediverse
- How to Easily Add Dark Mode to Your Website (by) · · how-tos, dark-mode, html, css, javascript, functionality
- What Skills Should You Focus on as Junior Web Developer in 2024? (via) · · career, fundamentals, html, css, javascript, frameworks, tooling, learning, link-lists
- Generating Unique Random Numbers in JavaScript Using Sets (by/via) · · javascript, randomness
- Managing Angular (by) · · angular, product-management, processes
- What RSS Needs (by) · · syndication, rss, atom, community
- Why Is Reaching WCAG Level AAA Not Recommended? (by) · · accessibility, wcag, standards
- WCAG’s A and AA Distinction Is Mostly Academic (by) · · accessibility, wcag, standards
- DevOps Project—the Ultimate CI/CD Corporate DevOps Pipeline Project · · dev-ops, ci-cd, aws, docker
- Top Ten Git Tips and Tricks (by/via) · · git, tips-and-tricks, command-line
- Mutation-Testing Our JavaScript SDKs (by/via) · · javascript, testing, case-studies
- Behind the Scenes: The Making of VS Code (by+/via) · · videos, code-editors, microsoft, vs-code, history
- Explicitly State the Difference Between Options (via) · · usability, information-design
- Understanding Vue’s Suspense (by) · · vuejs
- Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail? · · discussions, accessibility, html, aria, alt-text, images
- Content Strategy: Study Guide (by/via) · · guides, content, strategies, training, link-lists
- Raw-Dogging Websites (by) · · html, css, javascript, tech-stacks
- The Only Widely Recognized JavaScript Feature Ever Deprecated (by) · · javascript, history
- The Two Lines of CSS That Tanked Performance (120 FPS to 40 FPS) (by) · · css, animations, performance
- The Top Programming Languages 2024 (by/via) · · programming, comparisons, python, java, javascript, typescript, sql, go, html, php, lua
- Improving the Screen Reader Experience for “Learn WCs” (by) · · accessibility, user-experience, user-agents, assistive-tech, screen-readers, apple, voiceover, case-studies
- Mastering Typography in Logo Design (by/via) · · typography, design, images, logos
- Spoiler Alert: It Needs to Be Accessible (by) · · accessibility, html, web-components, aria
- Fluid Typography in Design Systems: From Design to Code (by/via) · · typography, design, design-systems, design-tokens
- How to Create an npm Package (by) · · how-tos, npm, dependencies
- Foundations: Labelling Text Fields With Input and Label (via) · · accessibility, forms, html
- Exposing Internal Methods on Vue Custom Elements (by) · · vuejs, javascript
- Can You Convert a Video to Pure CSS? (by) · · multimedia, conversion, css, javascript
- Amazon Cloud CEO Predicts a Future Where Most Software Engineers Don’t Code—and AI Does It Instead (by/via) · · ai, visions, career
- Understanding WCAG 2.1’s Success Criteria 1.4.10 Reflow (via) · · accessibility, wcag, reflow, zooming
- Configuring SSH Keys for Multiple GitHub Accounts (by) · · github, ssh, authentication, configuration
- Inside ECMAScript: JavaScript Standard Gets an Extra Stage (by/via) · · ecmascript, javascript
- The Monospace Web (by) · · websites, fonts, design
- Elastic Overflow Scrolling (by/via) · · css, scrolling
- Google Quietly Launches New AI Crawler (by/via) · · google, ai, robotstxt
- Double Your Specificity With This One Weird Trick (by) · · css, selectors, cascade, tips-and-tricks
- Custom Range Slider Using Anchor Positioning and Scroll-Driven Animations (by/via) · · css, anchor-positioning, scrolling, animations, forms
- Basic Keyboard Shortcut Support for Focused Links (by) · · links, focus, support, browser-engines, keyboard-shortcuts, accessibility
- 5 Wasm Use Cases for Frontend Development (by/via) · · guest-posts, webassembly, security, performance
- How to Make Your Web Page Faster Before It Even Loads (by/via) · · how-tos, performance, web-vitals
- JS Dates Are About to Be Fixed (by/via) · · javascript, ecmascript
- From RPGs to UX: How Progress Indicators Affect User Engagement (via) · · user-experience, design, design-patterns
- Wasp: The JavaScript Answer to Django for Web Development (via) · · wasp, django, comparisons
- Top 5 HTML Features You’re Not Using (But Should Be) (by) · · html
- The Case for a Better Web (by) · · web, link-lists
- State of CSS 2024 (via) · · surveys, css
- Ryan Dahl Explains Why Deno Had to Evolve With Version 2.0 (by/via) · · podcasts, interviews, deno, runtimes
- Regexes Got Good: The History and Future of Regular Expressions in JavaScript (by/via) · · regex, javascript, history
- React Is (Becoming) a Full-Stack Framework (by) · · react, frameworks
- Igalia Chats: The Coming Adpocalypse (by+/via) · · podcasts, transcripts, user-agents, monetization, economics
- Common Misconceptions About How to Optimize LCP (by/via) · · performance, web-vitals, metrics, optimization
- Batteries Included Accessibility: A Pragmatic Guide to Get Started Today (by+/via) · · videos, guides, introductions, accessibility
- Line Numbers for “<textarea>” Using SVG (by) · · forms, javascript, svg
- How Did We Test Hundreds of Landing Pages (via) · · testing, landing-pages
- Center Items in First Row With CSS Grid (by) · · css, layout, centering
- Accessibility Specialists Warn Against Using AI for Alt Text (by/via) · · accessibility, alt-text, images, ai
- 10 Python Programming Optimisation Techniques (by) · · python, optimization, techniques
- The “Other” C in CSS (by/via) · · videos, css, accessibility
- What’s New in ECMAScript 2024 (by) · · ecmascript, standards
- The Role of Sound Design in UX Design: Beyond Notifications and Alerts (via) · · design, user-experience, multimedia
- The CSS “contain” Property (by/via) · · css, container-queries
- How Good UX Design Can Transform Lead Generation (via) · · design, user-experience, user-conversion
- UX Is Dead. Long Live UX. (by/via) · · user-experience, economics, history
- Using JavaScript Generators to Visualize Algorithms (by) · · javascript, algorithms, visualization
- The “P” Word, Legitimacy, and Challenging Our Default Models and Frames (by) · · leadership, culture
- How Can Accessibility Improve Your Conversion Rate Optimization Efforts? (by) · · accessibility, user-conversion, optimization, usability, economics
- AI Paradox (by) · · ai, productivity
- Node.js Doubles Security Releases With Newly Automated Process, Re-Evaluates Unsupported Experimental Features (by/via) · · nodejs
- Reckoning: The Way Out (by) · · javascript, performance, metrics, hiring
- What Signal Are You Sending? (via) · · career, communication, culture
- 80/20 Accessibility (by) · · accessibility, principles
- Top 10 Web Updates From Google I/O ’24 (via) · · videos, user-agents, google, chrome, apis, dev-tools
- Just Use Postgres · · databases, sql, aws, dynamodb, mongodb, mysql, comparisons
- Good Refactoring vs. Bad Refactoring (by/via) · · refactoring, comparisons, maintenance, quality, javascript
- Brand New Performance Features in Chrome DevTools (by/via) · · user-agents, google, chrome, dev-tools, performance, web-vitals
- Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (by/via) · · design, colors, backgrounds, accessibility
- Captions vs. Subtitles: Leave No Viewer Behind (by) · · accessibility, captions, readability, multimedia, comparisons
- How Does the Browser Render HTML? (by) · · user-agents, browser-engines, rendering, html, dom, css, cssom, painting
- Advanced Figma Components Tips and Tricks: Little Gems We Love 2024 (by/via) · · figma, components, tips-and-tricks
- How to Defend Your Design Process (by/via) · · how-tos, design, processes
- Writing Alt Text for a Scientific Figure (by) · · accessibility, alt-text, writing, information-design
- How Are the “colspan” and “rowspan” Attributes Different? (by/via) · · html, tables
- 5 Questions for Tammy Everts (by+/via) · · interviews, performance, metrics, user-experience, economics
- Reckoning: Caprock (by) · · javascript, performance
- “Smart” Layouts With Container Queries (by/via) · · css, layout, container-queries
- Rote Learning HTML & CSS (by/via) · · books, html, css, learning
- I Love the Web (by) · · web, apple
- How I Won $2,750 Using JavaScript, AI, and a Can of WD-40 (by) · · javascript, ai
- Django: Create Sub-Commands Within a Management Command (by) · · django
- “blocking=render”: Why Would You Do That?! (by) · · performance, html, rendering
- CSS Finally Adds Vertical Centering in 2024 (by) · · css, centering
- Reckoning: Object Lesson (by) · · javascript, performance, metrics
- Tips for Using React Testing Library to Write Unit Tests (by/via) · · react, testing, tips-and-tricks
- Dev Encyclopedia (by) · · websites, terminology, concepts, learning
- Context Is King: Long Live the King! (by/via) · · accessibility, usability, techniques, aria
- The “address” Element (by) · · html, semantics
- Reckoning: The Landscape (by) · · javascript, performance, metrics, mobile
- The Importance of Communication in Accessibility Testing (via) · · accessibility, testing, communication
- Start Over-Engineering Your CSS (by/via) · · videos, css, complexity
- Relative Color Syntax—Basic Use Cases (by/via) · · css, functions, colors, user-agents, support
- “font-size” Limbo (by) · · design, typography, css
- 45 Visual Studio Code Shortcuts for Boosting Your Productivity (by/via) · · code-editors, microsoft, vs-code, keyboard-shortcuts
- Things to Do Before Asking “Is This Accessible?” (by) · · accessibility, terminology, communication
- The Problem With Growth: Why Everything Is Failing Now (via) · · processes, agile, scrum, project-management, research
- The Most Important Thing to Look at When Choosing an Accessibility Auditor (by/via) · · accessibility, auditing, vpat-acr
- ObsoHTML, the Obsolete HTML Checker (by) · · packages, npm, html, quality
- Implementing SAML SSO in Node.js With Microsoft Entra ID (by) · · authentication, nodejs, microsoft, functionality
- Action Web Components Which Span the Server-Client Divide (by) · · web-components, html, apis
- Comparing Design Systems to Find the Best Qualities (by) · · design-systems, quality
- Common Causes of Memory Leaks in JavaScript (by) · · javascript, memory, garbage-collection
- 12 Best JavaScript Animation Libraries to Supercharge Your Web Projects in 2024 (by) · · javascript, animations, libraries, link-lists
- JSR and Deno: Final Review (by) · · jsr, deno
- Stop Versioning Your Docker Compose File (by) · · docker, versioning
- Exploring the Possibilities of Native JavaScript Decorators (by/via) · · javascript, software-design-patterns
- Design Patterns and WCAG (by/via) · · accessibility, design-patterns, wcag
- SOLID Principles for Designers (by) · · design, solid, principles
- When It Comes to Digital Accessibility Lawsuits, the Best Defense Is a Good Offense (via) · · accessibility, legal
- We Don’t Need a Boss, We Need a Process (by) · · design, leadership, processes, collaboration
- The Dying Web (by) · · user-agents, google, chrome, chromium, mozilla, firefox, web
- Now in Baseline: Animating Entry Effects (by/via) · · user-agents, support, web-platform, css, animations, at-rules
- Good Intentions, Poor Context (via) · · accessibility, microcontent, images, buttons, links
- Documentation and Migration: From Vue 2 to Vue 3 (by+/via) · · videos, interviews, vuejs, documentation, migration
- Attaching Notes to Git Branches (by) · · git, documentation
- WCAG 2.2 Map by Theme (by) · · accessibility, wcag, standards
- W3C Opens Community-Wide Survey (via) · · surveys, w3c, community
- The “abbr” Element (by) · · html, semantics, accessibility
- Snippets in Svelte 5 (by/via) · · svelte
- Design Tokens Demystified (by/via) · · components, design-tokens, design-systems
- Announcing Official Puppeteer Support for Firefox (by+/via) · · user-agents, mozilla, firefox, puppeteer, support
- The Great npm Garbage Patch (via) · · dependencies, npm, spam, security
- The Art of Dithering and Retro Shading for the Web (by) · · dithering, effects, javascript
- Moderated and Unmoderated User Testing: The Differences (via) · · usability, testing, comparisons
- Disability Data Alarmingly Absent From AI Algorithmic Tools, Report Suggests (via) · · accessibility, ai, tooling
- Creating a Personal Brand: How to Sell Yourself as a Developer (by/via) · · how-tos, career, branding
- The Moral Implications of Being a Moderately Successful Computer Scientist and a Woman (by/via) · · community, ethics
- Drupal 11 and Beyond (via) · · drupal
- What Is a Component Library and Should You Build Your Own? (by) · · components
- Video With Alpha Transparency on the Web (by) · · multimedia, transparency, backgrounds
- The Sneaky Costs of Scaling Serverless (by) · · serverless, economics, aws, comparisons
- The Role of Generative AI in Shaping Next-Gen UX Strategies (via) · · ai, user-experience, design, strategies
- Should Your Website Work Without JavaScript? (by+/via) · · videos, javascript, support
- Shifting From Delivery Mode to Product Management: Shifting the Focus of Your Sprint Review (by/via) · · agile, scrum, processes, product-management, engineering-management
- Let’s Make a Simpler, More Accessible Web (by) · · web, web-platform, tooling, simplicity, usability, accessibility, optimization
- It’s Time to Talk About “CSS5” (by/via) · · css, w3c
- Is CSS Grid Really Slower Than Flexbox? (by) · · performance, css, layout
- HTML Web Components Can Have a Little Shadow DOM, as a Treat (by) · · html, web-components, shadow-dom, dom
- Figma Typography Variables (by/via) · · figma, typography
- 101 React Tips and Tricks for Beginners [and] Experts (by) · · react, tips-and-tricks, best-practices
- The Benefits of Learning Programming as a Designer (by/via) · · design, career, learning, programming
- How to Keep IA Projects From Going Off the Rails (by) · · information-architecture
- European Accessibility Act Requires Culture to Shift! (by) · · accessibility, legal, culture, leadership