News and Tools for Frontend Developers (4)
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- 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
- Is CSS Grid Really Slower Than Flexbox? (by) · · performance, css, grids, flexbox, layout
- The Sneaky Costs of Scaling Serverless (by) · · serverless, economics, vercel, aws, comparisons
- Verso: A Web Browser That Plays Old World Blues to Build New World Hope (via) · · videos, verso, user-agents
- 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 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
- 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
- AT Is More Than Screen Readers (by) · · accessibility, user-agents, assistive-tech, screen-readers, terminology, concepts
- AI Act Is Here (by) · · ai, legal
- Setting Up CI/CD for Flutter Apps (by) · · flutter, ci-cd, automation
- Programming, I Hate It (by) · · programming, career
- Attitudes to Digital Accessibility 2024 (via) · · surveys, accessibility
- Who Is the Fastest? Node.js, Bun.js, or Deno.js (by) · · performance, javascript, runtimes, nodejs, bun, deno, comparisons
- What You Want Isn’t Always What You Want (by) · · career
- What If You Used Container Units for… Everything? (by/via) · · css, units, container-queries
- Types of Accessibility Approaches (by) · · accessibility, processes, career, collaboration
- The Anchor Element (by) · · html, links, semantics, terminology, usability
- Tabs, Used Right (by/via) · · design, design-patterns, navigation, usability
- “stripes()”: The Border Function You Never Knew You Needed (by) · · css, functions, borders
- Mastering Next.js: The Ultimate Guide to Structuring Large-Scale Projects in 2024 (by) · · guides, nextjs
- How to Make the Internet More Accessible (by+/via) · · how-tos, web, accessibility
- Beyond React: How Astro and Its Server Islands Work (by/via) · · astro, frameworks, architecture
- Advanced Use Cases of the Node.js Native Test Runner (via) · · nodejs, testing
- New CSS Logo? (by) · · discussions, css
- Figma and the Cost of Collaboration (by/via) · · figma, collaboration
- The Evolution of Attention (via) · · design, case-studies
- The Anatomy of Accessible Forms: Best Practices (via) · · accessibility, forms, html, best-practices
- HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (by/via) · · html, web-components, principles, solid, progressive-enhancement, examples
- How to Build a Multilingual Website With Nuxt.js (by/via) · · how-tos, nuxt, internationalization
- Browsers, Cookies, and Surfing the Web: The Quirky History of Internet Lingo (via) · · web, terminology, history
- The Future Is Up for Grabs When Anyone Can Make Designs (via) · · design, ai
- Nike’s $25B Blunder Shows Us the Limits of “Data-Driven” (by/via) · · product-management, metrics
- Using Postman for API Documentation: All You Need to Know (by) · · apis, documentation, tooling
- Replacing jQuery UI Datepicker With HTML Date Input (by) · · jquery, html
- Reading From the Clipboard in JavaScript (by/via) · · javascript
- Interop 2024: Chrome at 100% for the Accessibility Focus Area (via) · · interoperability, user-agents, google, chrome, accessibility
- How to Stop Form Spam Bots With Honeypot Fields (by) · · spam, forms
- How Google Handles JavaScript Throughout the Indexing Process (by+/via) · · google, seo, web-apps, javascript, history, rendering
- Does Screen Time Help or Hinder Creativity? (via) · · creativity, productivity
- Decoding WCAG: “Change of Context” and “Change of Content” (via) · · accessibility, wcag, standards
- A Handful of Reasons JavaScript Won’t Be Available (by/via) · · javascript, support
- On Mapping the World of Frontend Development (by) · · cross-posts, web-platform, learning, community, frontend-dogma
- Misfire (by) · · web-platform, cookies, privacy, w3c
- Why You Should Ship Your App, Even if It Sucks (by/via) · · web-apps, productivity
- Standardization Stories (by/via) · · videos, web-platform, css, collaboration, standards
- New to the Web Platform in July (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, apple, safari, google, chrome
- Instead of Restricting AI and Algorithms, Make Them Explainable (by) · · ai, algorithms
- “git push --force” and How to Deal With It (by+/via) · · git
- Garbage Collection and Closures (by) · · javascript, functions, closures, garbage-collection
- Frontend Security Checklist (by) · · security, checklists, react
- Developing a RACI Matrix for Accessibility (by/via) · · accessibility, processes, project-management
- WCAG, VPAT, S508, Level A—What on Earth? (via) · · accessibility, standards, legal, terminology, wcag, vpat-acr, section-508
- Flexible Network Data Preloading in Large SPAs (by) · · performance, single-page-apps, client-side-rendering, data-fetching
- Servo: A Web Rendering Engine for the Future (by/via) · · videos, browser-engines, servo
- What We Got Wrong About HTTP Imports (by/via) · · deno, jsr
- Websites Are Blocking the Wrong AI Scrapers (Because AI Companies Keep Making New Ones) (by/via) · · ai, scraping, robotstxt
- Vue and Vite Updates (by/via) · · videos, vuejs, vite
- Why Unknown Types Are Useful (by) · · programming, typescript
- WebKit Features in Safari 17.6 (by/via) · · release-notes, user-agents, apple, safari, webkit
- WebGPU (by+/via) · · webgpu
- Top 20 JavaScript Tricks and Tips for Every Developer · · javascript, tips-and-tricks
- Third-Party Cookies Have Got to Go (by/via) · · cookies, privacy, web-platform
- The Art of Clean Code: Mastering the SOLID Principles · · quality, principles, solid
- Patterns for Memory Efficient DOM Manipulation With Modern Vanilla JavaScript (by/via) · · javascript, memory, dom, software-design-patterns
- Have It All: External, Styleable, and Scalable SVG (by) · · images, svg, css
- Accessible Heading Structures for Home Pages (via) · · accessibility, headings, homepages
- Laravel vs. Rails for JavaScript Developers (by) · · videos, laravel, ruby-on-rails, comparisons
- Designing for Forgiveness: How to Create Error-Tolerant Interfaces (by/via) · · design, interaction-design, errors, user-experience
- From Parcel to Vite: A Short Story of a 100K LOC Migration (via) · · migration, parcel, vite
- User “Wants” vs. Accessibility (by) · · accessibility, usability
- Is It Okay to Make “connectedCallback” Async? (by) · · javascript, callbacks, web-components
- 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, 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
- Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes (by+/via) · · deno, aws, serverless, javascript, runtimes, performance, comparisons
- React for Two Computers (by/via) · · videos, react
- Why Designers Don’t Like Design Systems (via) · · design, design-systems, creativity
- The User Location Is a Lie (by) · · geolocation, javascript, apis
- 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
- Vanilla React (by/via) · · videos, react, routing
- The “of S” Syntax in “:nth-child()” (by) · · css, selectors
- 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
- Learn CSS Grid First (by+/via) · · videos, css, grids, layout
- What’s New in WebGPU (Chrome 127) (via) · · release-notes, webgpu, user-agents, google, chrome
- Math4Devs (by) · · websites, javascript, math
- Why Not All Voices Should Be Equal in the Design Process (via) · · design, policies, prioritization, dei
- The Backlash Against AI Scraping Is Real and Measurable (by/via) · · ai, scraping, robotstxt
- 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, grids, layout
- After CrowdStrike, Programmers Deserve Consequences · · programming, career, quality
- State of React 2023 [Results] (by/via) · · surveys, react
- The Web We Want: A Beginner’s Guide to the IndieWeb (by) · · slides, guides, web, indieweb
- Introducing Svelte 5 (by/via) · · introductions, svelte, release-notes
- Why Is Spawning a New Process in Node So Slow? (by/via) · · nodejs, performance, comparisons
- 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
- 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
- How to Make Tables Fit on Small Screens (via) · · how-tos, design, responsive-design, information-design, tables, mobile
- Breaking Bad News: How to Present Negative UX Research Findings (by/via) · · user-experience, research, communication, how-tos
- 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 Incorporate Accessibility Into Your Agile Sprints (by) · · how-tos, accessibility, agile, processes, technical-debt
- A Plea for the Lost Practice of Information Architecture (by/via) · · information-architecture, history, link-lists
- 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
- Software Testing Fundamentals (via) · · fundamentals, testing
- 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
- JavaScript Event Loop: A Deep Dive (by) · · javascript, event-loop, events, deep-dives
- 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
- 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
- Content Strategy vs. UX Writing (by/via) · · content, content-strategy, writing, user-experience, comparisons, concepts
- Going With the PDF Reflow (by/via) · · accessibility, wcag, pdf
- “@ property”: Next-Gen CSS Variables Now With Universal Browser Support (by/via) · · css, at-rules, user-agents, support, web-platform
- Hiring, Lip Service, and Inclusion (by/via) · · hiring, interviewing, dei, communication
- HTML and CSS Techniques for Inverting Colors (via) · · css, filters, blend-modes, techniques, colors
- 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
- 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
- Rian Rietveld on Understanding the European Accessibility Act and Its Impact on Websites (by+/via) · · podcasts, interviews, accessibility, legal, wordpress
- Publishing a TypeScript Module to npm vs. JSR (via) · · videos, typescript, modules, dependencies, npm, jsr, comparisons
- Bad Design Is Like a Virus: Design Defects and Latent Failures (via) · · design
- Introducing @ let in Angular (via) · · introductions, angular
- What Is Joomla: The Ultimate Guide · · guides, content-management, joomla
- 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
- Learn About What’s New in Angular 18 From Rakia Ben Sassi (by+/via) · · videos, 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
- “If” CSS Gets Inline Conditionals (by/via) · · css, container-queries, conditionals
- 5 Questions for Miriam Suzanne (by+/via) · · interviews, css, dei, learning
- How I Develop Successful Link Building Strategies for My Clients (by/via) · · seo, strategies, links
- Designing Multimodal Interfaces: Voice + Screen (via) · · design, voice, prototyping
- 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
- 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
- A Quick-Ish Accessibility Review: shadcn/ui Charts (by) · · accessibility, information-design, tooling, auditing, link-lists
- 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