#controller-colors

[ follow ]
#claude-code
Web design
fromMedium
1 month ago

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.
Web design
fromMedium
1 month ago

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.
#color-perception
Games
fromMail Online
2 days ago

How good is YOUR colour perception? Take the shade-matching test

The 'Hue Shift' test challenges color perception by requiring players to match colors within a strict time limit.
Games
fromMail Online
2 weeks ago

How good is YOUR colour perception? Take deceptively difficult test

The 'What's My JND?' test challenges players to identify the smallest color difference between two shades.
Science
fromwww.scientificamerican.com
2 weeks ago

What color is this dot? New illusion demonstrates weird vision quirk

Color perception can change based on focus, as demonstrated by an illusion with purple dots appearing more purple when directly looked at.
Games
fromMail Online
2 days ago

How good is YOUR colour perception? Take the shade-matching test

The 'Hue Shift' test challenges color perception by requiring players to match colors within a strict time limit.
Games
fromMail Online
2 weeks ago

How good is YOUR colour perception? Take deceptively difficult test

The 'What's My JND?' test challenges players to identify the smallest color difference between two shades.
Science
fromwww.scientificamerican.com
2 weeks ago

What color is this dot? New illusion demonstrates weird vision quirk

Color perception can change based on focus, as demonstrated by an illusion with purple dots appearing more purple when directly looked at.
fromRemodelista
1 day ago

Current Obsessions: Bright Palette - Remodelista

Pamela Anderson's new wicker furniture collection, 'The Sentimentalist,' for Olive Ateliers is a reflection of her love for gardening and outdoor living, showcasing her design sensibilities.
Renovation
Artificial intelligence
fromMedium
2 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.
#css
JavaScript
fromRubyflow
4 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

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
fromCSS-Tricks
1 week ago

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating complex CSS shapes with randomness and curves is challenging but achievable using modern features and generators.
JavaScript
fromRubyflow
4 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

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
fromCSS-Tricks
1 week ago

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating complex CSS shapes with randomness and curves is challenging but achievable using modern features and generators.
#interior-design
Design
fromDesign Milk
4 days ago

An Argument for Interior Design with Neuroaesthetics in Mind

Interior design should prioritize functional aesthetics to enhance mental health, creativity, and interpersonal connections through a new field called Neuroarchitecture.
Remodel
fromApartment Therapy
3 days ago

Your Living Room Might Feel "Off" - These 5 Things Could Be Why

Proper window treatments and lighting are essential for enhancing the vibe of a living room.
Remodel
fromApartment Therapy
3 days ago

This Once-Plain Kid's Bedroom Got a Bold Color-Drenched Makeover

A carefully selected paint color can transform a child's bedroom into a vibrant and engaging space that reflects their personality.
Design
fromDesign Milk
4 days ago

An Argument for Interior Design with Neuroaesthetics in Mind

Interior design should prioritize functional aesthetics to enhance mental health, creativity, and interpersonal connections through a new field called Neuroarchitecture.
Remodel
fromApartment Therapy
3 days ago

Your Living Room Might Feel "Off" - These 5 Things Could Be Why

Proper window treatments and lighting are essential for enhancing the vibe of a living room.
UX design
fromMedium
19 hours 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.
#svg-favicons
Web development
fromCSS-Tricks
1 week ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
Web development
fromCSS-Tricks
1 week ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
Renovation
fromwww.remodelista.com
4 days ago

Paint Colors With Cult Followings: Architects' Favorite Paint Picks

Architects and designers frequently choose specific colors for their versatility and universal appeal in various home styles.
Typography
fromCsswizardry
2 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.
#design
UX design
fromMedium
5 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
3 days ago

LukeW | Should Designers

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

