26
1
CSS Relative colors (techhub.iodigital.com)
submitted 1 year ago by [email protected] to c/[email protected]
27
1
submitted 1 year ago by [email protected] to c/[email protected]
28
1
submitted 1 year ago* (last edited 1 year ago) by [email protected] to c/[email protected]

^ preview there seems to have not been created well and made the code block with a header a header but correct text is in the article

29
1
submitted 1 year ago by [email protected] to c/[email protected]

cross-posted from: https://programming.dev/post/7667731

Hi,

As CSS do not have a color-overlay[^1] filter.

There is some heavy work around:

https://isotropic.co/tool/hex-color-to-css-filter/

that use a combination of CSS filter to target the desired color...

Those online calculators are neat, but I would like an offline version, in case the provided one become inaccessible.

I've downloaded the zip of https://codepen.io/sosuke/pen/Pjoqqp

But it doesn't work locally.. :/

So I would like to know, if someone know one in 🐍 Python ? or how can I make one then ?

Or if someone know another way to have the color-overlay[^1] effect in html\css, I'm all ears !

Thank.

[^1]: To apply like in Photoshop a color on the shape of the image (so not on the parts that have transparency.

30
1
CSS animation-composition (12daysofweb.dev)
submitted 1 year ago by [email protected] to c/[email protected]
31
1
submitted 1 year ago by [email protected] to c/[email protected]

cross-posted from: https://programming.dev/post/7555221

There’s nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on that inspiration and turned it into this — Tailwind CSS v3.4.

32
1
CSS Wrapped: 2023 (developer.chrome.com)
submitted 1 year ago by [email protected] to c/[email protected]
33
1
submitted 2 years ago by [email protected] to c/[email protected]
34
1
submitted 2 years ago by [email protected] to c/[email protected]
35
1
Oh No, Overflow! (css-irl.info)
submitted 2 years ago by [email protected] to c/[email protected]
36
1
submitted 2 years ago* (last edited 2 years ago) by [email protected] to c/[email protected]

cross-posted from: https://programming.dev/post/6940356

Missing.css is a notch on the complexity slider that's just right for small projects and personal sites where classless CSS is not enough, Tailwind is too much and Bootstrap just doesn't have the right vibe.

37
1
submitted 2 years ago by [email protected] to c/[email protected]
38
1
3D in CSS (garden.bradwoods.io)
submitted 2 years ago by [email protected] to c/[email protected]
39
1
submitted 2 years ago by [email protected] to c/[email protected]
40
1
submitted 2 years ago by [email protected] to c/[email protected]
41
1
submitted 2 years ago* (last edited 2 years ago) by [email protected] to c/[email protected]
42
1
submitted 2 years ago by [email protected] to c/[email protected]
43
1
Interactive guide to CSS grid (www.joshwcomeau.com)
submitted 2 years ago by [email protected] to c/[email protected]
44
1
submitted 2 years ago by [email protected] to c/[email protected]
45
1
submitted 2 years ago by [email protected] to c/[email protected]
46
1
CSS Nesting (ishadeed.com)
submitted 2 years ago by [email protected] to c/[email protected]
47
1
submitted 2 years ago by [email protected] to c/[email protected]
48
1
submitted 2 years ago* (last edited 2 years ago) by [email protected] to c/[email protected]

Smooth rounded corners or continuous corners (used throughout iOS) can be easily achieved in Figma and other design software. I’m fairly sure there’s no way to do this simply on the web and it drives me mad. Do y’all know of any ways to do this that can actually be used in production?

49
1
submitted 2 years ago by [email protected] to c/[email protected]
50
1
submitted 2 years ago by [email protected] to c/[email protected]
view more: ‹ prev next ›

CSS

553 readers
1 users here now

founded 2 years ago
MODERATORS