#ui-performance

[ follow ]
#ux-design
UX design
fromMedium
9 hours ago

10 UI patterns that won't survive the AI shift

AI is replacing traditional UX patterns that assume human involvement in tasks.
fromSmashing Magazine
1 month ago
UX design

Modal vs. Separate Page: UX Decision Tree - Smashing Magazine

Choosing between modals and pages affects user flow, context, error frequency, and task completion.
UX design
fromMedium
9 hours ago

10 UI patterns that won't survive the AI shift

AI is replacing traditional UX patterns that assume human involvement in tasks.
Software development
fromZDNET
1 day ago

User interfaces as we know them are dead - 4 ways to prep for 'disposable' UIs

The classic user interface is being replaced by headless systems that deliver disposable, on-demand interfaces driven by AI.
#css
jQuery
fromCSS-Tricks
3 weeks ago

justify-self | CSS-Tricks

The justify-self property aligns individual grid items, overriding the parent container's justify-items value.
Web development
fromCSS-Tricks
2 days ago

Let's Use the Nonexistent ::nth-letter Selector Now | CSS-Tricks

CSS lacks features like ::nth-letter, which would simplify styling and enhance design capabilities.
JavaScript
fromRubyflow
2 weeks 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
fromMedium
1 week ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
jQuery
fromCSS-Tricks
3 weeks ago

justify-self | CSS-Tricks

The justify-self property aligns individual grid items, overriding the parent container's justify-items value.
Web development
fromCSS-Tricks
2 days ago

Let's Use the Nonexistent ::nth-letter Selector Now | CSS-Tricks

CSS lacks features like ::nth-letter, which would simplify styling and enhance design capabilities.
JavaScript
fromRubyflow
2 weeks 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
fromMedium
1 week ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
#web-development
fromInfoWorld
1 day ago
Web frameworks

The front-end architecture trilemma: Reactivity vs. hypermedia vs. local-first apps

Web frameworks
fromInfoWorld
1 day ago

The front-end architecture trilemma: Reactivity vs. hypermedia vs. local-first apps

Web developers are choosing architectural paradigms for data management, moving beyond traditional library choices.
fromThisweekinreact
20 hours ago

This Week In React #279: Compiler, TSRX, StyleX, XState, Hook Form, TanStack, shadcn, Chakra, Inertia, Mantine | SPM, SimCam, Enriched Markdown, Agent Device, Navigation SDK, JSI, Paste Input, Crypto, MLX, Jail Monkey | pnpm, Aube, Fresh, Node.js | This Week In React

The WIP React Compiler in Rust is being tested at Meta, marking a significant step in the evolution of React's development tools and capabilities.
React
fromInfoQ
20 hours ago

VoidZero's Experimental Oxc Angular Compiler with Up to 20x Faster Build Performance

The Oxc Angular Compiler, built on VoidZero's Oxc infrastructure, ships as a first-class Vite plugin with full Hot Module Replacement (HMR) support, showcasing significant performance gains.
Angular
fromPCWorld
5 hours ago

My five-screen laptop setup felt like peak productivity...until I actually used it

For one brief moment, I had five displays glowing around my laptop. For another brief moment, I thought this was a good idea. But as it turns out, there are limits to peak productivity.
Gadgets
fromInfoWorld
10 hours ago

A new challenge for software product managers

The temptation is to add as many features as possible, leading to 'featuritis' or feature creep that threatens to bloat and overcomplicate a product.
Web design
Graphic design
fromMedium
1 day ago

Staff designers aren't about shipping the best work. That's the point.

The transition to Staff or Principal Designer involves unclear expectations and requires preparation for leadership roles in design.
fromTechCrunch
1 day ago

Lovable launches its vibe coding app on iOS and Android | TechCrunch

Lovable's new mobile app is designed for would-be app builders, allowing them to code on the go through voice or text AI prompts, capturing ideas as they arise.
Apple
Node JS
fromInfoQ
1 day ago

npmx Reaches Alpha: Community Driven Alternative Browser for the npm Registry

npmx is an open-source package browser for npm that offers a faster, feature-rich experience compared to npmjs.com.
Marketing tech
fromAdExchanger
1 day ago

AdMarketplace Is Piloting Performance Ads In AI Chat | AdExchanger

AI chat is evolving into a media channel, prompting the need for effective ad monetization strategies without compromising user experience.
Typography
fromFuturism
3 days ago

New Browser Plugin Adds Typos to Your AI-Generated Emails to Make Them Look Real

Large language model tools have led to the creation of a plugin that intentionally adds typos to emails to mimic human writing.
UX design
fromMedium
8 hours ago

