News and Tools for Frontend Developers (2)
(Stay up-to-date on all topics by RSS feed, on Mastodon, or through other channels.)
- Automated Ways to Security Audit Your Website · · security, auditing, automation, tooling
- You Can Run Java Like Python Now · · java, python
- The Infuriating Inefficiency of Accessibility Audits (by) · · accessibility, auditing, efficiency
- Popover API 101 (by) · · introductions, pop-overs, apis
- A Different Way to Think About TypeScript · · typescript
- Why the jQuery Creator Uses React and TypeScript (by+/via) · · podcasts, transcripts, interviews, react, jquery, typescript
- What I Learned From Making My Own Design System (by) · · design-systems, lessons
- What a New Accessibility Class Action Lawsuit Means for Agencies (via) · · accessibility, legal, business-relations
- Node.js Adds Experimental Support for TypeScript (by/via) · · nodejs, typescript, experiments
- Green Accessibility for Web Developers (via) · · videos, accessibility, sustainability
- Secure Node.js Applications From Supply Chain Attacks (by/via) · · nodejs, security, best-practices, dependencies
- Measuring Design System Compliance of Your Teams (via) · · design-systems, compliance
- Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (by+/via) · · deno, aws, serverless, javascript, runtimes, performance, comparisons
- Vanilla React (by/via) · · videos, react, routing
- The User Location Is a Lie (by) · · geolocation, javascript, apis
- The “of S” Syntax in “:nth-child()” (by) · · css, selectors
- React for Two Computers (via) · · videos, react
- Let’s Break React’s Rules (by/via) · · videos, react, hooks
- How to Get the Width/Height of Any Element in Only CSS (by/via) · · css
- Cross Platform React (by+/via) · · videos, react, native, visions
- Closing the Designer–Developer Gap (by/via) · · design, career, collaboration, processes
- Assessing Components and Patterns for WCAG 2.2 (by) · · accessibility, wcag, components, design-patterns
- And Now You Understand React Server Components (by/via) · · videos, react, components
- Growing a Design System Organically (via) · · design-systems, case-studies, scaling
- Designing Design Systems: Constructing an Icon System (via) · · design, design-systems, icons, images, case-studies
- Understanding AbortController in Node.js: A Complete Guide (by/via) · · guides, nodejs, javascript
- The AI Job Interviewer Will See You Now (by+/via) · · ai, hiring, career
- My Favorite Interview Questions for QA Engineers (by) · · interviewing, quality
- Improved Error Messaging for “require(esm)” in Node.js (by) · · eleventy
- The Backlash Against AI Scraping Is Real and Measurable (by/via) · · ai, scraping, robotstxt
- Why Not All Voices Should Be Equal in the Design Process (via) · · design, policies, prioritization, dei
- What’s New in WebGPU (Chrome 127) (via) · · release-notes, webgpu, user-agents, google, chrome
- Learn CSS Grid First (by+/via) · · videos, css, layout
- Introduction to XAML: A Beginner’s Guide (via) · · introductions, guides, xaml
- How to Choose the Best Rendering Strategy for Your App (by/via) · · how-tos, rendering, strategies, server-side-rendering, client-side-rendering, incremental-static-regeneration, comparisons
- CSS Scroll Snap Module Level 2 (by+/via) · · css, scrolling
- CSS “font-size-adjust” Is Now in Baseline (by/via) · · css, typography, user-agents, support, web-platform
- Clip Pathing Color Changes (by/via) · · css, masking, colors
- Why You Should Have a Brag Document (by/via) · · career, documentation
- What’s New for JavaScript Developers in ECMAScript 2024 (by/via) · · javascript, ecmascript, standards, promises, unicode, webassembly
- Seriously, You Need to Learn Git (by) · · git, command-line
- “Practical SVG” Is Now Free to Read Online (by) · · books, images, svg
- Learn Web Components (by) · · websites, courses, web-components, html, css, dom, javascript
- How to Create Fake Back-End Using IndexedDB (via) · · how-tos, databases, indexeddb, storage, javascript
- A New Path for Privacy Sandbox on the Web (via) · · user-agents, google, chrome, cookies, apis, web-platform
- 50 TypeScript F*ck Ups · · books, typescript, mistakes
- 20 Super Useful CSS Animation Libraries (by) · · css, animations, libraries, link-lists
- So You Think You Know Box Shadows? (by) · · shadows, javascript
- Flutter Unit Testing: Understanding “setUp()” and “setUpAll()” (by/via) · · flutter, testing
- Better Ways to Use Async Functions in JavaScript (by) · · javascript, functions, promises
- CSS Grid Areas (by) · · css, layout
- After CrowdStrike, Programmers Deserve Consequences · · programming, career, quality
- Why Is Spawning a New Process in Node So Slow? (by/via) · · nodejs, performance, comparisons
- State of React 2023 (via) · · surveys, react
- State of Developer Experience 2024 (by) · · research, developer-experience
- Providing Type Definitions for CSS With “@ property” (by) · · css, at-rules, custom-properties
- Mapping the Landscape of Gen-AI Product User Experience (by) · · ai, overviews
- Macro vs. Micro Conversions (by/via) · · user-conversion, concepts, comparisons
- Introducing Svelte 5 (by/via) · · svelte, release-notes
- Getting to the Bottom of Minimum WCAG-Conformant Interactive Element Size (by/via) · · accessibility, design, wcag, css
- Don’t Use JS for That: Moving Features to CSS and HTML (by/via) · · videos, javascript, css, html
- CSS Stuff I’m Excited After the Last CSSWG Meeting (by/via) · · css, functions, transitions, anchor-positioning
- Summary of the June 2024 TC39 Plenary in Helsinki (via) · · ecmascript, javascript
- You’ll Write Less Code With Svelte 5.0, Promises Rich Harris (by/via) · · svelte
- Using pnpm on Heroku (via) · · pnpm, heroku
- Thoughts on a Global Design System (by) · · design-systems
- The Pitfalls of In-App Browsers (via) · · user-agents, mobile, privacy, security, user-experience
- The Cloud Run Security Gap You Didn’t Know You Had (and How to Fix It) (by) · · security, google, gcp
- Testing Best Practices for Web Apps (by/via) · · videos, testing, best-practices, web-apps
- Styling Tables the Modern CSS Way (by/via) · · css, responsive-design, tables
- Override HTTP Response Headers (by/via) · · http, dev-tools, user-agents, google, chrome, microsoft, edge
- How to Make Tables Fit on Small Screens (via) · · how-tos, design, responsive-design, information-design, tables, mobile
- How to Incorporate Accessibility Into Your Agile Sprints (by) · · how-tos, accessibility, agile, processes, technical-debt
- Breaking Bad News: How to Present Negative UX Research Findings (by/via) · · user-experience, research, communication, how-tos
- Wait, What’s the Difference Between “:host”, “:host()”, and “:host-context()”?! (by) · · web-components, css, selectors
- Viewport Height and Width Units in Modern CSS (by) · · css, units
- Node v22.5.0 (Current) (via) · · release-notes, nodejs
- Named Alternates for WordPress (by) · · html, wordpress
- Flat vs. Deep Hierarchies in Information Architecture (IA) (by/via) · · videos, information-architecture, comparisons
- Expert Handling of Multiple Dimensions of Data (by) · · information-design
- Alternative Text in Action (via) · · accessibility, images, alt-text, writing, examples
- A Plea for the Lost Practice of Information Architecture (by/via) · · information-architecture, history, link-lists
- Private Browsing 2.0 (by+/via) · · user-agents, apple, safari, webkit, privacy
- It’s Official, Meteor 3.0 Official Release Is Out! (via) · · release-notes, meteor
- How to Engineer Your Developer Blog Posts to Have Bigger Impact (by/via) · · videos, how-tos, blogging, communication, developer-relations
- Get the Screen Width and Height Without JavaScript (by) · · css
- Everybody’s Free (to Write Websites) (by) · · web, indieweb, blogging, writing
- Cloudflare Reports Almost 7% of Internet Traffic Is Malicious (by/via) · · web, traffic
- What ARIA Still Does Not Do (by) · · html, aria, accessibility, standards
- To Hell With the Business Case, Again (by) · · accessibility, economics
- Thoughts on CSS in 2024 (by) · · css, selectors, resetting, logical-properties, custom-properties
- JavaScript Event Loop: A Deep Dive (by) · · javascript, event-loop, events
- Getting Stuck: All the Ways “position: sticky” Can Fail (via) · · css, layout
- Embracing Functional CSS: Have We Moved On? (via) · · css, presentational-css
- CSS Selectors (by/via) · · css, selectors, overviews
- Character Modeling in CSS (by/via) · · videos, css, design, creativity, effects
- An Update on Invokers: Invoker Commands in HTML (by) · · html, modals, pop-overs
- Why Designers Need to Be More Like Gardeners (via) · · design, sustainability
- 19 Microservices Patterns for System Design Interviews (by) · · interviewing, architecture, microservices
- Verso: A New Browser Based on Servo (by) · · user-agents, verso, servo
- It’s Really This Thing That Gets Me (by) · · accessibility, overlays
- “@ property”: Next-Gen CSS Variables Now With Universal Browser Support (by/via) · · css, at-rules, user-agents, support, web-platform
- Going With the PDF Reflow (by/via) · · accessibility, wcag, pdf
- Content Strategy vs. UX Writing (by/via) · · content, writing, strategies, user-experience, comparisons, concepts
- A Guide to Reading and Writing Node.js Streams (by/via) · · guides, nodejs, streaming
- The Future of Serverless Is WebAssembly (by/via) · · videos, serverless, webassembly, visions
- How to Test Web Applications (by/via) · · videos, how-tos, testing, web-apps
- Hiring, Lip Service, and Inclusion (by/via) · · hiring, interviewing, dei, communication
- From Web to Native With React (by/via) · · react, migration
- Feature Detect CSS “@ starting-style” Support (by/via) · · css, at-rules, feature-detection, support, user-agents
- Converging Web Frameworks (by/via) · · videos, frameworks
- 3 Design Tips From a Gorgeous New Landing Page (by/via) · · videos, design, tips-and-tricks, landing-pages
- 25 Open Source AI Tools to Cut Your Development Time in Half (by/via) · · ai, tooling, productivity, foss, link-lists
- Why “page.goto()” Is Slowing Down Your Playwright Tests (by/via) · · playwright
- Transitive Optimization Considered—Interesting (by) · · optimization
- Single-Directionally Allowed Overflow (by/via) · · css
- Rian Rietveld on Understanding the European Accessibility Act and Its Impact on Websites (by+/via) · · podcasts, transcripts, interviews, accessibility, legal, wordpress
- Publishing a TypeScript Module to npm vs. JSR (via) · · videos, typescript, modules, dependencies, npm, jsr, comparisons
- Learn About What’s New in Angular 18 From Rakia Ben Sassi (by+/via) · · videos, angular
- Introducing @ let in Angular (via) · · angular
- How to Check and Document Design Accessibility in Your Mockups (by) · · how-tos, auditing, documentation, prototyping, design, accessibility
- Homepage Design: 4 Common Mistakes (via) · · videos, homepages, design, usability, mistakes
- Bad Design Is Like a Virus: Design Defects and Latent Failures (via) · · design
- Zoom, Zoom, and Zoom (by/via) · · zooming, css
- The Software Engineering Industry in 2024: What Changed in 2 Years, Why, and What Is Next (by) · · videos, career, visions
- The Magic of Clip Path (by) · · css, masking, effects
- Supply Chain Security in npm—We Can Be Optimistic About the Future (by/via) · · npm, dependencies, security, provenance
- Playwright vs. Puppeteer: Which Is Better in 2024? (by/via) · · playwright, puppeteer, automation, testing, tooling, comparisons
- Leaner npm Packument (Metadata) Contents (via) · · npm
- “If” CSS Gets Inline Conditionals (by/via) · · css, container-queries
- How I Develop Successful Link Building Strategies for My Clients (by/via) · · seo, strategies, links
- Exploring the Challenges in Creating an Accessible Sortable List (Drag-and-Drop) (by/via) · · accessibility, keyboard-navigation
- Don’t Use web.dev for Accessibility Info (by) · · accessibility, learning
- Designing Multimodal Interfaces: Voice + Screen (via) · · design, voice, prototyping
- A Quick-Ish Accessibility Review: shadcn/ui Charts (by) · · accessibility, information-design, tooling, auditing, link-lists
- 5 Questions for Miriam Suzanne (by+/via) · · interviews, css, dei, learning
- 15 Page Speed Optimizations That Sites Ignore (at Their Own Risk) (by/via) · · performance, optimization
- AI Unplugged: Rise (and Fall) of the Robots(.txt) · · ai, robotstxt, scraping
- Utility First CSS Isn’t Inline Styles (by/via) · · videos, css, presentational-css, atomic-css, caching
- State of Text Rendering 2024 (by) · · fonts, rendering
- Interop 2024 Mid-Year Update (by/via) · · interoperability, web-platform, user-agents, support
- How to Transform Your Approach to Digital Accessibility From a Reactive Break-Fix Cycle to a Proactive Shift Left Approach (by/via) · · how-tos, accessibility, processes, best-practices
- How Keyboard Navigation Works in a CSS Game (by/via) · · keyboard-navigation, css, sass
- 50 Basic Linux Commands (by) · · unix-like, command-line
- Sneaky React Memory Leaks: How the React Compiler Won’t Save You (by) · · react, memory, compiling
- System Design Basics—Caching (by) · · fundamentals, caching, architecture
- Speeding Up the JavaScript Ecosystem—Isolated Declarations (by) · · performance, javascript, typescript
- Progressive Web Apps (PWA): A Comprehensive Guide · · guides, web-apps, concepts
- How Fast Is JavaScript? Simulating 20,000,000 Particles (by) · · javascript, performance
- Eleventy Buckets and Cascade Layers (by) · · eleventy, cascade, css
- Creativity Is the Byproduct of Work (by) · · processes, creativity, design
- Advanced Markdown Using Extensions in Laravel (by) · · markdown, laravel
- A Practical Guide to Designing for Colorblind People (by) · · accessibility, guides, design, colors, color-blindness
- What’s New With ECMAScript 2024: An In-Depth Guide on the Latest Features (by/via) · · guest-posts, guides, overviews, ecmascript
- What’s Coming Next for ESLint (by/via) · · eslint
- Script Integrity (by/via) · · embed-code, javascript, security
- Optimizing for AI Overviews (by/via) · · ai, seo
- 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
- 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
- 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
- Introducing the MDN HTTP Observatory (by/via) · · mozilla, http, security
- 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
- Accessible Form Validation From Scratch—Preparing for Validation (by/via) · · accessibility, forms, validation
- YouTube Embeds Are Bananas Heavy and It’s Fixable (by/via) · · google, embed-code, 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
- Deploy AWS Lambda Functions With Serverless Framework and Node.js (by) · · deploying, aws, functions, serverless, nodejs
- Be Careful Using “Grid” (by) · · terminology
- Are Web Components Worth It? (by+) · · podcasts, web-components, html, dom, shadow-dom
- Announcing the Ladybird Browser Initiative (via) · · user-agents
- Agile Is Not… Agile Is… (by/via) · · agile, concepts
- Why Toggle Switches Suck (and What to Do Instead) (by) · · design, toggles, usability, anti-patterns
- How to Annul Promises in JavaScript (by) · · how-tos, javascript, promises
- Do Grayscale Images Take Less Space? · · images, colors, performance
- Accessible PDF Forms Online—There’s a Catch (by/via) · · accessibility, pdf, forms
- 7 Ways to Champion Accessibility in Your Company (by) · · accessibility, advocacy
- Integrate Go Library Into a JavaScript Webpage With WebAssembly (by) · · go, javascript, webassembly
- Figma AI (by) · · figma, ai, design
- Create npm Package With CommonJS and ESM Support in TypeScript (by) · · npm, dependencies, modules, typescript, javascript
- 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
- 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
- Don’t Be Fooled by Figma’s New AI Features (by/via) · · figma, ai
- 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
- AI Anxiety and How to Design for It: Resources and Best Practices (by/via) · · ai, link-lists
- 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
- Why Do Designers Become Managers? (via) · · design, career
- Web Design Engineering With the New CSS (by/via) · · videos, css
- Use Node Version Manager With Oh My Zsh (by) · · nvm, command-line, tooling
- New JavaScript Set Methods (by/via) · · javascript
- How to Set Up Serverless Framework to Deploy AWS Lambda, Queues, and DynamoDB With Node.js (by) · · how-tos, serverless, deploying, aws, nodejs
- Backdoor Slipped Into Multiple WordPress Plugins in Ongoing Supply-Chain Attack (by/via) · · wordpress, plugins, security
- AI Ethicists Are Speaking Out, but Are We Listening? (by/via) · · ai, ethics