#form-control

[ follow ]
#view-transitions
Web development
fromCSS-Tricks
15 hours 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
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.
Web development
fromCSS-Tricks
15 hours 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
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.
Angular
fromMedium
1 day ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
#claude-code
Graphic design
fromMedium
8 hours ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
UX design
fromMedium
5 days ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
Graphic design
fromMedium
8 hours ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
UX design
fromMedium
5 days ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
UX design
fromMedium
1 day ago

Most products don't need tone of voice - they need a point

Focus on practical content that aids user tasks rather than on tone or personality.
#ai
Artificial intelligence
fromMedium
3 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
UX design
fromMedium
1 day ago

The trust-latency gap: why the future of UX is intentionally slower

AI chat assistants use word-by-word responses to build anticipation and enhance user trust.
Artificial intelligence
fromMedium
3 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
Startup companies
fromTechCrunch
4 days ago

Sierra's Bret Taylor says the era of clicking buttons is over | TechCrunch

The future of software interaction will shift from traditional interfaces to natural language prompts, enabling users to create agents autonomously.
UX design
fromMedium
1 day ago

The trust-latency gap: why the future of UX is intentionally slower

AI chat assistants use word-by-word responses to build anticipation and enhance user trust.
#css
Web development
fromCSS-Tricks
6 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 development
fromCsswizardry
1 week ago

What Is CSS Containment and How Can I Use It? - CSS Wizardry

CSS containment optimizes browser performance by defining boundaries for DOM elements, allowing the browser to skip unnecessary work during changes.
JavaScript
fromRubyflow
5 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.
jQuery
fromCSS-Tricks
4 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.
Web development
fromCSS-Tricks
6 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 development
fromCsswizardry
1 week ago

What Is CSS Containment and How Can I Use It? - CSS Wizardry

CSS containment optimizes browser performance by defining boundaries for DOM elements, allowing the browser to skip unnecessary work during changes.
Typography
fromCsswizardry
3 days 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.
Marketing tech
fromDigiday
4 days 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.
Online learning
fromeLearning Industry
4 days ago

