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.
Here’s a little hodgepodge of videos I’ve recently bookmarked (and watched). I couldn’t decide if each one of them should be a separate blog post or if I should do this combined list post thing. If I had a lot …
The post Some Recent Videos About Websites That Are Pretty Good appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/some-recent-videos-about-websites-that-are-pretty-good/
Here’s a fun idea from James Stanley: a CSS file (that presumably updates daily) containing CSS custom properties for “seasonal” colors (e.g. spring is greens, fall is oranges). You’d then use the values to theme your site, knowing that those …
The post Custom Properties as State appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Hasura is one of my favorite ways to create a managed GraphQL API for my applications. I find it easy and straightforward as well as suitable for a wide range of use cases. However, since working with Hasura, I’ve seen …
The post Creating Arrays in Hasura appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.