Claude Code Best Practices

Claude Code functions best with clear, well-defined tasks, similar to a junior-to-mid engineer.
Vue
fromRaymondcamden
1 week ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
fromRubyflow
19 hours ago

What took 1.5 months to build in React JS took 1.5 days in Glimmer DSL for Web Ruby

I thought I did what would have taken 1 week in React in 1.5 days in Glimmer, which seemed like a great improvement in productivity at the time.
Marketing tech
fromBootstrap Creative
1 day ago

GEO and AEO for Manufacturers: How to Win AI Search - Bootstrap Creative

GEO and AEO are essential for AI tools to recommend manufacturing businesses to buyers, ensuring visibility and lead generation.
Gadgets
fromThe Verge
1 day ago

Microsoft Office can now be controlled with Logitech's MX Creative Console

Logitech's new Productivity Plugins enhance MX accessories with shortcuts for Microsoft Office and other productivity apps.
Apple
fromZDNET
2 days ago

6 MacOS settings I immediately change on every new Mac - and why

MacOS efficiency can be enhanced through simple configurations and customizations.
#responsive-design
Typography
fromPiccalilli
6 days ago

The end of responsive images

Responsive image markup significantly enhances web performance and user experience, stemming from years of collaborative development efforts.
Digital life
fromTechCrunch
4 days ago

Apps to distract you from the endless cycle of doomscrolling | TechCrunch

Doomscrolling negatively impacts mental health and attention span, but there are alternative apps for engaging and productive content.
#design-systems
UX design
fromMedium
1 day ago

AI and Design System

Design systems should not be created from scratch using AI tools due to their limitations in producing production-ready solutions.
UX design
fromMedium
1 day ago

AI and Design System

Design systems should not be created from scratch using AI tools due to their limitations in producing production-ready solutions.
React
fromwww.jqueryscript.net
2 days ago

Weekly Web Design & Development News: Collective #654

New AI tools and web development resources are highlighted, including GPT-5.5 and various JavaScript and CSS libraries.
#accessibility
fromGitHub
1 day ago
Software development

GitHub - fecarrico/A11Y.md: A context system for building accessible software by default - for developers and AI, with enforceable rules aligned to WCAG.

UX design
fromA List Apart
6 days ago

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.
Software development
fromGitHub
1 day ago

GitHub - fecarrico/A11Y.md: A context system for building accessible software by default - for developers and AI, with enforceable rules aligned to WCAG.

A11Y.md is an accessibility validation protocol ensuring compliance with WCAG 2.2 AA and ADA standards in software development.
UX design
fromA List Apart
6 days ago

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.
#ai-integration
Artificial intelligence
fromMedium
5 days ago

How to Evaluate AI Tools Without Being a Data Scientist

Many organizations struggle to integrate AI effectively, with only 25% having done so despite plans for increased spending.
Artificial intelligence
fromMedium
5 days ago

How to Evaluate AI Tools Without Being a Data Scientist

Many organizations struggle to integrate AI effectively, with only 25% having done so despite plans for increased spending.
#ai
UX design
fromFast Company
10 hours ago

Apple's HyperCard comes back to life in the form of this cool new animated browser

Flipbook revolutionizes AI interaction by transforming text prompts into visually engaging, interactive illustrations for deeper exploration of topics.
UX design
fromMedium
22 hours ago

The most dangerous pronoun in design

Machines are now integral to human experience, offering companionship and support while raising questions about emotional authenticity and design responsibility.
UX design
fromMedium
6 days ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
UX design
fromFast Company
10 hours ago

Apple's HyperCard comes back to life in the form of this cool new animated browser

Flipbook revolutionizes AI interaction by transforming text prompts into visually engaging, interactive illustrations for deeper exploration of topics.
UX design
fromMedium
22 hours ago

The most dangerous pronoun in design

Machines are now integral to human experience, offering companionship and support while raising questions about emotional authenticity and design responsibility.
UX design
fromMedium
6 days ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
fromJoshwcomeau
1 day ago

Scroll-Driven Animations * Josh W. Comeau

The Animation Timeline API makes it possible to create scroll-driven animations in native CSS, which historically required JavaScript. This new API is built on existing CSS primitives, making it elegant and natural to use.
React
Growth hacking
fromEntrepreneur
3 weeks ago

How to Understand Your Website Through Your User's Eyes

User journey maps enhance understanding of user goals, questions, and needed information, improving website navigation and user experience.
#design
UX design
fromMedium
1 week ago

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.
UX design
fromMedium
3 weeks 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.
UX design
fromMedium
1 week ago

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.
UX design
fromMedium
3 weeks 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 development
fromInfoWorld
2 days ago

