A Color Picker for Product Images

Sounds kind of like a hard problem doesn’t it? We often don’t have product shots in thousands of colors, such that we can flip out the <img src="product-red.jpg" alt="red product"> with <img src="product-blue.jpg" alt="blue product">. Nor do we typically have products in a vector format such that we can apply SVG fills to them and such.

There is a clever way to do it though, even when your product shots are bitmap graphic files, like JPG or PNG. … Read article

The post A Color Picker for Product Images appeared first on CSS-Tricks.

Read more
Overflow And Data Loss In CSS

“Data Loss” is a funny term. My brain thinks of like packet loss on the way from the server to your browser, resulting in missing content in files. Perhaps it is that on some level, but in CSS parlance, it has to do with the overflow property. Too much content for sized container + hidden overflow = data loss.

But it isn’t only overflow that can cause this “data loss.” Alignment can cause data loss too. Imagine flexbox or grid … Read article

The post Overflow And Data Loss In CSS appeared first on CSS-Tricks.

Read more
Top