Deceptive design meets gamification in this explanatory puzzle game (though I wish it weren’t using the problematic label “dark patterns”).
I created this interactive experience to explore the intersection of design ethics and human psychology, helping us all make more informed choices while browsing the web.
This is harder than it sounds. I got 19 out of 24.
Okay, so I didn’t get many of the answers, but nonetheless these are excellent questions!
(Ah, how I long for the day when we can once more engage in quizzo and picklebacks at National Mechanics.)
This is a wonderful interactive explanation of the way CSS hierarchy works—beautiful!
Test your knowledge of the original version of HTML—how many elements can you name?
In which Matthew disects a multiple choice quiz that uses CSS to do some clever logic, using the :checked pseudo-class and counter-increment.
Oh, and this is how he realised it wasn’t using JavaScript:
I have JavaScript disabled on my phone because a) it cuts out most of the ads, b) it cuts out lots of bandwidth and I have a limited data plan, and c) my battery lasts longer because it’s not processing tons of code to show me some text (cough, Medium).
A Voight-Kampff machine for uncovering infiltrators in the ranks.
This is really good fun! And thanks to service workers, it works offline too.
The rounds are:
A terrific quiz about browser performance from Jake. I had the pleasure of watching him present this in a bar in Amsterdam—he was like a circus carny hoodwinking the assembled geeks.
I guarantee you won’t get all of this right, and that’s a good thing: you’ll learn something. If you do get them all right, either you are Jake or you are very, very sad.
The truth about startups. Got a startup? Take the quiz. It’s harsh but fair.
Clearly my knowledge of cheese and fonts is way worse than I realised.
Match the MacGuffin to the movie. Like Hangman for films.
This little quiz is surprisingly addictive: match the inane comment to the YouTube video.