News and Tools for Frontend Developers (4)
(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)
- The Hacking of Culture and the Creation of Socio-Technical Debt (by) · · culture, security
- The Case for Web Components (by) · · books, web-components
- npm and Node.js Should Do More to Make ES Modules Easy to Use (by) · · npm, nodejs, javascript, ecmascript, modules
- Mina Tamang on SEO Techniques That Prioritise the User Experience (by/via) · · podcasts, transcripts, interviews, seo, user-experience, techniques
- 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
- 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
- Inline Conditionals in CSS? (by) · · css
- 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
- 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
- Virtualization and Containerization With Docker (by) · · docker
- 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
- Dual Publishing ESM and CJS Modules With tsup and “Are the Types Wrong?” (by) · · dependencies, modules, tooling, typescript, type-safety
- 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
- Using AI to Encourage Best Practices in the Code Review Process (by) · · best-practices, code-reviews, ai, research
- Use of “ch” Unit Considered Inappropriate (in Certain Circumstances) (by) · · css, units, typography
- How JavaScript Is Finally Improving the Module Experience (by/via) · · javascript, modules, developer-experience, webassembly
- Difference Between Docker, Kubernetes, and Podman for System Design Interview? (by) · · docker, kubernetes, interviewing, concepts
- Perfect Bug Report (via) · · websites, writing, quality
- Learn Grid Now, Container Queries Can Wait (by/via) · · css, layout, container-queries
- 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
- 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
- How to Use “rem” Units in CSS for Accessible Design (by/via) · · how-tos, css, units, accessibility
- 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
- 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
- Analyze CSS Selector Performance During Recalculate Style Events (via) · · user-agents, google, chrome, dev-tools, performance, selectors, css
- Follow Your Favorite Web Dev Topics With Topic Feeds (via) · · frontend-dogma, syndication, rss
- 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
- Introduction to Selenium for QA Automation: The Essential Guide · · introductions, guides, selenium, testing, quality, automation
- Witnessing the Death of the Web as a News Medium (by) · · web, content, seo, sem, history
- What’s Wrong With VPATs? (by) · · accessibility, vpat-acr
- Let’s Hang! An Intro to CSS Anchor Positioning With Basic Examples (by) · · introductions, css, anchor-positioning, examples
- “Just” One Line (by) · · craft, embed-code
- How to Build an Effective UX Pipeline From User Research to Usability Testing (by/via) · · how-tos, user-experience, research, testing
- How a Single Vulnerability Can Bring Down the JavaScript Ecosystem (by) · · javascript, npm, dependencies, caching, vulnerabilities, security
- CSS Length Units (by/via) · · css, units, overviews
- Transforming UX With Generative AI (by/via) · · user-experience, ai
- Write SOLID React Hooks (by) · · react, hooks, principles, solid
- The Power of Beauty in Communicating Complex Ideas (by/via) · · design, art, craft, communication
- Node.js Best Practices: A Guide for Developers · · guides, best-practices, nodejs
- How to Use Corepack (by) · · how-tos, nodejs, dependencies
- Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (by/via) · · videos, interviews, collaboration, css, sass, visions
- World Wide Accessibility—Benefits of Standardization (by) · · accessibility, standards, legal, web
- Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · html, semantics, accessibility, seo, maintainability, performance
- Does Serverless Still Matter? (by) · · serverless, servers, architecture
- A Practical Guide Against Barrel Files for Library Authors (by) · · guides, javascript, libraries, anti-patterns
- Transition to “height: auto;” and “display: none;” Using Pure CSS (by/via) · · videos, css, transitions
- The Gap (by) · · css, layout
- Strategies for Effective Urgent Ticket Classification (by) · · documentation, processes, productivity, strategies
- Single CSS Keyframe Tricks Are Magic (by+/via) · · videos, css, animations, tips-and-tricks
- Nesting/Overriding Properties in CSS (by/via) · · css, nesting
- Flow Charts With CSS Anchor Positioning (by) · · css, apis, anchor-positioning, examples
- Facilitating Diversity and Inclusion in Scrum Teams (by/via) · · agile, processes, dei
- es-toolkit (by) · · libraries, javascript
- How to Classify Your Design System—a Framework (by/via) · · how-tos, design-systems
- Frontend Dogma on the Web (via) · · frontend-dogma, link-lists
- Live Types in a TypeScript Monorepo (by) · · typescript, monorepos
- htmx: Simplicity in an Age of Complicated Solutions (by) · · htmx, simplicity
- Engineering for Slow Internet · · performance, user-experience
- CSS in Depth, Second Edition (by) · · books, css
- Applying the Four Principles of Accessibility (by) · · accessibility, wcag, principles
- Building Tech That Respects Our Rights (by/via) · · videos, privacy, product-management, career
- Why We Don’t Have a Laravel for JavaScript… Yet (by/via) · · laravel, javascript
- What to Know About the Open Versus Closed Software Debate (by/via) · · foss, ai
- The Linear Method: Opinionated Software (by/via) · · product-management, technical-debt, processes
- The Different Ways to Build a Resilient Website or Web App (by) · · resilience, comparisons
- Responsive Video Works Now—These Features Could Make It Work Better (by) · · multimedia, responsive-design, performance, html
- New to the Web Platform in May (by/via) · · release-notes, web-platform, user-agents, google, chrome, apple, safari, mozilla, firefox
- How to Make a CSS Timer (by/via) · · how-tos, css
- Decision Trees for UI Components (by/via) · · design, components, processes
- Data Fetching Patterns in Single-Page Applications (by/via) · · data-fetching, software-design-patterns, spas
- 10 Modern Node.js Runtime Features to Start Using in 2024 (by/via) · · nodejs
- Creating an Accessible Toggle Switch in Tailwind CSS (by/via) · · tailwind, accessibility, toggles
- Your Site or App Should Work as Much as Possible Without JavaScript (by) · · javascript, resilience, graceful-degradation
- Why Is Kubernetes Debugging So Problematic? (by) · · kubernetes, debugging
- What’s New in Angular 18 (by) · · release-notes, angular
- Typographer vs. Accessibility (by/via) · · videos, accessibility, typography
- The Era of Platform Primitives Is Finally Here (by/via) · · frameworks, netlify
- SSL for Localhost Takes 5 Seconds Now · · ssl, testing, environments
- My Approach to Alt Text (by) · · accessibility, processes, alt-text, link-lists
- How to Assess Your Skill Level Before Contributing to Open Source (by/via) · · how-tos, foss, collaboration
- Centering Content Vertically With One Line of CSS (by) · · css, centering
- Angular Basics: The Course (by) · · courses, angular, fundamentals
- An Even Faster Microsoft Edge (via) · · user-agents, microsoft, edge
- What We Can Learn From the Guy Who Regrets Making Pop-Up Ads (by/via) · · design, pop-ups, ai
- WP21 (by) · · wordpress
- Progressively Enhanced Popover Toggletips (by/via) · · html, pop-overs, apis, progressive-enhancement
- Lazy Load Components in Nuxt to Improve Performance (by) · · nuxt, performance, lazy-loading, components
- How to Deploy Your Own Website on AWS (by) · · how-tos, deploying, aws
- How Can OKRs Empower the Scrum Teams? (by/via) · · processes, agile, scrum, okr
- Here’s What We Learned From the First “State of HTML” Survey (by/via) · · html, lessons
- Alt Left (by) · · accessibility, html, alt-text, anti-patterns
- 3 Essential Design Trends, June 2024 (by/via) · · design, trends
- Old Dogs, New CSS Tricks (by) · · css
- Node.js Performance Hooks: Mastering the Mental Model (by) · · nodejs, performance, hooks
- Masonry and Reading Order (by) · · css, layout
- Fast Ways to Estimate Capacity (by) · · project-management, processes
- A Little DevTools Snippet to Check Broken Links on a Webpage (by) · · user-agents, dev-tools, javascript, link-rot, testing
- Want Out of React Complexity? Try Vue’s Progressive Framework (by/via) · · react, vuejs, frameworks, comparisons
- Understanding Organizational Capacity: Why It Matters in OKR Practice (by) · · economics, leadership, engineering-management, processes, okr
- The Long Path of JavaScript—from ES6 Until Today · · javascript, ecmascript, history
- No More Pixel Rounding Issues (by) · · css, functions
- New Magic for Animations in CSS (by) · · css, animations
- A Complete Guide for Adding Captions to YouTube Videos (via) · · accessibility, guides, captions, multimedia, youtube
- Switching It Up With HTML’s Latest Control (by/via) · · html, forms
- Reducing Code Review Time at Google (by) · · research, google, code-reviews, ai, productivity
- Multipage Version (by) · · websites, html
- JSR: The JavaScript Package Registry We’ve Been Waiting For · · jsr, dependencies
- Design Systems vs. Style Guides (via) · · design, documentation, design-systems, comparisons, terminology, concepts
- Consensus in Internet Standards (by) · · collaboration, communication, standards, web-platform
- Building an Instinct for Metrics (by) · · metrics
- Kawaii Computing: What VTubers Can Teach Us About Design (via) · · design, user-experience, culture
- Did We Fail to Develop the Next Generation of Designers? (via) · · design, career, leadership, history
- Why Do We Celebrate Incompetent Leaders? (via) · · videos, leadership
- uBlock Origin: Let’s Read the Code! (by) · · videos, case-studies
- Two Important AI Developments Affecting Accessibility (via) · · accessibility, ai, legal
- Storybook 8.1 (by/via) · · release-notes, storybook
- Notes on Implementing Dark Mode (by) · · dark-mode, javascript, tailwind
- HTML Tags You Might Not Know About (by) · · html
- Best Practices for Naming Design Tokens, Components, Variables, and More (via) · · naming, design-tokens, components, best-practices
- Astro 4.9 (by+/via) · · release-notes, astro
- Animating the Dialog Element (by/via) · · css, animations, modals
- What AI Can Do for (and to) Web Accessibility (by+/via) · · videos, accessibility, ai
- Why Are There No Mobile Accessibility Guidelines in WCAG? (via) · · accessibility, wcag, mobile
- When Should We Use Components and When Should We Just Use HTML? (by) · · html, components, web-components
- Webmentions in Astro (for Blog Posts) (by) · · astro, webmention
- Using Footnotes (by) · · content, writing, semantics
- Speeding Up File Load Times, One Page at a Time (by/via) · · figma, performance
- Release Notes for Safari Technology Preview 195 (by/via) · · release-notes, user-agents, apple, safari
- Popover Element Entry and Exit Animations in a Few Lines of CSS (by) · · pop-overs, css, animations
- Not So Short Note on “aria-label” Usage—Big Table Edition (by) · · accessibility, aria, html
- Modern CSS Layouts: You Might Not Need a Framework for That (by/via) · · css, layout, frameworks
- DOJ ADA Title II: Small Government WCAG Accessibility Guide (via) · · guides, accessibility, wcag, legal
- Danger! Preventing Zoom From Changing Text Size (by/via) · · accessibility, zooming, resizing
- Angular v18 Is Now Available! (by/via) · · release-notes, angular
- Not Always Mobile First (by) · · responsive-design, mobile-first, mobile, css, processes
- We’ve Got Container Queries Now, But Are We Actually Using Them? (by/via) · · css, container-queries
- We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (by) · · html, conformance, craft, quality
- Test-Driving HTML Templates (by/via) · · html, templates, testing, server-side-rendering, conformance
- State of Frontend 2024 Survey (via) · · surveys
- Introducing JSR (via) · · videos, introductions, jsr
- I Need Your Help to Make 11ty Fully Independent and Sustainable in 2024 (by) · · eleventy
- Hidden vs. Disabled in UX (by/via) · · user-experience, comparisons, design-patterns
- Here’s What We’re Working on in Firefox (via) · · user-agents, mozilla, firefox
- Growth or Scale? · · sustainability, scaling
- CSS Specificity for WordPress 6.6 (by/via) · · discussions, wordpress, css, selectors, cascade
- “contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (by) · · accessibility, colors, contrast, css, functions
- A Primer on JavaScript Proxies (by) · · introductions, javascript
- The Art of Not Being So Freaking Pushy (by/via) · · design, user-experience, microcontent, buttons
- UI Density (by) · · design, information-design, metrics
- CSS “:has()”, the God Selector (by) · · css, selectors
- Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability (by/via) · · user-experience, logging, monitoring, observability
- Web Content Has a Maintenance Problem (by) · · web, content, maintenance, processes, sustainability