#web components

[ follow ]
Angular
fromGitHub
2 days ago

GitHub - Aejkatappaja/phantom-ui: Structure-aware skeleton loader. One Web Component, every framework.

phantom-ui automates skeleton screen generation by measuring the DOM, eliminating the need for separate skeleton components.
#css
Web development
fromCSS-Tricks
5 days ago

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

New CSS properties in Chrome 145+ allow multi-column layouts to avoid horizontal scrolling by enabling vertical wrapping of content.
Web development
fromCSS-Tricks
4 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
jQuery
fromCSS-Tricks
2 days ago

Selecting a Date Range in CSS | CSS-Tricks

A date range selector allows users to choose a time frame for various scheduling and booking tasks.
JavaScript
fromRubyflow
2 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
Web development
fromCSS-Tricks
5 days ago

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

New CSS properties in Chrome 145+ allow multi-column layouts to avoid horizontal scrolling by enabling vertical wrapping of content.
Web development
fromCSS-Tricks
4 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
fromInfoWorld
2 days ago
UX design

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
Typography
fromCsswizardry
1 day ago

font-family Doesn't Fall Back the Way You Think - CSS Wizardry

Font-family declarations are self-contained and do not inherit fallback options from parent elements.
Django
fromMedium
2 hours ago

Top 7 Claude Code Skills Repos for Product Designers

Exploring community repositories is the best way to create new Claude Code Skills efficiently.
Marketing tech
fromDigiday
1 day ago

While AI is building the web faster than ever, accessibility can't be left behind

AI has accelerated marketing processes, but speed can compromise accessibility, impacting customer experience and conversion rates for people with disabilities.
fromThisweekinreact
3 days ago

This Week In React #276: Boneyard, Ink, MUI, React Router, Next.js, shadcn, Docusaurus, Comark, Forms, Shaders | RN 0.85, ViewTransition, Skia, Windows, CRNL, Maestro, True Sheet, Nitro Player, RNGH | JSIR, Security, esbuild, Ky, Intl | This Week In React

React Native v0.85 introduces a new Shared Animation backend, enhancing the animation capabilities of applications. Upcoming features like <ViewTransition> and Skia Graphite promise to further improve user experiences.
React
Information security
fromThe Hacker News
1 day ago

Browser Extensions Are the New AI Consumption Channel That No One Is Talking About

AI browser extensions pose significant security risks, often overlooked, with vulnerabilities and access that can compromise enterprise networks.
#design
Web design
fromLukew
2 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
4 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
Web design
fromLukew
2 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
4 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
#google-chrome
Typography
fromFast Company
2 days ago

Chrome's new feature makes life easier for people with a million open tabs

Google Chrome introduces vertical tabs to enhance user experience and multitasking capabilities.
Typography
fromTechCrunch
3 days ago

Chrome is finally getting vertical tabs | TechCrunch

Google Chrome is adopting vertical tabs to enhance user experience and manage tab groups more effectively.
Typography
fromFast Company
2 days ago

Chrome's new feature makes life easier for people with a million open tabs

Google Chrome introduces vertical tabs to enhance user experience and multitasking capabilities.
Typography
fromTechCrunch
3 days ago

Chrome is finally getting vertical tabs | TechCrunch

Google Chrome is adopting vertical tabs to enhance user experience and manage tab groups more effectively.
Software development
fromInfoQ
2 days ago

Aspire 13.2 Released with Expanded CLI, TypeScript AppHost Preview, and Dashboard Improvements

Microsoft released Aspire 13.2, enhancing cloud-native development with new features for command-line experience, multi-language support, and local development improvements.
#web-development
Canada news
fromTheregister
3 days ago

Showing the Windows 10 desktop was the yeast they could do

A bakery's use of Windows 10 desktops highlights the contrast between modern technology and traditional baked goods.
Node JS
fromTreehouse Blog
3 days ago

How Node.js Lets JavaScript Run on the Server

Node.js allows JavaScript to run on servers, enabling full stack development with a single language.
UX design
fromSmashing Magazine
1 day ago

How To Improve UX In Legacy Systems - Smashing Magazine

Improving UX in legacy systems requires gradual progress while addressing user and stakeholder needs.
React
fromMDN Web Docs
3 days ago

Under the hood of MDN's new frontend | MDN Blog

MDN's frontend was overhauled to simplify design and improve code structure, addressing technical debt from the previous React app.
jQuery
fromInfoQ
1 day ago

Safari Adds scrollend Event Support, Completing Baseline Browser Coverage

Safari 26.2 introduces the scrollend event, providing reliable detection of scroll completion across major browsers.
Software development
fromMedium
4 days ago

The Best Way To Plan Work With Claude Code

Ultraplan enhances Claude Code's planning capabilities by enabling multi-agent task planning without blocking the current session.
#javascript
Node JS
fromFrontendmasters
1 week ago

What To Know in JavaScript (2026 Edition)

JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
fromSubstack
1 month ago
JavaScript

Friday Links #34: Fresh JavaScript Tools & Releases

