Okay, so this is actually a daft idea I had this morning because of all the shenanigans around Twitter Blue and what the different colours of checkmark do or don’t mean. I had the idea in the shower, and I got it working on the train ride into the office.
Most of the heavy lifting is done by Tim Holman’s collection of ’90s cursor effects. I made some small tweaks to his snowflake cursor, swapped out the emoji for an SVG image, and it worked almost immediately. If you’ve ever wondered how these effects work, I recommend reading his source code – although I’ve never really used the canvas element or the cursor APIs, I could read his code and understand how it worked. Thanks Tim!
This was also inspired by Tumblr’s Important Blue Internet Checkmarks and Cohost Unverified™.
If you want to use it, upload the JavaScript file somewhere and load it in your page like so:
<script src="verifiedCursor.js"></script>
<script>
window.addEventListener('load', (event) => {
verifiedCursor({
// make it bigger or smaller
size: 2,
// choose a colour other than blue
color: '#730192',
// how fast do you want checkmarks to appear?
// 0 = none, 1 = lots
rate: 0.05,
// do you want to put it inside an element?
// if you skip this option, it'll cover the page
element: document.getElementById("verifiedContent"),
});
});
</script>
You can also call it as verifiedCursor()
if you just want to use the defaults.
Today was my last working day of the year. The sensible thing to do would be to avoid deploying any big changes, so nothing breaks over the Christmas holiday. The silly thing to do would be to add Important Internet Checkmarks to the site, so somebody laughs over the Christmas holiday. Time will tell if I was sensible or silly…