What Is Real Interactivity In eLearning? (And Why Clicks Don't Count)

Real interactivity in learning requires decision-making and consequences, not just reactive actions like clicking or revealing content.
#web-development
React
fromMDN Web Docs
6 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.
Canada news
fromTheregister
5 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.
fromFast Company
5 days ago

'We make people feel something as a result of our work:' Figma's chief design officer on how to build impactful technology

"If we are successful, we make people feel something as a result of our work," says Crisan, emphasizing the emotional impact of design.
Music production
UX design
fromMedium
2 days ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
#design
Web design
fromLukew
4 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
6 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
4 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
6 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.
Angular
fromGitHub
5 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.
Deliverability
fromCSS-Tricks
2 weeks ago

Form Automation Tips for Happier User and Clients | CSS-Tricks

A functional contact form is just the beginning; effective data handling is crucial for business workflows.
#javascript
Vue
fromwww.jqueryscript.net
2 weeks 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.
Vue
fromwww.jqueryscript.net
2 weeks 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.
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.
#ux-design
UX design
fromMedium
2 weeks ago

The mirage of UX Design's demise keeps coming back

The claim that 'UX Design is dead' reflects deeper anxieties about existence and professional relevance.
Typography
fromMass-driver
2 weeks ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
fromInfoWorld
4 days ago
UX design

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
fromMedium
3 weeks 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
Web development
fromInfoQ
6 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.
DevOps
fromMedium
3 weeks 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.
fromdaverupert.com
6 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.
UX design
fromMedium
6 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.
UX design
fromMedium
1 week ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
Web design
fromPiccalilli
1 month ago

Building dynamic toggletips using anchored container queries

Chrome 143 introduces anchored container queries, enabling dynamic styling based on active fallback positions in anchor positioning layouts.
UX design
fromMedium
6 days ago

Careful, liable UX is a thing now

Design decisions that manipulate users are being recognized as deceptive practices with significant real-life consequences.
#design-systems
UX design
fromDesign Systems Report 2026
1 week ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
UX design
fromDesign Systems Report 2026
1 week ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
UX design
fromCSS-Tricks
2 weeks ago

Generative UI Notes | CSS-Tricks

Generative UI Design uses AI to create personalized user interfaces tailored to individual needs in real-time.
Web development
fromSmashing Magazine
3 weeks 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
2 weeks 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.
Philosophy
fromMedium
3 months ago

Complex

Complex domains are often guarded as exclusive, but clear simple explanations allow non-experts to understand and contribute across diverse technical fields.
Mobile UX
fromMedium
1 month ago

UI Design Validation with Nano Banana Pro

Early and frequent UI stress testing identifies usability issues before development using image-based tools like Nano Banana Pro and automated prompts.
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.
React
fromInfoQ
2 months ago

MUI Releases Base UI 1 with 35 Accessible Components

Base UI 1.0 provides a production-ready, unstyled React component library with 35 accessible components, improved APIs, and committed long-term maintenance.
Graphic design
fromMedium
1 month ago

On craft and connivence

Relying on reused, trendy design assets can deliver quick results but leaves work vulnerable when clients demand original, high-stakes creativity.
UX design
fromSmashing Magazine
3 weeks 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
fromCSS-Tricks
1 month ago

Abusing Customizable Selects | CSS-Tricks

Web browsers' new customizable select feature enables developers to create visually unique and interactive dropdown menus with CSS and HTML, expanding creative possibilities beyond standard form elements.
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
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.
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.
fromjQuery Script
2 months ago

Customizable File Input Button With jQuery - fileinput.js

The jQuery fileinput.js plugin replaces the regular file input field with a customizable Browse button which enables the user to browse and select file(s) from local. To clear the file input, just click the 'Clear' button displayed at the end of the selected file(s). Easy to integrate with Bootstrap framework and you can also create your own styles in the CSS. How to use it:
Web design
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.
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
fromSitePoint Forums | Web Development & Design Community
2 months ago

Custom CSS code

Can you formulate the css code to apply the glassmorphism (GM) effect b/g to the tasks below: Glassmorphism code snippet background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); 1.1 Apply the GM effect to the Share B/G, Gallery B/G & Vid B/G icons during onmouseout. 1.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Web development
UX design
fromSmashing Magazine
2 months ago

Combobox vs. Multiselect vs. Listbox: How To Choose The Right One - Smashing Magazine

Choose list UI patterns based on option count and required visibility: combobox, multiselect, listbox, dropdown, or dual listbox for bulk transfers.
UX design
fromSmashing Magazine
2 months ago

Combobox vs. Multiselect vs. Listbox: How To Choose The Right One - Smashing Magazine

Use combobox for single searchable selection; multiselect for multiple searchable selections; listbox to show all options by default; dual listbox to transfer items between lists.
fromCSS-Tricks
1 month ago

Making a Responsive Pyramidal Grid With Modern CSS | CSS-Tricks

Support is limited to Chrome only because this technique uses recently released features, including corner-shape, sibling-index(), and unit division. In this article, we will explore another type of grid: a pyramidal one. We are still working with hexagon shapes, but a different organization of the elements. A demo worth a thousand words: For better visualization, open the full-page view of the demo to see the pyramidal structure. On screen resize, you get a responsive behavior where the bottom part starts to behave similarly to the grid we created in the previous article!
Web development
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.
#web-accessibility
UX design
fromUX Magazine
1 month ago

Your Design System Works in Figma. Does It Work in Code?

Align Figma structure, component composition, naming, documentation, and workflows with code to reduce handoff friction and make designs buildable.
fromMedium
2 months ago

Clarity or Conformity? Rethinking the Rules of Content Design

In Andor, I got chills when Mon Mothma warns the senate of a chilling truth: When we let noise, conformity, or fear dominate, we lose sight of what matters. We risk allowing the loudest voices, often the safest, the most predictable, to drown out individuality, identity, and truth. To me, this line... This line echoes a growing tension I feel in content design.
UX design
#ai-generated-ui
[ Load more ]