In my last links post, I hinted that I may have some good news on the job front, and if you follow me on LinkedIn you already know that I've signed on to my next gig. Tomorrow morning I'll share on here (and on LI) details about the new gig, but I am beyond excited about this new job. With that out of the way, how about some happy links for what's going to be a really dang good week?

JavaScript in the Shadows

As one of the new proposals for JavaScript, the ShadowRealm API is pretty interesting. It allows for the creation of a realm, or in my mind, an environment, with JavaScript that is 100% disconnected from the main environment of your browser window. Mat Marquis gives a great introduction to this in Soon We Can Finally Banish JavaScript to the ShadowRealm over on CSS Tricks. (If for some reason you've never heard of css-tricks, you should absolutely bookmark it and make it part of your required reading.) Mat's introduction is a pretty fun read as well.

Brownies for Storage

I'm a sucker for anything browser-storage related, and Brownies is a great example of that. Brownies is a library that wraps cookies, Web Storage, and IndexedDB, all in one. Here's an example from their docs:

import { cookies, local, db } from 'brownies';

cookies.token = 42;     // Set it
let t = cookies.token;  // Get it
delete cookies.token;   // Eat it

local.token = 42;       // Set it
let t = local.token;    // Get it
delete local.token;     // Del it

// db is ASYNC so read is different
db.token = 42;          // Set it
let t = await db.token; // Get it
delete db.token;        // Del it

This looks quite delicious. It's probably not fair to say it is a wrapper for IndexedDB as from what I can see, it's just doing a key/value store and not letting you specify custom object stores and such. In fact, the docs for db seem to be missing, and the repository doesn't have issues enabled so I'm going to have to find another way to leave that feedback, but check it out nonetheless. (I sent the author an email about this.)

Don't use JavaScript!

My first two links were JavaScript related, so why not advise against JavaScript in my third link? While not an "anti" JavaScript resource, NoLoJS is a resource showing multiple different UX/UI components that can be built with no, or at least little, JavaScript. As I discovered last week, there's a lot you can do with CSS and removing JavaScript dependencies is just one benefit.

Just For Fun

Yesterday was July 4th which means hot dogs and fireworks and that's all... right? Unsurprisingly, there's quite a few examples of fireworks being rendered in HTML. Here's one fun example that's pure CSS:

See the Pen Pure CSS Fireworks by Eddie Lin (@yshlin) on CodePen.