Pinterest claims parity with ChatGPT in search volume and emphasizes visual search and e-commerce integrations to capture commercial intent and buying journeys.
Vue
fromwww.jqueryscript.net
1 week ago

Weekly Web Design & Development News: Collective #650

TypeScript 6.0 and Vite 8.0 enhance development, while Shopify's Tinker offers over 100 free AI creative tools.
Node JS
fromFrontendmasters
1 week ago

What To Know in JavaScript (2026 Edition)

JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
#webassembly
JavaScript
fromInfoWorld
4 days ago

Rust team warns of WebAssembly change

Undefined symbols in WebAssembly can lead to unexpected behavior and errors, necessitating better diagnostics for developers.
fromInfoQ
1 month ago
Software development

How WebAssembly Components Enable Safe and Portable Software Extensions

JavaScript
fromInfoWorld
4 days ago

Rust team warns of WebAssembly change

Undefined symbols in WebAssembly can lead to unexpected behavior and errors, necessitating better diagnostics for developers.
fromInfoQ
1 month ago
Software development

How WebAssembly Components Enable Safe and Portable Software Extensions

React
fromAmazon Web Services
1 day ago

Embed a live AI browser agent in your React app with Amazon Bedrock AgentCore | Amazon Web Services

Users need visibility into AI agents' actions to maintain trust and control over their interactions.
#tailwind-css
Web development
fromInfoQ
3 days ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
Web development
fromInfoQ
3 days ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
Marketing
from3blmedia
2 weeks ago

What We Learned From Talking to Hundreds of Web Designers a

Freelancers and agencies seek market-wide data to inform their business decisions and strategies.
#react
React
fromDEV Community
4 days ago

Stop Duplicating API State: A Zustand Registry That Auto-Updates Every Component

Entity-driven state normalization centralizes data management in React apps, ensuring components stay in sync with minimal duplication and efficient updates.
React
fromDEV Community
4 days ago

Stop Duplicating API State: A Zustand Registry That Auto-Updates Every Component

Entity-driven state normalization centralizes data management in React apps, ensuring components stay in sync with minimal duplication and efficient updates.
Web development
fromComputerworld
1 day ago

Chrome, Vivaldi, and the challenge of changing browsers

Switching from Chrome to Vivaldi can enhance productivity and optimize digital environments for users seeking better browser experiences.
UX design
fromMedium
4 days ago

Beyond the user: why design needs to widen its circle

Human-centered design must evolve to consider ecological impacts alongside user comfort and needs.
fromKitmul
5 days ago

How to Publish Markdown to Medium Without Losing Formatting - Kitmul

When you paste your perfectly formatted article and what happens? The headers show literal ## symbols. Bold text keeps the asterisks. Code blocks lose all formatting. Tables? They just break completely.
Typography
UX design
fromMedium
5 days ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
#chrome
fromdaverupert.com
3 days ago
Web development

Inverted themes with light-dark()

Adaptive light-dark() support enhances design systems by allowing seamless theme switching without significant performance trade-offs.
fromInfoWorld
3 weeks ago

We mistook event handling for architecture

Events are essential inputs to modern front-end systems. But when we mistake reactions for architecture, complexity quietly multiplies. Over time, many front-end architectures have come to resemble chains of reactions rather than models of structure. The result is systems that are expressive, but increasingly difficult to reason about.
React
UX design
fromAdamsilver.io
1 month ago

Why designing in code makes you a better designer

The web has inherent properties like fluidity and vertical stacking; designing with these properties rather than against them creates better, more functional digital experiences.
fromInfoWorld
1 month ago

The right way to architect modern web applications

Modern web applications are no longer just "sites." They are long-lived, highly interactive systems that span multiple runtimes, global content delivery networks, edge caches, background workers, and increasingly complex data pipelines. They are expected to load instantly, remain responsive under poor network conditions, and degrade gracefully when something goes wrong.
Web frameworks
React
fromSubstack
4 weeks ago

5 React Hooks Techniques to Improve Component Performance

Hooks enable cleaner React components, but poor implementation causes performance issues; strategic use of useMemo, custom Hooks, and proper useEffect cleanup prevents unnecessary renders and memory leaks.
React
fromdev.to
1 month ago

React Compiler and Beyond: Capability Boundaries of Compiler-Driven UI Frameworks

React Compiler optimizes expression and render costs within React's runtime, while compiler-first frameworks like Fict move update routing to compile time for dependency propagation, representing different engineering trade-offs rather than competing solutions.
fromLogRocket Blog
2 months ago

A developer's guide to designing AI-ready frontend architecture - LogRocket Blog

Frontends are no longer written only for humans. AI tools now actively work inside our codebases. They generate components, suggest refactors, and extend functionality through agents embedded in IDEs like Cursor and Antigravity. These tools aren't just assistants. They participate in development, and they amplify whatever your architecture already gets right or wrong. When boundaries are unclear, AI introduces inconsistencies that compound over time, turning small flaws into brittle systems with real maintenance costs.
Artificial intelligence
Web development
fromCSS-Tricks
3 weeks ago