The best JavaScript certifications for getting hired

JavaScript remains the most in-demand programming language, essential for web development and full-stack applications.
#view-transitions
Web frameworks
fromBram.us
3 weeks 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.
Web development
fromCSS-Tricks
2 weeks ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Web frameworks
fromBram.us
3 weeks 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.
Web development
fromCSS-Tricks
2 weeks ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Angular
fromGitHub
2 weeks 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.
React
fromInfoQ
6 days ago

React Navigation 8.0 Alpha with Native Bottom Tabs, Reworked TypeScript Inference and History

React Navigation 8.0 introduces native bottom tabs, improved TypeScript inference, and new developer features while minimizing breaking changes.
UX design
fromMedium
2 days ago

A fantastic voyage, the illusion of good taste, the art of subtraction

Designers are encouraged to redefine product design's influence and vision in 2026 and beyond.
UX design
fromMedium
2 days ago

The right touch: mapping AI presence to user intent

Understanding user intent is crucial, but knowing how and when to respond is equally important in AI-driven product design.
UX design
fromMedium
2 days ago

Agentic Product Design

AI agents streamline design tasks from research to testing, enhancing efficiency in product design.
Marketing
from3blmedia
1 month 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.
UX design
fromMedium
3 days ago

Vibe Coding Myths Debunked

Vibe coding enables anyone to create products using AI, but quality depends on design skills and critical thinking.
UX design
fromMedium
4 days ago

The rulebook for designing AI experiences

Responsible AI design varies widely, but frameworks from Microsoft, Google, and IBM provide practical guidance for Human-AI Interaction.
fromMedium
1 month ago

You can't design what you won't maintain

Santa Cruz de Tenerife is one of the most idyllic cities in the Canary Islands. At its heart stands the jewel - the Auditorio. It's a place where talent from both worlds, New and Old, comes together. A theatre, opera, dance, and music heaven.
Berlin
UX design
fromMedium
5 days ago

Designing with AI without losing your mind

Outsourcing critical thinking to AI tools in design can undermine the quality of solutions and diminish essential skills.
DevOps
fromMedium
1 month ago

System Design - Designing Intelligent UIs as MCP Client

MCP is a standardized interface enabling AI models to dynamically discover and invoke tools, APIs, and capabilities through schema-driven contracts rather than hardcoded integrations.
UX design
fromMedium
1 week ago

Haptics: how to build a consistent cross-platform solution and align code with Figma

Implementing consistent haptics across iOS, Android, and mobile web enhances user experience through tactile feedback.
Cooking
fromMedium
2 months ago

Escaping the ennui in UI

AI-driven 'vibedesign' favors shallow aesthetics over craft, urging a return from prompt 'shimmer' to practiced 'friction' and genuine mastery.
Artificial intelligence
fromInfoWorld
2 months ago

The 200ms latency: A developer's guide to real-time personalization

Meeting sub-200ms latency is essential for user engagement; architectures must decouple retrieval and heavy inference to serve personalized results at scale.
Web development
fromSmashing Magazine
1 month ago

Dropdowns Inside Scrollable Containers: Why They Break And How To Fix Them Properly - Smashing Magazine

Dropdowns can get clipped inside scrollable panels due to overflow, stacking contexts, and containing blocks.
UX design
fromMedium
1 month ago

The three thirds

Many mid-career designers feel disillusioned as they reach a ceiling in their careers, realizing the promised growth and impact is limited.
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.
UX design
fromSmashing Magazine
1 month ago

Modal vs. Separate Page: UX Decision Tree - Smashing Magazine

Choose modals for high-consequence actions requiring user interaction, and pages for exploratory tasks; most overlays interrupt unnecessarily, making non-modal alternatives preferable by default.
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.
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.
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.
UX design
fromSubstack
2 months ago

How Agentation Cut Claude Code UI Iterations in Half

Agentation creates a reliable mapping between visible browser UI elements and their React code, enabling precise, faster AI-assisted UI edits and reducing iteration time.
UX design
fromMedium
2 months ago

How to make any text scannable

Most users scan digital pages for specific answers rather than reading every word, so content must surface key information quickly.
fromblog.logrocket.com
2 months ago

Which UI libraries/frameworks support the Linear aesthetic? - LogRocket Blog

Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.
UX design
UX design
fromMedium
2 months ago

The new UX Toolkit: data, context, and evals

AI product experiences are generated probabilistically in real time, requiring UX to design model behavior and system constraints rather than only interfaces.
[ Load more ]