News and Tools for Frontend Development (2)
(Stay up-to-date on all topics by RSS feed or on Mastodon.)
- Choosing the Right Node.js Package Manager in 2024: A Comparative Guide · · guides, nodejs, dependencies, comparisons
- Diving into CSS Interactivity · · videos, css
- New to the Web Platform in February · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- Techniques to Break Words · · techniques, html, css, content
- The Wax and the Wane of the Web · · web-platform, history
- Understanding Cookies and Sessions in React · · react, authentication, cookies
- What Is Inclusive Design, and How Does It Relate to Accessibility? · · design, inclusion, accessibility
- What You Need to Know About Software Requirements · · software-design, best-practices
- Why Does “is-number” Package Have 59M Weekly Downloads? · · dependencies, npm
- An HTML Switch Control · · html, css, forms
- Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… · · apple, web-apps, community
- Creativity Lies in the Paradoxes · · creativity, design
- Enhanced Internationalization (I18N) in Next.js 14 · · nextjs, internationalization
- Going Beyond Pixels and (r)ems in CSS—Container Query Length Units · · css, container-queries, units
- Making Math Accessible · · accessibility, math
- So, What Exactly Did Apple Break in the EU? · · user-agents, apple, mobile, support, web-apps, apis
- Test Quality vs. Bashing Tailwind CSS · · tailwind, css, comparisons
- Top 8 Recent V8 in Node Updates · · nodejs, v8
- Ultimate Guide to Visual Testing With Playwright · · guides, testing, regressions, playwright
- How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js · · how-tos, navigation, functionality, astro, tailwind
- A Fun Line of Code · · javascript, apis, multimedia
- A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) · · videos, dark-mode, css
- Reporting Core Web Vitals With the Performance API · · apis, performance, web-vitals
- Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements · · accessibility, user-agents, assistive-tech, screen-readers, support
- The 3 Capabilities Designers Need to Build for the AI Era · · design, career, training, ai
- Tumblr and WordPress to Sell Users’ Data to Train AI Tools · · wordpress
- YouTube Video Embedding Harm Reduction · · multimedia, embed-code, html, privacy
- How to Lazy-Load CodePen and CanIUse Embeds · · how-tos, embed-code, performance
- How to Use Server-Sent Events in Node.js · · how-tos, nodejs, events
- AI and Design Systems · · ai, design-systems
- Here Lies the Internet, Murdered by Generative AI · · web, content, ai
- 10 Takeaways from the WebAIM Screenreader Survey · · accessibility, user-agents, assistive-tech, screen-readers
- A Web Designer’s Accessibility Advocacy Toolkit · · accessibility, strategies
- Advanced Figma Tips and Tricks 2024: Little Gems We Love · · figma, tips-and-tricks
- CSS Foundations: What Is IACVT? · · css
- CSS-Only Bottom-Anchored Scrolling Area · · css, scrolling
- No Outer Margin · · css, components
- The CSS Cascade—a (Re)Introduction · · videos, css, cascade
- What Is a Single-Page Application? · · spas, javascript, performance, user-experience
- Why I Use Firefox · · user-agents, mozilla, firefox
- How to Build a Newthing · · how-tos, processes, creativity, maintenance
- Home Screen Advantage · · user-agents, apple, mobile, support, web-apps, web-platform
- CAPTCHA Is Still [the] Most Problematic Issue on the Web · · accessibility, web, captcha
- CSS “:has()” Interactive Guide · · guides, css, selectors
- JSDoc as an Alternative TypeScript Syntax · · typescript, documentation
- My WebAIM 10th SR User Survey Takeaways · · accessibility, user-agents, assistive-tech, screen-readers
- The Power of Patterns and Playbooks in Content Design · · design, content, design-patterns
- Understanding Event-Driven Architecture · · architecture, events
- WebAIM Screen Reader User Survey 10 · · accessibility, user-agents, assistive-tech, screen-readers
- A Developer’s Guide for Web Accessibility · · guides, accessibility
- Proposal: CSS Variable Groups · · css
- Why My Code Isn’t in TypeScript · · typescript
- ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences · · videos, accessibility, aria, html, user-experience
- Building Dynamic Progress Bars Using Only CSS · · css
- Difference Between the Accessibility Page and the Accessibility Statement · · accessibility, documentation, comparisons
- htmx vs. React: A Complete Comparison · · htmx, react, comparisons
- JavaScript Bloat in 2024 · · javascript, performance
- JSR: What We Know So Far About Deno’s New JavaScript Package Registry · · jsr, deno, dependencies, javascript
- UX Leadership Is Failing (and What We Can Do About It) · · user-experience, leadership
- Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering · · javascript, libraries, client-side-rendering, state-management
- 10 Best Create React App Alternatives for Different Use Cases · · frameworks, tech-stacks, comparisons, link-lists
- CSS “::backdrop” Now Inherits from Its Originating Element · · css, selectors
- Making of True Multi-Brand Design System · · design-systems, theming
- Next.js vs. Remix—a Developer’s Dilemma · · nextjs, remix, comparisons
- Node.js 2023 Year in an Article · · nodejs, retrospectives
- Release Notes for Safari Technology Preview 189 · · release-notes, user-agents, apple, safari
- Syntax Highlighting With No Spans?! · · css, apis
- View Transitions: Handling Aspect Ratio Changes · · css, transitions
- How to Optimize the Web for the Worst User Conditions? · · how-tos, user-experience, responsive-design, performance, optimization
- The One Trick Every Flutter Web Dev Needs to Know · · tips-and-tricks, flutter, performance
- My Favourite Animation Trick: Exponential Smoothing · · animations, tips-and-tricks
- A Practical Guide to Designing for Colorblind People · · guides, accessibility, colors
- A Practical Guide to Using Shadow DOM · · guides, dom, shadow-dom
- Control Lazy Load, Infinite Scroll, and Animations in React · · react, lazy-loading, scrolling, animations, javascript
- CSS-Only Radial Progress Bars Using Conic Gradients · · videos, css, gradients
- Design Patterns That Encourage Junk Data · · design-patterns, sustainability, economics, storage, email
- Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? · · videos, accessibility, wcag, guidelines, compliance
- My Design System Journey: Building the Plane While Flying · · design-systems, collaboration, processes
- Okay, Color Spaces · · colors, oklch
- Preventing SQL Injection Attacks in Node.js · · security, nodejs, databases, sql
- “random()” Distribution Visualizer · · javascript, randomness
- Why Is JavaScript Fragile? · · javascript
- How to Transfer Binary Data Efficiently Across Worker Threads in Node.js · · how-tos, nodejs, worker-threads
- 100 Things You Can Do on Your Personal Website · · blogging, writing, indieweb
- 17 Equations That Changed the World—Rewritten in JavaScript · · javascript, math
- 7 Effective Ways to Craft Compelling Problem Statements for UX Design · · user-experience, product-management, processes
- Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences · · collaboration, onboarding, user-experience
- Responsive Web Design: 3 Key Fundamentals · · videos, responsive-design, fundamentals
- The Fifty-Fifty Split and Overflow · · css, layout
- “Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching · · content, design, design-debt, technical-debt, maintenance, processes
- What Is Utility-First CSS? · · css, principles
- How to Design an Accessible Web Site for People with Color-Deficient Vision · · how-tos, accessibility, inclusion, user-experience, colors, contrast, readability
- [Web Accessibility] Survey Results · · accessibility, surveys
- Don’t Care About Accessibility? Resistance Is Futile! · · accessibility
- Tailwind Marketing and Misinformation Engine · · tailwind, css, semantics, principles, maintainability
- A Manifesto for Small, Static, Web Apps · · web-apps, principles
- JavaScript on Demand: How Qwik Differs from React Hydration · · javascript, qwik, react, hydration, comparisons
- JavaScript Workers · · videos, javascript, web-workers
- Understanding React “useEffect” · · react
- Be a Better Developer With These Git Good Practices · · git, best-practices, conventions, consistency, code-reviews
- How to Set Up a Node Server With TypeScript in 2024 · · how-tos, nodejs, servers, typescript
- It’s Official, Apple Kills Web Apps in the EU · · web-apps, apple
- Popular Git Config Options · · git, configuration
- A Dozen Thoughts About AI · · ai
- ARIA “note” · · accessibility, aria, user-agents, assistive-tech, screen-readers, support
- Getting to an Accessibility Strategy · · accessibility, strategies, processes
- How I Developed the 10 Usability Heuristics · · usability, heuristics, history
- Playing With Infinity in CSS · · css, math
- React Labs: What We’ve Been Working On—February 2024 · · react
- Top 20 JavaScript One-Liners That Don’t Actually Work · · javascript
- Making the Most of Ligatures · · css, typography
- How Accessibility Standards Can Empower Better Chart Visual Design · · accessibility, contrast, information-design
- Input Type “date”: The Accessibility of HTML Date Picker · · accessibility, forms
- Reasonable WCAG Additions · · accessibility, wcag
- Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” · · css, scrolling, animations
- The Text File That Runs the Internet · · robotstxt, scraping, ai, web
- When It Says “Name from Author” It Means from You, Not Boll or Bukowski · · accessibility, aria, naming
- Wednesday, February 14, 2024 Security Releases · · release-notes, nodejs, security
- A Practical Guide to Designing for Children · · guides, design, link-lists
- Advanced Architecture for AI Application (aka AAAA) · · ai, architecture, edge-computing, optimization
- An Introduction to Node.js Multithreading · · introductions, nodejs, multithreading
- Be Aware of Arrays—V8 Engine Advice · · javascript, engines, v8, arrays
- Building htmx and Go Web Apps With Gemini Advanced · · videos, web-apps, htmx, ai
- CSS Color Module Level 4 · · css, colors
- How to Fix the Invisible Scrollbar Issue in iOS Browsers · · how-tos, user-agents, mobile, scrolling, css
- The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends · · css, functions, math
- Why I Like Scrumban · · processes, agile, scrum, kanban
- How to Center a Div · · how-tos, css, layout
- A CSS Project Boilerplate · · css, tailwind, templates
- Can Generative AI Help Write Accessible Code? · · accessibility, code-generation, ai
- How to Boost WordPress Security and Protect Your SEO Ranking · · how-tos, wordpress, security, seo
- Learn TypeScript · · courses, typescript
- The Anatomy of Addictive Content · · content, writing, seo
- You Want to Make It Easy to Feature Your Content · · announcements, content, community
- CSS Mixins and Functions Explainer · · css, functions
- Names Are Complex: Displaying Initials for an Avatar Component in a Design System · · naming, design, case-studies
- Using Recursive CSS to Change Styles Based on Depth · · css, selectors
- Don’t Disable Form Controls · · accessibility, usability, forms, buttons
- Everything You Need to Know About Image Formats in 2024 · · images, jpeg, png, gif, webp, avif, svg
- Have We Forgotten How to Build Ethical Things for the Web? · · web, ethics
- HTML as the Baseline · · html, progressive-enhancement
- The Front-End Development We’re Used to Is Dying · · career, simplicity, complexity
- Accelerating Code Reviews With Nudges · · research, code-reviews, productivity, experiments, meta
- Frequently Heard in My Beginning Front-End Web Development Class · · learning, career
- Git Tips: Really Large Repositories · · git, monorepos, tips-and-tricks
- Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport · · css, units
- In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them · · web-apps, user-agents, apple, mobile
- Is [“* { min-width: 0; }”] a Good Idea? · · videos, css
- Node.js Community Debate Intensifies over Enabling Corepack by Default and Potentially Unbundling npm · · nodejs, npm, yarn, pnpm, dependencies
- So You Think You Know Git · · git
- The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting · · videos, accessibility
- What Is a Descriptive Transcript? · · accessibility, multimedia
- CSS Is Logical · · css
- Offloading JavaScript With Custom Properties · · javascript, css, custom-properties
- Opportunities for AI in Accessibility · · accessibility, ai
- Release Notes for Safari Technology Preview 188 · · release-notes, user-agents, apple, safari
- Web Development Is Getting Too Complex, and It May Be Our Fault · · web-platform, frameworks, tech-stacks, complexity
- A Guide to Designing for Older Adults · · guides, design, accessibility
- Designing User Onboarding: Lessons from Figma, Duolingo, and More · · lessons, onboarding, design, user-experience, figma
- Detect Caps Lock With JavaScript · · javascript
- Doing What’s Required: Indicating Mandatory Fields in an Accessible Way · · accessibility, usability, forms, errors
- Immutable Array Updates With “Array.prototype.with” · · javascript, arrays, user-agents, support
- In Praise of the “switch” Statement · · javascript
- JavaScript Promises Demystified · · javascript, promises
- JavaScript vs. Python: Which One Should You Learn First? · · javascript, python, comparisons
- jQuery 4.0.0 Beta · · release-notes, jquery
- Lessons Learned Moving Eleventy from CommonJS to ESM in 2024 · · videos, lessons, eleventy, javascript, modules, refactoring
- Lines of Code—How to Not Measure Code Quality and Developer Efficiency · · metrics, quality, efficiency, productivity
- Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft · · npm, dependencies, security
- Remix Takes on Next.js in Battle of the React Frameworks · · frameworks, react, remix, nextjs
- UI Elements Are Not So Elementary · · design, design-patterns
- When to Use the “min()” or “max()” Function · · css, functions
- 13 Best Books, Courses, and Communities for Learning React · · react, books, courses, link-lists
- Bookmarklet: Load All GitHub Comments · · bookmarklets, github, code-reviews
- Everything You Need to Know About Git · · git, command-line
- Exciting New Tools for Designers, February 2024 · · design, tooling, link-lists
- Getting into Web Components—an Intro · · introductions, web-components
- How to Create Rounded Gradient Borders With Any Background in CSS · · how-tos, css, borders, gradients, backgrounds
- It’s the Hope That Kills You · · accessibility, career, community
- Revolutionizing Usability Testing With Machine Learning · · usability, testing, ai
- The Decision to Leave Tech · · career, retrospectives
- The Most Demanded Frontend Frameworks in 2023 · · frameworks, comparisons, react, angular, vuejs
- Thoughts on a Global Design System · · design-systems
- Visual Hierarchy: Making User Experiences Easier to Understand · · user-experience, design
- You Won’t Scale · · maintainability, scaling
- htmx Deep Dive With Carson Gross · · videos, htmx
- The Importance of Web Performance to Information Equity · · videos, performance, accessibility
- Why Disabled People’s Needs Aren’t “Special” · · accessibility
- “X” Marks the Spot: Landmark Elements · · html, semantics, accessibility, assistive-tech, aria
- 5 Hidden Risks of Your Inaccessible Website · · accessibility
- All Art Is a Copy of Something · · art
- From Many to One: Moving Our JavaScript Code into a Monorepo · · migration, monorepos, javascript, git
- SOLID Principles: They’re Rock-Solid for Good Reason · · programming, principles
- A Complete Guide to Open Source—100× Simpler · · guides, open-source
- A Look at the New WAI-ARIA 1.3 Draft · · accessibility, aria, standards
- Career Retrospective · · career, retrospectives
- Drupal Creator: Websites Needed More Than Ever in the AI Era · · web, ai, complexity
- Dynamically Adding Text Alternatives to Images With AI · · automation, ai, accessibility, alt-text
- Everyone’s a Sellout Now · · career, culture
- How to Make a Great Framework Better?—Svelte 5 With Rich Harris · · videos, frameworks, svelte
- Interop 2024 · · interoperability, web-platform, user-agents, support
- The Web Just Gets Better With Interop 2024 · · web-platform, interoperability, user-agents, support
- Tracking Your Interviews Is Extremely Important · · career, interviewing
- 5 Essential DevTools Console Hacks for Every Web Developer · · videos, user-agents, dev-tools
- Be Purposeful About Your Content · · accessibility, content, writing
- Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility · · guides, accessibility, colors, color-palettes, figma
- Implementing User Authentication in React Apps With Appwrite · · react, authentication, tooling
- Interaction to Next Paint Becomes a Core Web Vital on March 12 · · performance, web-vitals, metrics
- Making VPATs and ACRs More Effective in Procurement · · accessibility, processes
- Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) · · html, dom, shadow-dom, apis, security
- PurePWA—a Radical U-Turn in Web Development · · web-apps, simplicity, tooling
- Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization · · testing, cypress, playwright, network
- The Art and Science of Annotations in Dev Mode · · figma
- The Good, the Bad, the Web Components · · web-components, shadow-dom, dom
- Why Not htmx? · · htmx
- How to Stream Files from Next.js Route Handlers · · how-tos, nextjs, routing, streaming
- A Highly Configurable Switch Component Using Modern CSS Techniques · · html, css
- Celebrate a More Interoperable Web With Interop 2023 · · web-platform, interoperability, user-agents, support
- “field-sizing” Just Works! · · css, forms, comparisons
- Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font · · css, units, fonts
- Is Generated Code Harder to Maintain? · · discussions, ai, maintainability, maintenance
- Learn Testing · · courses, testing
- New to the Web Platform in January · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- Onboarding · · processes, onboarding, productivity, leadership
- Stop Burning Out Maintainers: An Empathetic Guide for Contributors · · guides, open-source, collaboration
- The Psychology of Site Speed and Human Happiness · · performance, usability
- Understanding Signals in Django · · signals, django
- Use CSS “accent-color” to Style Your Inputs · · css, forms
- Why Do Rubber Ducks Work? · · processes, productivity, creativity
- Tuesday, February 6, 2024 Security Releases · · release-notes, nodejs, security
- Debunking 10 Common Objections to Incremental Delivery for Software Teams · · agile, processes
- At Last, Browser Choice * · · legal, user-agents, apple, mobile
- Express Forward · · discussions, visions, express
- How to Favicon in 2024: Six Files That Fit Most Needs · · how-tos, images, favicons
- Next.js App Router Migration: The Good, Bad, and Ugly · · nextjs, routing, migration
- Practical Guide to Destructuring: TypeScript vs. Dart · · guides, typescript, dart, comparisons
- The EU Forces Open Apple’s Walled Garden · · legal, apple, user-agents, mobile
- The Loss of the Process in the Name of Progress · · design, creativity, productivity, processes
- The Web Component Success Story · · web-components
- A Guide to Styling Tables · · css, tables, responsive-design
- Design Systems Burnout · · design-systems
- Nicer Text Wrapping With CSS “text-wrap” · · css, typography
- Apple Redecorates Its iPhone Prison to Appease Europe · · legal, user-agents, apple, mobile
- Apple, the DMA, and Malicious Compliance · · legal, user-agents, apple, mobile
- Futuring With Design · · design, creativity, processes
- Please, Don’t Force Me to Log In · · web, authentication, user-experience
- Big, Beautiful, Beefy Focus States With “:focus-visible” · · css, selectors, focus
- Gold Text Effect With CSS · · css, effects
- Inside .git · · git
- 5 Web Design Disasters That Will Ruin Your 2024 · · design, responsive-design, seo