4 Reasons That Make Tailwind Great for Building Layouts | CSS-Tricks

Tailwind CSS utilities make layouts more readable and mentally visualizable than traditional CSS by keeping HTML structure apparent in the code.
fromVerou
3 months ago

Web dependencies are broken. Can we fix them? * Lea Verou

Dear JS ecosystem, I love you, but you have a dependency management problem when it comes to the Web, and the time has come for an intervention. No, this is not another rant about npm's security issues. Abstraction is the cornerstone of modern software engineering. Reusing logic and building higher-level solutions from lower-level building blocks is what makes all the technological wonders around us possible. Imagine if every time anyone wrote a calculator they also had to reinvent floating-point arithmetic and string encoding!
Node JS
Web development
fromwww.jqueryscript.net
3 weeks ago

Weekly Web Design & Development News: Collective #648

A curated weekly roundup of essential web development and design resources includes updated JavaScript/CSS libraries, AI tools, design assets, and emerging web technologies for 2026 projects.
fromTreehouse Blog
1 month ago

React Basics: Build Interactive UI the Right Way

When applications grow, state becomes messy, components break, and small changes ripple into unexpected bugs. This is where many learners realize that knowing React syntax is not the same as knowing how React applications are built.
React
Web frameworks
fromRaymondcamden
1 month ago

Three Plug-N-Play CSS Libraries

Lightweight CSS libraries provide simple, attractive styling with minimal markup changes, ideal for demos, POCs, and quick clean interfaces.
Software development
fromInfoQ
1 month ago

The Ideal Micro-Frontends Platform

Micro-frontends apply microservice principles to the frontend, enabling autonomous teams but requiring solutions beyond runtime component loading due to added complexity.
Web development
fromFlorianschulz
1 month ago

Design Engineering 101: Typeahead

Typeahead features suggest text completions as users type, with two variants: dimmed text and highlighted text with additional styling, requiring custom implementation beyond standard HTML elements.
fromMedium
1 year ago

Modern Web Architectures: Composability with Harmony

Over the past decade, software development has undergone a massive transformation due to continuous innovations in tools, processors and novel architectures. In the past, most applications were monoliths and then shifted to microservices, and now we find ourselves embracing composability - a paradigm that prioritizes modular, reusable, and flexible software design. Instead of writing separate, tightly coupled applications, developers now compose software using reusable business capabilities that can be plugged into multiple projects. This enables greater scalability, maintainability, and collaboration across teams and organizations. At the heart of this movement is Bit Harmony, a framework designed to make composability a first-class citizen in modern web development.
Software development
React
fromTheregister
1 month ago

Meta frees React to live in its own foundation

Meta transferred React, React Native, and JSX to the independent React Foundation hosted by the Linux Foundation, with founding members including Amazon, Microsoft, Vercel, and others.
fromCSS-Tricks
1 month ago

Potentially Coming to a Browser :near() You | CSS-Tricks

By how much? Well, that would depend on the value of the <length> argument provided. Thomas Walichiewicz, who proposed :near(), suggests that it works like this: button:near(3rem) { /* Pointer is within 3rem of the button */ } For those wondering, yes, we can use the Pythagorean theorem to measure the straight-line distance between two elements using JavaScript ("Euclidean distance" is the mathematical term), so I imagine that's what would be used behind the scenes here.
UX design
Web development
fromFrontendmasters
1 month ago

The Big Gotcha of Anchor Positioning

Anchor Positioning in CSS has significant limitations preventing elements from being positioned relative to others regardless of DOM placement, requiring careful consideration of element ordering and positioning values.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
#scalajs
React
fromLogRocket Blog
2 months ago

Comparing the best React animation libraries for 2026 - LogRocket Blog

Choose animation libraries balancing developer experience, features, performance, and bundle size; consider CSS-first approaches for smaller bundles and production alternatives.
Web development
fromLogRocket Blog
2 months ago

CSS in 2026: The new features reshaping frontend development - LogRocket Blog

Modern CSS can replace JavaScript for many interactive features, enabling complex animations, customizable controls, and scroll interaction through new native CSS features.
fromLogRocket Blog
2 months ago

How to build agentic frontend applications with CopilotKit - LogRocket Blog

The web is full of AI assistants that appear to understand application UIs, user data, and intent. In practice, however, most of these systems operate outside the application itself. When you try to build one from scratch, you quickly run into a core limitation: large language models have no native understanding of your React state, component hierarchy, or business logic.
Web development
Web development
fromLogRocket Blog
2 months ago

Shadcn UI adoption guide: Overview, examples, and alternatives - LogRocket Blog

Shadcn UI provides copy-pastable component source built on Tailwind CSS with Radix/Base UI primitives, supporting major frameworks and prioritizing developer flexibility over prepackaged components.
Web development
fromInfoQ
2 months ago

HTML Invoker Commands Achieve Baseline Support Across All Major Browsers

HTML Invoker Commands API enables declarative button controls (commandfor and command) for popovers and dialogs, reducing reliance on JavaScript and improving initial interactivity.
[ Load more ]