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
Zell Liew is giving away 10 free copies of his Learn JavaScript course, and entering the giveaway is pretty easy: sign up for his newsletter. I’ve personally subscribed for some time now and all I get is as occasional …
The post Win a Copy of Zell Liew’s Learn JavaScript Course appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by a handful of administrators. An even bigger surprise was that they …
The post Theming and Theme Switching with React and styled-components appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/
There is a tag in HTML. I literally just used it to wrap that tag in the previous sentence — so meta. It is an inline-by-default element that denotes any sort of code. It has default (user agent) styles …
The post Styling Code In and Out of Blocks appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs …
The post Whack-a-Mole: The CSS Edition appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.