When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.
Posts Tagged with 'css'
Tips, tricks and tutorials on the web’s most beautiful language.
After my post the other day, I found myself reflecting on just how far CSS itself has come in the last 25 years.
How leveraging CSS variable composition and HSLA colors helped me build a more efficient way to theme my apps and rely less on CSS-in-JS.
Thanks to Victoria Drake, I discovered the
color-scheme #CSS declaration and added it to my site. It's still a draft, but it's a way to tell browsers what themes your site has available. If the user has set a preference that would trigger the
@prefers-color-scheme media query, browsers that implement it should adjust their chrome to match that theme.
I already have Firefox set to dark mode and have extensions customizing other theming, so I don't know if it affected anything on my site. But it's one line and its good to future proof and give more priority to user choice.
I'm working on a #design update of my site based on new.css. It's available as an alternate stylesheet, so if you want to check it out and you're using a browser that supports it, you can apply the New.css Styles stylesheet. When I'm happy with where it's at, I'll probably just switch the two stylesheets, so the current one sill still be available as an alternate.
“Higher Level Custom Properties” are Custom Properties that control multiple other CSS Properties. Although still a proposal it's worth having a look already as they're really exciting.
An in-depth article on how to handle short and long content in CSS.