News and Tools for Frontend Developers (5)
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- How to Try Experimental CSS Features (by) · · how-tos, css, user-agents, apple, safari, google, chrome, mozilla, firefox
- Generative AI Is a Climate Disaster (by) · · ai, sustainability
- Button Width Styles (by) · · buttons, css
- Ten Years of Vue (With Evan You) (by+/via) · · podcasts, vuejs, apis, history
- Investigating Reddit’s robots.txt Cloaking Strategy (by/via) · · robotstxt, scraping, web
- How to Parse HTML in JavaScript (via) · · how-tos, parsing, html, javascript
- How to Debug a Node.js App in a Docker Container (by/via) · · how-tos, debugging, nodejs, docker
- SPA vs. MPA: Which Web Architecture Is Right for You? (via) · · single-page-apps, multi-page-apps, web-apps, architecture, comparisons
- Why Is This Thing in Dark Mode? (by/via) · · dark-mode, email
- Top 7 WordPress Plugins for 2024: Enhance Your Site’s Performance (via) · · wordpress, plugins, performance, link-lists
- Thoughts on Node.js, Deno, and Bun (by) · · nodejs, deno, bun, comparisons
- The Silent Crisis in Open Source: When Maintainers Walk Away (by/via) · · foss, community
- Reasons to Use Your Shell’s Job Control (by) · · shell, command-line
- Mythbusting DOM: Was DOM Invented Alongside HTML? (by) · · myths, dom, html, history
- It’s About Time I Tried to Explain What Progressive Enhancement Actually Is (by/via) · · progressive-enhancement
- Forget “Show, Don’t Tell”—Engage, Don’t Show! (by) · · communication, advocacy, developer-relations, apis
- Feature Detect CSS “@ property” Support (by/via) · · css, at-rules, support
- European Accessibility Act (EAA): Top 20 Key Questions Answered (via) · · legal, accessibility
- Dialog Dilemmas and Modal Mischief (by/via) · · videos, modals, pop-overs, accessibility
- CSS One-Liners to Improve (Almost) Every Project (by) · · css, optimization
- Accessible Form Validation From Scratch—Preparing for Validation (by/via) · · accessibility, forms, validation
- Introducing the MDN HTTP Observatory (by/via) · · introductions, mozilla, http, security
- WebAuthn: Enhancing Security With Minimal Effort (by/via) · · authentication, security
- WebAssembly vs. JavaScript: A Comparison (via) · · webassembly, javascript, comparisons
- TypeScript 5.5: A Blockbuster Release (by) · · typescript
- Tuesday, July 2, 2024 Security Releases (via) · · release-notes, nodejs, security
- Overlays Misunderstand Accessibility (by) · · accessibility, overlays
- Opting in to CSS Container Queries for an Existing Design System (by) · · css, container-queries, design-systems
- Moving From Express to Fastify (by/via) · · migration, express, fastify
- Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT) (by/via) · · guides, accessibility, wcag
- CSS Surprise Manga Lines (by) · · css, effects
- Deploy AWS Lambda Functions With Serverless Framework and Node.js (by) · · deploying, aws, functions, serverless, nodejs
- Be Careful Using “Grid” (by) · · terminology, grids
- Are Web Components Worth It? (by+) · · podcasts, web-components, html, dom, shadow-dom
- How to Annul Promises in JavaScript (by) · · how-tos, javascript, promises
- YouTube Embeds Are Bananas Heavy and It’s Fixable (by/via) · · embed-code, youtube, performance, tooling
- You Don’t Know Undo/Redo (by) · · programming
- The 3 Types of CSS Utility Classes (by) · · css, presentational-css
- RegreSSHion: Remote Unauthenticated Code Execution Vulnerability in OpenSSH Server (by/via) · · security, ssh, vulnerabilities
- Layout and Reading Order (by/via) · · videos, css, layout
- How to Use Container Queries Now (by/via) · · how-tos, css, container-queries
- Feedback on a Pagination Pattern (by) · · pagination, accessibility
- European Accessibility Act (EAA)—What You Need to Know (by/via) · · legal, accessibility
- Announcing the Ladybird Browser Initiative (via) · · user-agents
- Agile Is Not… Agile Is… (by/via) · · agile, concepts
- Accessible PDF Forms Online—There’s a Catch (by/via) · · accessibility, pdf, forms
- Why Toggle Switches Suck (and What to Do Instead) (by) · · design, toggles, usability, anti-patterns
- Do Grayscale Images Take Less Space? · · images, colors, performance
- 7 Ways to Champion Accessibility in Your Company (by) · · accessibility, advocacy
- Create npm Package With CommonJS and ESM Support in TypeScript (by) · · npm, dependencies, commonjs, esm, typescript
- Integrate Go Library Into a JavaScript Webpage With WebAssembly (by) · · go, javascript, webassembly
- Figma AI (by) · · figma, ai, design
- This Month in Servo: Text Fields, Better Emoji, Devtools, and More (via) · · release-notes, servo
- The True Story—as Best I Can Remember—of the Origin of Mosaic and Netscape (by) · · videos, history, user-agents, mosaic, netscape
- Strangling the Monolith (by/via) · · videos, monoliths, micro-frontends, migration
- Product and UX: Study Guide (via) · · guides, product-management, user-experience, training, link-lists
- How We Tamed Node.js Event Loop Lag: A Deepdive (by/via) · · nodejs, event-loop, events
- How to Improve Your Microcopy: UX Writing Tips for Non-UX Writers (by/via) · · how-tos, writing, microcontent, user-experience, tips-and-tricks
- “Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (by) · · how-tos, commit-messages, version-control, git
- Comprehensive React.js Cheatsheet for Developers (by) · · react, cheat-sheets
- Checkboxes: Design Guidelines (by/via) · · forms, design, guidelines, conventions
- Browser Support Tests in JavaScript for Modern Web Features (by/via) · · user-agents, support, feature-detection, javascript
- A Proposal for MDN to Use the APG (by) · · accessibility, documentation
- 5 Questions for Bramus Van Damme (by+/via) · · interviews, css, web-platform
- Don’t Be Fooled by Figma’s New AI Features (by/via) · · figma, ai
- Why and How You Should Rate-Limit Your API · · apis
- Understanding React Hooks (by) · · react, hooks
- The Time for Designers to Learn to Code Is Now (by/via) · · design, career, tooling, training, link-lists
- Microsoft 1998 = Apple 2024 · · microsoft, apple, user-agents
- Meaningful Ways to Measure Website Success (via) · · metrics, economics
- Accessibility Object Model (by+/via) · · accessibility
- AI Anxiety and How to Design for It: Resources and Best Practices (by/via) · · ai, link-lists
- The State of Digital Accessibility in Europe (via) · · websites, accessibility, research
- The Little Things: Confusing Error Messages (by) · · errors, images, developer-experience
- Polyfill Supply Chain Attack Embeds Malware in JavaScript CDN Assets (by/via) · · security, vulnerabilities
- New to the Web Platform in June (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- I Got Hacked and Blew Up Prod · · career, databases, docker, debugging
- How to Make a Strong Case for Accessibility (by/via) · · how-tos, accessibility, communication, advocacy
- Enhancing The New York Times Web Performance With React 18 (via) · · performance, react, case-studies
- Ecma International Approves ECMAScript 2024: What’s New? (by) · · ecmascript, standards
- Consent, LLM Scrapers, and Poisoning the Well (by) · · ai, scraping, legal
- A Text-Reveal Effect Using “conic-gradient()” in CSS (by/via) · · css, functions, gradients, effects
- Two New Artificial Intelligence Laws and Their Effects on Accessibility (via) · · accessibility, ai, legal
- The Design Purity Trap and How to Escape It (by) · · design, creativity
- Network Observability: Beyond Metrics and Logs (by/via) · · network, observability, monitoring, logging
- Catching Compromised Cookies (by/via) · · cookies, security, testing
- Beyond Monospace: The Search for the Perfect Coding Font (by+/via) · · fonts, developer-experience
- Advanced JavaScript Performance Optimization: Techniques and Patterns (by) · · javascript, performance, optimization, techniques, software-design-patterns
- How to Set Up Serverless Framework to Deploy AWS Lambda, Queues, and DynamoDB With Node.js (by) · · how-tos, serverless, deploying, aws, nodejs
- Use Node Version Manager With Oh My Zsh (by) · · nvm, command-line, tooling
- From ZeroVer to SemVer: A Comprehensive List of Versioning Schemes in Open Source (by) · · foss, versioning, semver, link-lists
- Why Do Designers Become Managers? (via) · · design, career
- AI Ethicists Are Speaking Out, but Are We Listening? (by/via) · · ai, ethics
- Web Design Engineering With the New CSS (by/via) · · videos, css
- New JavaScript Set Methods (by/via) · · javascript
- Backdoor Slipped Into Multiple WordPress Plugins in Ongoing Supply-Chain Attack (by/via) · · wordpress, plugins, security
- AI Companies Ignoring robots.txt (by) · · ai, scraping, robotstxt
- Why Is It So Difficult to Give Best in Class Accessibility Examples of Websites? (by) · · accessibility
- Microfeatures I Love in Blogs and Personal Websites (by) · · blogging, functionality
- In Detail: 1.4.11 Non-Text Contrast (User Interface Components) (by) · · accessibility, wcag, colors, contrast, borders
- Concept (via) · · design, concepts
- Is It Good Design, or Does It Just Look Good? (via) · · design
- No No-JavaScript (by) · · javascript, css, support, progressive-enhancement, graceful-degradation
- Exploring Randomness in JavaScript (by) · · javascript, randomness
- 7 Use Cases for JavaScript Proxies · · javascript
- Understanding JWT Authentication: A Comprehensive Guide With Examples · · guides, examples, json-web-tokens, authentication
- Measuring Developer Experience at Google (by) · · research, developer-experience, metrics, google
- MDX or: How I Learned to Stop Worrying and Love Multimedia Writing (by/via) · · markdown, components
- Design Extremes of Custom Accessibility Actions (via) · · accessibility, design, customization
- State of JavaScript 2023 [Results] (by+/via) · · surveys, javascript
- Inline Conditionals in CSS, Now? (by) · · css, conditionals
- Tracking the Impact of Our Content Design Work (by/via) · · content, design, metrics
- Performance Mistakes You Might Not Realize You Are Making (by/via) · · videos, performance, mistakes, angular
- Uniting Web and Native Apps With 4 Unknown JavaScript APIs (by/via) · · web-apps, native, javascript, apis
- Simplest View Transitions Multi Page Demo (No JavaScript) (by) · · css, transitions, apis, examples
- Seamless Screenshot Testing for Compose With Screenshotbot (by) · · screenshots, regressions, testing, tooling
- Node v20.15.0 (LTS) (by/via) · · release-notes, nodejs
- Bun Is Much Faster Than Node.js 22 at Decoding Base64 Inputs (by) · · bun, nodejs, performance, comparisons
- Announcing TypeScript 5.5 (by/via) · · typescript, release-notes
- A Rant About Front-End Development (by) · · content, html, css, javascript, preprocessors, frameworks, complexity
- Mina Tamang on SEO Techniques That Prioritise the User Experience (by/via) · · podcasts, interviews, seo, user-experience, techniques
- npm and Node.js Should Do More to Make ES Modules Easy to Use (by) · · npm, nodejs, esm
- Positioning Popover Elements (Pseudo-Anchoring) (by) · · pop-overs, javascript, positioning
- Understanding React Compiler (by) · · react, compiling
- The Hacking of Culture and the Creation of Socio-Technical Debt (by) · · culture, security
- The Case for Web Components (by) · · books, web-components
- Know the “search” Element (by) · · html, semantics
- How to Perform Data Validation in Node.js (by/via) · · how-tos, nodejs, validation
- Footnotes Progressively Enhanced to Popovers (by/via) · · pop-overs, progressive-enhancement, javascript, css
- Inline Conditionals in CSS? (by) · · css, conditionals
- Firefox DevTools Newsletter 127 (by/via) · · release-notes, user-agents, mozilla, firefox, dev-tools
- The Frontend Treadmill (by) · · fundamentals, frameworks, maintenance, craft, career
- How Top HR Agencies Build Trust Through Logo Designs (by/via) · · design, images, logos, branding
- Writing a WordPress Theme in Less Than 4 KB · · wordpress, theming, minimalism, performance
- Some UX Design Principles Startups Should Know (by/via) · · user-experience, design, principles
- Modern CSS Layout Is Awesome: Talking and Thinking About CSS Layout (by/via) · · css, layout
- Mike McQuaid on 15 Years of Homebrew (by+) · · interviews, foss
- How Content Creation Helped Me Land My First Tech Job (by) · · content, career
- Building a Responsive Menu With CSS (and No JavaScript) (by) · · responsive-design, css, navigation
- A Brief Introduction to Keyboard Accessibility (by/via) · · introductions, accessibility, keyboard-navigation, focus
- The Way We Design AI Looks Like Nostalgia Already (by/via) · · design, ai
- What Happens When a Major npm Library Goes Commercial? (by) · · npm, dependencies, foss
- Say No to “console.log”! · · javascript, console
- Humanizing Technology in the Age of Conscious AI (via) · · ai, hci
- htmx 2.0.0 Has Been Released! (via) · · release-notes, htmx
- How to Increase the Visibility of Error Messages (by/via) · · videos, how-tos, errors, usability
- How React 19 (Almost) Made the Internet Slower (via) · · react, performance
- Cloud Computing Platforms (by) · · cloud-computing, aws, microsoft, google, gcp
- Building a User-Centered Product-Management Culture (by/via) · · product-management, culture, user-experience
- Mastering JavaScript Generators (by) · · javascript, functions
- Design Without Process, or the Form Factor Trap (by/via) · · design, processes
- Dealing With Unicode Strings, Done Right and Better (by) · · unicode, javascript
- BEM Modifiers in Pure CSS Nesting (by) · · bem, css, nesting
- Virtualization and Containerization With Docker (by) · · docker
- Dual Publishing ESM and CJS Modules With tsup and “Are the Types Wrong?” (by) · · dependencies, esm, commonjs, tooling, typescript, type-safety
- OAuth Authentication (by/via) · · authentication, authorization, oauth, security
- UUIDv7 in 22 Languages (by) · · programming, javascript, python, sql, shell, java, php, go, ruby, lua, dart, perl
- What Is Mixed Content? (by) · · security, http
- What Does “aria-hidden=true” Actually Do to Interactive Elements? (by) · · accessibility, aria, user-agents, assistive-tech, screen-readers
- The Basics of DNS: Understanding the Internet’s Directory Service (by) · · fundamentals, dns
- Safari 18—What Web Features Are Usable Across Browsers? (by) · · user-agents, apple, safari, support, interoperability, css, javascript
- Researchers Uncover npm Registry Vulnerability to Cache Poisoning and DoS Attacks (by/via) · · npm, dependencies, vulnerabilities, caching, security
- Minimal SVG Favicon (by) · · svg, images, favicons, minimalism
- I Made My Own JSON Parser (by) · · json, parsing
- Using AI to Encourage Best Practices in the Code Review Process (by) · · research, best-practices, code-reviews, ai
- How JavaScript Is Finally Improving the Module Experience (by/via) · · javascript, modules, esm, commonjs, developer-experience, webassembly
- Setting Up Typography Variables in Figma (via) · · figma, typography
- Why You Should Use Redux in 2024 (by/via) · · videos, redux, state-management
- Writing Your First Visual Regression Check in Playwright (by/via) · · design, testing, regressions, playwright
- What Are CSS Container Style Queries Good For? (by/via) · · css, container-queries
- Use of “ch” Unit Considered Inappropriate (in Certain Circumstances) (by) · · css, units, typography
- Difference Between Docker, Kubernetes, and Podman for System Design Interview? (by) · · docker, kubernetes, interviewing, concepts
- Learn Grid Now, Container Queries Can Wait (by/via) · · css, grids, layout, container-queries
- How to Create Truly Accessible Forms (by/via) · · videos, how-tos, accessibility, forms
- Perfect Bug Report (via) · · websites, writing, quality
- Every Website and Web App Should Have a Service Worker (by) · · javascript, web-workers
- Don’t Refactor the Code (by) · · refactoring, technical-debt, maintenance, terminology
- Blazing Fast Websites With Speculation Rules (by/via) · · performance
- 2-Page Login Pattern, and How to Fix It (by/via) · · forms, usability, user-experience, authentication
- Node.js Is Here to Stay (by/via) · · nodejs, metrics
- Try Out Your Website in the Spatial Web (by+/via) · · spatial-web, testing, user-agents, apple, safari, webkit
- One of the Boss Battles of CSS Is Almost Won! Transitioning to “auto” (by/via) · · css, functions, transitions, animations
- Can You Be Creative Just by Creating? (by) · · design, creativity
- What Comes After Flat Design? (by/via) · · design, flat-design, trends
- Stunning Staggered CSS Animation/Transition on Page Load (by/via) · · videos, css, animations, transitions
- Highlight Areas That the Browser Engine Re-Paints (by/via) · · performance, debugging, painting, browser-engines, user-agents, google, chrome, microsoft, edge, apple, safari
- Weak Memoization in JavaScript (by) · · javascript, memoization
- The Next Big Thing in CSS: “margin-trim”! (by) · · videos, css
- The European Accessibility Act and Irish Law (via) · · accessibility, legal
- Streaming HTML—Asynchronous DOM Updates Without JavaScript (by/via) · · html, dom, streaming
- See What’s New in Firefox [127.0] (via) · · release-notes, user-agents, mozilla, firefox
- Opinions for Writing Good CSS (by) · · css, principles, conventions
- Node v22.3.0 (Current) (by/via) · · release-notes, nodejs
- I’ve Been Writing TypeScript Without Understanding It (by/via) · · typescript
- How to Hack Your Google Lighthouse Scores in 2024 (by/via) · · how-tos, performance, google, lighthouse
- Define Your Rock-Solid Design System Components · · design-systems, components
- Angular Directives vs. Vue Directives (by/via) · · angular, vuejs, comparisons
- A Quick and Easy Guide to Markdown (by/via) · · guides, markdown
- Top 12 Git Commands Every Developer Must Know (by/via) · · git, command-line
- The Biggest TypeScript Update in Years (by) · · videos, typescript
- Sustainable Computing in the New World of AI (by/via) · · sustainability, ai
- Refactoring a Scroll-Driven Animation From JavaScript to CSS (by) · · refactoring, scrolling, animations, javascript, css
- How to Decide if Engineering Management Is for You (by/via) · · how-tos, engineering-management, career
- How to Compose JavaScript Functions That Take Multiple Parameters (The Epic Guide) (by) · · guides, how-tos, javascript, functions
- How to Browse the Web With the Keyboard Alone (by) · · how-tos, accessibility, keyboard-navigation
- Ethical Web Principles (by+/via) · · ethics, principles, w3c
- CSS Container Queries (by/via) · · css, container-queries, overviews
- Can ADA Title II Local Government Accessibility Be Efficient? A Response to Richard Hunt (via) · · accessibility, legal
- Building a Bulletproof CI/CD Pipeline: A Comprehensive Guide (by) · · guides, ci-cd
- 10 Years of Vue: The Past and the Future (by/via) · · videos, vuejs, history, visions
- Using Node.js’s Test Runner (by/via) · · nodejs, testing
- Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (by) · · accessibility, aria, errors, support, user-agents, assistive-tech
- I’ve Worked in IT for Over 10 Years—Here Are 5 Things I Wish I Knew When I Started (by) · · career, retrospectives
- Investigating INP Issues (by) · · performance, web-vitals, debugging
- Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency (by) · · guides, javascript, debouncing, efficiency
- Rust Growing Fastest, But JavaScript Reigns Supreme (by/via) · · programming, comparisons, go, javascript, lua, dart, java, ruby, php, python
- Glassmorphism: Definition and Best Practices (via) · · design, effects, best-practices
- Find Slow Interactions in the Field (by/via) · · performance, apis
- 17 Developer Tools That Keep Me Productive (by/via) · · tooling, productivity, efficiency, automation, link-lists
- How to Use “rem” Units in CSS for Accessible Design (by/via) · · how-tos, css, units, accessibility
- Profiling Node.js Applications (by/via) · · nodejs, monitoring, profiling
- Is AI Killing Human Passion? (by/via) · · ai, design, creativity
- The Ultimate Guide to Accessible Website Design · · guides, accessibility, user-experience
- Live Demos of Stand Alone Web Components (by/via) · · web-components, examples, link-lists
- Improving Web Accessibility With Web Platform Tests (via) · · accessibility, web-platform, testing
- Git Branching Strategy Guide · · guides, git
- Ditch the Pixels: The Small and Vectorized Web (by) · · html, svg, images
- CSS-Only Custom Range Slider With Motion (by/via) · · css, effects, examples
- Angular PWA Guide for Developers (by/via) · · guides, angular, web-apps
- Top Development Cheat Sheets for 2024 · · cheat-sheets, link-lists, programming, css
- Why Do We Skip the Research Phase at All? (via) · · user-experience, research
- Your Node Is Leaking Memory? “setTimeout” Could Be the Reason (by) · · nodejs, memory
- Reflection and Custom States in Web Components (by) · · html, web-components
- Maybe Don’t Name That Landmark (by) · · html, semantics, accessibility
- Full Stack Web Push API Guide (by/via) · · guides, apis, notifications, functionality
- Doing My Heading In (by+) · · interviews, html, headings, accessibility
- Control JavaScript Promises From Anywhere Using “Promise.withResolvers()” (by/via) · · javascript, promises
- Cap Unit (by) · · css, units
- Follow Your Favorite Web Dev Topics With Topic Feeds (via) · · frontend-dogma, syndication, rss
- Analyze CSS Selector Performance During Recalculate Style Events (via) · · user-agents, google, chrome, dev-tools, performance, selectors, css
- WebAssembly JSPI Has a New API (by/via) · · webassembly, apis
- The Unclear Case of Usability Widgets on Your Website (by) · · accessibility, usability, embed-code, maintainability
- How to Build a New Feature for the Web Platform—and Make It a Success With Developers (via) · · discussions, how-tos, standards, web-platform
- How Deep Is Your DOM? (by) · · dom, performance, lighthouse, google
- Generating ZIP Files With JavaScript (by) · · javascript, code-generation
- Fine-Tuning Text Inputs (by) · · forms, html, usability
- Display the Specificity of a CSS Selector (by/via) · · css, selectors, cascade, dev-tools, user-agents, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
- Death by Experience (by) · · leadership, engineering-management, career, culture
- A Modern Approach to Browser Support (by) · · user-agents, support, progressive-enhancement
- Promises From the Ground Up (by) · · javascript, promises