The five best design links, every weekday

Category: Css

All Categories

stuffandnonsense.co.uk

My CSS selector strategy

Writing great CSS is a matter of strategic restraint, not over-specification.

bit.ly

Make Maps a real UI component in WordPressSponsored

SVG-first, CSS-styleable maps you can ship fast – locators, floorplans, and data-visualization without heavy iframes.

design.dev

Metallic text effect generator

Create metallic text effects with CSS gradients. Choose from gold, silver, chrome, and more with real-time preview.

piccalil.li

View transitions: practical examples to elevate your UI

A powerful way to create animated transitions between two states.

design.dev

Neumorphism generator

Generate box-shadow, border-radius, and background code for neumorphic designs.

matthiasott.com

Compressed fluid typography

Giving up control over how large your typography is on a particular screen.

css-tricks.com

Recreating Google Gemini's animation

Recreating the fancy button using the new CSS shape() function sprinkled with animation to get things pretty close.

sarasoueidan.com

CSS to speech

When and how to use the slash content property syntax in CSS to provide alt text for CSS-generated content, and why it is important.

ishadeed.com

The basics of anchor positioning

Learn the basics of Anchor Positioning in CSS.

oklch.fyi

OKLCH color picker, generator and converter

Build unique and uniform color palettes. Preview on UI components, export CSS or Tailwind variables, and learn why OKLCH outperforms RGB and HSL.

2025.stateofcss.com

State of CSS 2025

The results are out for the State of CSS survey.

fx.hot.page

Split flap

An ode to the train stations of our childhood: a split-flap web component.

tweakcn.com

Beautiful themes for shadcn/ui

Customize theme for shadcn/ui with tweakcn’s interactive editor. Modify properties, preview changes, and get the code in real time.

atlaspuplabs.com

Liquid Glass, but in CSS

"I wonder if CSS can do that". It turns out, yes, with great effort, it can.

ui.glass

Glass UI generator

Generate CSS and HTML components using glassmorphism design specs.

survey.devographics.com

State of CSS 2025

Take the survey! After years of rapid innovation, now feels like the right time for browser vendors to take a beat to consolidate and fix.

uxdesign.cc

Figma’s new grid

Why you must understand CSS Grid as a designer.

9ui.dev

9ui

Clean, customizable components built with Base UI and Tailwind CSS.

webtui.ironclad.sh

WebTUI

Modular CSS Library that brings the beauty of Terminal UIs to the browser.

smashingmagazine.com

Masonry in CSS: should Grid evolve or stand aside

There were duelling proposals floating around for adding support for masonry-style layouts in CSS.