Good thinking from Paul Herbert on the Cloudfour blog about colorizing a component. You might look at a design comp and see a card component with a header background of #dddddd, content background of #ffffff, on an overall …
The post Building Flexible Components With Transparency appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://cloudfour.com/thinks/building-flexible-components-with-transparency/
Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine We could put those commas (,) in the HTML, but let’s look at how we could do that in CSS instead, giving us an extra level …
The post How to Add Commas Between a List of Items Dynamically with CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/how-to-add-commas-between-a-list-of-items-dynamically-with-css/
I got a very helpful bug report the other day (thanks Kilian!) about the element in a blog post of mine not showing the default ▶ icon, and thus looking rather like any ol’ random . It …
The post Careful When Changing the Display of summary appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/careful-when-changing-the-display-of-summary/
Tiffany B. Brown on how Flash paved the way for some things we might think of as fairly modern web technologies:
Flash wasn’t just good for playing multimedia. It was also good for manipulating it. Using ActionScript, you could pan
…
The post Flash’s Web Tech Legacy appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://tiffanybbrown.com/2020/12/flash-end-of-life/index.html
I think it’s great that the CSS Working Group does these. It’s like planting a flag in the ground saying this is what CSS looks like at this specific point in time. They do specifically say it’s not for …
The post CSS Snapshot 2020 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button on Twitter. When you “like” a tweet, tiny colorful bubbles …
The post Animating with Lottie appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
One of my favorite things in the world is painters tape (also called masking tape). It seems like something silly: some tape you put on a wall when you’re painting to avoid getting paint on the wall. The tape doesn’t have a strong adhesive, so it can be pulled back off the wall without damaging it.
The post Painters Tape and Fault Tolerance appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Jen was just tweetin’ about how the latest Safari Technical Preview has aspect-ratio. Looks like Chrome and Firefox both have it behind a flag, so with Safari joining the party, we’ll all have it soon. I played with it …
The post aspect-ratio is going to deprecate FitVids appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/aspect-ratio-is-going-to-deprecate-fitvids/
Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time, springs allow us to move things using spring physics, which gives the …
The post Svelte and Spring Animations appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Simon Willison has a project called Datasette, an open source multi-tool for exploring and publishing data. I’m not sure I’m qualified to explain it, but it’s like a tool to make handling data easier and doing more — …
The post Creating CSS APIs without JavaScript With the datasette-css-properties plugin appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/creating-css-apis-without-javascript-with-the-datasette-css-p