Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
UI/IX Design

14 Articles
{
,

}
Image
Direct link to the article Sketch: A guided tour of Copenhagen
design tools UI/IX Design

Sketch: A guided tour of Copenhagen

Sketch probably didn't "have" to redesign its UI to line up with macOS Tahoe, but a big part of its appeal is the fact that it feels like it totally belongs to the Mac.
Image
Geoff Graham on Nov 21, 2025
Image
Direct link to the article Getting Creative With Small Screens
rwd UI/IX Design

Getting Creative With Small Screens

On mobile, people can lose their sense of context and can’t easily tell where a section begins or ends. Good small-screen design can help orient them using a variety of techniques.
Image
Andy Clarke on Oct 29, 2025
Image
Direct link to the article Getting Creative With shape-outside
css shapes images UI/IX Design

Getting Creative With shape-outside

There are so many creative opportunities for using shape-outside that I’m surprised I see it used so rarely. So, how can you use it to add personality to a design? Here’s how I do it.
Image
Andy Clarke on Oct 6, 2025
Image
Direct link to the article On inclusive personas and inclusive user research
accessibility UI/IX Design

On inclusive personas and inclusive user research

A set of notes taken from Eric Bailey's article about the use of inclusive personas and user research.
Image
Geoff Graham on Sep 19, 2025
Image
Direct link to the article A Radio Button Shopping Cart Trick
animation forms UI/IX Design

A Radio Button Shopping Cart Trick

Here's an approach for animating products added to a shopping cart that handles an infinite number of items using a variation of the ol' Checkbox Hack.
Image
Preethi on Aug 27, 2025
Image
Direct link to the article Getting Creative With Images in Long-Form Content
images UI/IX Design

Getting Creative With Images in Long-Form Content

Images in long-form content can (and often should) do more than illustrate. They help set the pace, influence how readers feel, and add character that words alone can’t always convey.
Image
Andy Clarke on Aug 25, 2025
Image
Direct link to the article Thinking Deeply About Theming and Color Naming
color UI/IX Design

Thinking Deeply About Theming and Color Naming

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.
Image
Zell Liew on Aug 4, 2025
Image
Direct link to the article Getting Clarity on Apple’s Liquid Glass
apple design systems Graphic Design UI/IX Design

Getting Clarity on Apple’s Liquid Glass

Gathered notes on Liquid Glass, Apple’s new design language that was introduced at WWDC 2025. These links are a choice selection of posts and resources that I've found helpful for understanding the context of Liquid Glass, as well as techniques for recreating it in code.
Image
Geoff Graham on Jul 17, 2025
Image
Direct link to the article Next Level CSS Styling for Cursors
inspiration UI/IX Design

Next Level CSS Styling for Cursors

Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can transition between cursor states, place dynamic text within the cursor, apply complex animations, and apply filters.
Image
Declan Chidlow on Apr 14, 2025
  • 1
  • 2
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement