Keeping Tabs, Installment II / by Becca Barton

Here it is: From my browser to yours, the rarely-regular roundup of the tabs that caught my eye this week.

// Play

Currently keeping me going: These quotes from Good F*cking Design Advice

Currently keeping me going: These quotes from Good F*cking Design Advice

Do you ever have those days when you've spent all day trying to make a layout in CSS and then take a break to stop and rewrite everything with like three lines of flexbox syntax and think to yourself how magical it would be if you could just use flexbox and forget all about floats and margin: auto? If so, then boy, do I have a game for you: It's called Flexbox Froggy, and the goal is to get the frog to the lilypad using the power of flexbox.

Firefox just released this game showing off their new developer browser, and it's pretty neat. This game will take you on a deep dive into both the sea and their new and improved developer tools. It's worth viewing just to see some features you may not usually use in the browser dev tools, and while they may not be frequently useful, it's nice to know they're there.

We all have our ups and downs. The good news is that so do the greats. Take a tour of the careers of some famous founders and their maybe-not-so-famous failures and successes, all along an interactive timeline. 

// Learn

*Today's post brought to you by the 90's.

*Today's post brought to you by the 90's.

Coming up with a color palette is hard. Coming up with a color palette for a data visualization that shows a clear difference between data sets, but also presents a cohesive and unified visualization is even harder. Graphiq engineering recently wrote about their process (right down to a scientific breakdown of how much hue difference there should be to distinguish between data) for choosing a color palette, and it's well worth a read.

We could all use a brush up on our grammar. McSweeney's interactive guide uses JavaScript and CSS to give an animated explanation of some of the trickiest grammar issues. Also, it's beautiful.

Did you know there are approximately a billion different types of cursors? Check them all out here, and learn how you can manually change your cursors to thoroughly confuse every single user of your site by straying from the default.

// Read

Medium recently did a redesign, and in getting clever with their naming conventions, found they had conjured up a ghost from the past. It's a gripping CSS horror story that will have you rooting for the ghost by the end.  Sound intriguing? Read all about it here

Years ago, my web professor began our class by telling us, "What if I told you there was a way to make a website that's totally responsive, has a fast load time, and works in every browser? You can— it's called just using plain HTML." Unfortunately, the downside is that this is no fun. But if you've ever had to make a fallback for those seemingly mythical few who have JavaScript turned off on their browsers, this article from Wired is for you. Turns out, they may be onto something.

// View

Remember the good old days when CSS was just a mere afterthought, no one fussed with JavaScript, and default styles ruled the web? It's still here. In other news, the days when things were allowed to cease existing peacefully and not become archivable on the Internet are dead.

I'm not usually a fan of BMX, but I'll make an exception for this.

Just move your mouse back and forth around this for an hour.

Sooooo cooooool. And seasonal!

And with that...