navigator.clipboard API
11.1.2021
Interacting with a user’s host clipboard is something web developers have wanted for both good and evil purposes. On the good side, it’s nice to allow users to easily copy text like wallet addresses or branch names; for evil, copying malicious text that the user may mistakenly paste...
Painters Tape and Fault Tolerance
9.1.2021
Snipping the top bit of Nicholas C. Zakas’s Top of the Month newsletter (go sign up!), with permission.
One of my favorite things in the world is painters tape (also called masking tape). It seems like something silly: some tape …
The post Painters Tape and Fault Tolerance appeared...
`aspect-ratio` is going to deprecate FitVids
8.1.2021
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...
Svelte and Spring Animations
8.1.2021
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...
Creating CSS APIs without JavaScript With the datasette-css-properties plugin
8.1.2021
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...
Theming and Theme Switching with React and styled-components
7.1.2021
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...
Win a Copy of Zell Liew’s Learn JavaScript Course
7.1.2021
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...
Collective #643
7.1.2021
ASCII Art Playground * The future of CSS * Figma Crash Course * The Devil's Albatross
The post Collective #643 appeared first on Codrops
Styling Code In and Out of Blocks
6.1.2021
There is a <code> 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...
Whack-a-Mole: The CSS Edition
6.1.2021
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...
Some Recent Videos About Websites That Are Pretty Good
5.1.2021
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...
Custom Properties as State
5.1.2021
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...