Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example):
… when you control+f or
…
The post Fixing Smooth Scrolling with Find-on-Page appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/fixing-smooth-scrolling-with-find-on-page/
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.