The five best design links, every weekday

Category: Css

All Categories

css-tricks.com

Typewriter Animation That Handles Anything You Throw at It

I watched Kevin Powell’s video where he was able to recreate a nice typewriter-like animation using CSS.

ishadeed.com

Comparing Design Mockups To Code Result

How to compare the design and the code result in CSS to achieve consistency.

gra.dient.art

GradientArt: Advanced CSS Gradient Editor

Advanced CSS Gradient Editor with layers, editing tools and free cloud storage

css-tricks.com

Build Complex CSS Transitions using Custom Properties and cubic-bezier()

I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions.

cloudfour.com

A Bashful Button Worth $8 Million

My father-in-law loves the Olive Garden. So of course that’s what we offered to bring for our first post-vaccination meal.

smashingmagazine.com

Refactoring CSS

CSS refactoring is not an easy task — it needs to be done in a way that doesn’t create problems. Let's first discuss refactoring vs. rewriting.

rtl.wtf

RTL.WTF

A one-stop-shop for explanation about Right to Left languages online.

smashingmagazine.com

Using HSL Colors In CSS

Ahmad Shadeed explains what HSL is and shares some of the useful use-cases and examples that you can use right away in your current projects.

css-irl.info

Detecting Hover-Capable Devices

We developers can no longer rely on viewport size as the factor that determines the styles we serve up to our website users.

css-tricks.com

System *Things

I think we’re all largely aware of named colors in CSS: color: OldLace; background: rebeccapurple;

frontend.horse

Concentric Circle Spinner

A cool spinner made only with divs, some border tricks, and one CSS animation.

georgefrancis.dev

Building Generative Grid Layouts With Quadtrees

Learn to create harmonious generative grids based on random numbers, source images, user input, and more!

quirksmode.org

Aspect-ratio

This week we’ll take a look at the new aspect-ratio declaration and its use.

ishadeed.com

Custom Scrollbars In CSS

Learn about the old and new way to style custom scrollbars in CSS.

web.dev

The new responsive: Web design in a component-driven world

User-preference based media features, container queries, and media queries for new screen types will enable us to usher in a new era of web design.

tympanus.net

Drawing Graphics with the CSS Paint API

A practical introduction to the CSS Paint API with hands-on code examples including particles, noise buttons and curvy dividers.

ishadeed.com

Let's Learn About Aspect Ratio In CSS

Learn how to use the native CSS aspect-ratio property

pixelambacht.nl

Optical size, the hidden superpower of variable fonts

A look at making letters actually change the way they look when shown in small or large sizes using variable fonts with an optical size axis.

mxb.dev

Media Queries in Times of @container

With container queries now on the horizon - will we need media queries at all?

web.dev

New CSS functional pseudo-class selectors :is() and :where()

These seemingly small additions to CSS selector syntax are going to have a big impact.