"Agreeable Gray": How color vanished from modern life (and why it's coming back)

The most popular house paint colors in the U.S. are predominantly gray, beige, or off-white, reflecting a trend known as 'the grayening.'
fromMedium
1 week ago

DeepSeek and Grok Cloud Dancing Data Color Schemes

Pantone's 2026 Color of the Year is PANTONE 11-4201 Cloud Dancer, 'a billowy white imbued with serenity', which can complicate color palette creation.
Data science
UX design
fromMedium
1 day ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
fromMail Online
1 week ago

What colour are the dots in this optical illusion?

'In this paper a novel optical illusion is described in which purple structures (dots) are perceived as purple at the point of fixation, while the surrounding structures (dots) of the same purple colour are perceived toward a blue hue.'
Science
fromdaverupert.com
5 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
fromWE AND THE COLOR
1 day ago

Can AI Search Read Your Design? The New Invisible SEO

AI search engines cannot interpret visual design, making brands with only aesthetic appeal effectively invisible online.
fromYanko Design - Modern Industrial Design News
6 days ago

Your Phone Has 12 Calendar Apps. None of Them Look Like This - Yanko Design

The 1970s were a sweet spot in product design, especially in France, where makers were beginning to marry natural materials like wood with the new optimism of plastic.
Design
Web development
fromInfoQ
5 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.
Typography
fromMass-driver
1 week ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
#product-design
Graphic design
fromMedium
2 weeks ago

For Craft Sake: On the laws and principles behind good design

Craft is experiencing a resurgence in product design, emphasizing fundamental skills amidst the rise of generative AI and industry confusion.
UX design
fromFast Company
6 days ago

Design has been solving the wrong problem

Design should prioritize real-life usability over aesthetic appeal to enhance long-term satisfaction with products.
Graphic design
fromMedium
2 weeks ago

For Craft Sake: On the laws and principles behind good design

Craft is experiencing a resurgence in product design, emphasizing fundamental skills amidst the rise of generative AI and industry confusion.
UX design
fromFast Company
6 days ago

Design has been solving the wrong problem

Design should prioritize real-life usability over aesthetic appeal to enhance long-term satisfaction with products.
UX design
fromMedium
5 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
6 days ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
Web design
fromZDNET
3 weeks ago

Why your biggest tech upgrade this year is a splash of color

Tech companies increasingly release hardware in vibrant colors like pink, reflecting consumer demand for personalized, colorful technology that serves as personal extensions rather than neutral devices.
Design
fromdesignboom | architecture & design magazine
3 weeks ago

a rich palette of saturated hues meet industrial precision in mara's renewed digital identity

Mara enters 2026 as a global interior design protagonist, expanding from office and hospitality into residential markets while strengthening its digital identity and sustainability commitment.
UX design
fromMedium
6 days ago

The UX ground is shaking, synthetic users, building perspective

A clear design perspective is crucial; it defines what to exclude, ensuring focus on what truly matters.
#design-systems
Typography
fromAlicepackarddesign
3 weeks ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
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.
Typography
fromAlicepackarddesign
3 weeks ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
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.
#design-principles
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
#css-corner-shape-property
Graphic design
fromMedium
1 month ago

Design is not just how it works. Design is how it wins.

AI commodifies work, shifting design's mandate from functional excellence to competitive winning as the primary objective.
Web development
fromUna
1 month ago

una.im | contrast-color() beyond black & white

contrast-color() returns black or white for maximum contrast, but workarounds using color-mix() and style queries enable custom color palette selection while maintaining accessibility.
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 design
fromMedium
1 month ago

The color statistic that's been wrong for 80 years

The commonly cited claim that humans can see between 1 million and 10 million colors lacks scientific precision and requires examination of what actually constitutes a distinguishable color.
fromSubstack
1 month ago

20 Design Reference Platforms Beyond Dribbble

Static images don't show motion. You can't inspect real product structure. You don't see how interfaces evolve over time. You rarely understand what actually works in production. So I decided to go deep. I reviewed every major design reference platform I could find - not just the popular ones - and analyzed how they actually help in real-world work. The conclusion?
Mobile UX
Marketing
fromForbes
2 months ago

The ROI Of Color: How Pantone Predicts Global Trends And Shapes Consumer Behavior

Color drives consumer decisions rapidly: within 90 seconds, color alone influences 90% of buying decisions and shapes brand equity, strategy, and psychology.
Cooking
fromMedium
1 month 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.
UX design
fromJakub
3 weeks ago

Details That Make Interfaces Feel Better

Great interfaces result from compounding small design details like text wrapping, concentric offsets, animations, and font rendering that work together seamlessly.
Marketing
fromWE AND THE COLOR
2 months ago

Branding Mistakes in Design: 10 Critical Errors & Strategic Fixes

Strategic brand architecture, not visual aesthetics alone, determines client perception and business outcomes for design professionals.
Web design
fromRaymondcamden
1 month ago

Dyanimically Adjusting Image Text for Contrast

Color Thief library now includes TypeScript definitions and new contrast detection features, including a textColor property that automatically suggests optimal text color for readability over images.
fromSmashing Magazine
1 month ago

Fresh Energy In March (2026 Wallpapers Edition) - Smashing Magazine

Designed by artists and designers from across the globe, each wallpaper comes in a variety of screen resolutions and can be downloaded for free. A huge thank-you to everyone who shared their designs with us - this post wouldn't be possible without your kind support!
Design
Remodel
fromAol
1 month ago

Avoid Painting Your Home Office These Colors At All Costs

Choose matte, mid-tone neutral or muted colors for home offices; avoid vivid, glossy, or neon hues that flare on camera and harm focus.
fromCSS-Tricks
1 month ago

Approximating contrast-color() With Other CSS Features | CSS-Tricks

There have been a few drafts of a specification function for this functionality, most recently, contrast-color() (formerly color-contrast()) in the CSS Color Module Level 5 draft. But with Safari and Firefox being the only browsers that have implemented it so far, the final version of this functionality is likely still a ways off. There has been a lot of functionality added to CSS in the meantime; enough that I wanted to see whether we could implement it in a cross-browser friendly way today. Here's what I have: color: oklch(from <your color> round(1.21 - L) 0 0);
Web development
Web development
fromSmashing Magazine
2 months ago

Smashing Animations Part 8: Theming Animations Using CSS Relative Colour - Smashing Magazine

CSS relative colour values and OKLCH enable simpler, controllable theming and dynamic animation of SVG graphics, including time-based and interaction-based palette changes.
fromdaverupert.com
3 months ago

Using your design system colors with contrast-color()

One predictable pain point with contrast-color() is that it only returns black and white named colors. From a design systems perspective, that's not ideal because you want your colors. You want your harmonious brand and the colors you and your team spent thousands of man hours in meetings deciding on. Those colors. In fact, an earlier version of Safari had color-contrast() (confusing I know, naming is hard) which allowed you to pass in a list of best candidates to choose from. I beleive that proposal got mired in standards discussions, color contrast algorithms, and competing proposals; and contrast-color() is what survived which got simplified down to a binary result.
UX design
fromFreebie Supply
2 months ago

CSS Calendar Ideas - Freebie Supply

User-friendly, well-designed web and app calendars integrated via front-end frameworks and CSS are essential for accurate date selection and strong UX across devices.
fromMedium
2 months ago

UI Design with Nano Banana Pro

Nano Banana Pro (Gemini 3 image model) is particularly strong for UI design because of its 99% text accuracy, its ability to understand spatial layout, and its support for high-resolution 4K output. In this article, I want to share my 5 favorite cases of using this model for UI design tasks. ( Quick note: I won't dive into a critique of the output generated by AI in this article, letting you decide whether you like it or not)
UX design
fromblog.logrocket.com
2 months ago

Linear design vs. minimalism, brutalism, and neumorphism - LogRocket Blog

Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library or rolling your own tokens.
UX design
UX design
fromMedium
2 months ago

Design tokens with confidence

Aligning design tokens with the W3C standard creates a platform-agnostic single source of truth that propagates updates consistently and reduces maintenance and visual regressions.
UX design
fromMedium
2 months ago

UI Style Exploration with Nano Banana Pro

Visual styles shape product feel, affordances, and interface intent; studying historical OS design reveals visual hierarchy, interaction patterns, and emotional tone.
UX design
fromblog.logrocket.com
2 months ago

How do you implement accessible linear design across light and dark modes? - LogRocket Blog

Practical design and UX practices improve product consistency, research clarity, writing quality, and authentication security for SaaS and B2B/B2C products.
UX design
fromMedium
2 months ago

UI Style Exploration with Nano Banana Pro

Visual styles shape product feel, interpret affordances, and communicate interface intent; studying past OS design languages reveals visual hierarchy, interaction patterns, and emotional tone.
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
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
fromSmashing Magazine
2 months ago

Rethinking "Pixel Perfect" Web Design - Smashing Magazine

Pixel-perfect design is misleading and counterproductive; redefine perfection for a multi-device, fluid web built with modern tooling and AI-enhanced workflows.
UX design
fromMedium
3 months ago

Clean up UI design with Figma Make

Figma Make can refine and convert existing Figma designs into cleaner interactive prototypes and code, enabling designers to clean up and improve designs.
[ Load more ]