Tags: play



`font-display` for the Masses | CSS-Tricks

The font-display property is landing in browsers, and this is a great introduction to using it:

If you don’t know which option to use, then go with swap. Not only does it provide an optimal balance between custom fonts and accessibility of content, it provides the same font loading behavior that we’ve relied on JavaScript for. If you have fonts on the page that you’d like to have load, but could ultimately do without, consider going with fallback or optional when using font-display.

Until it’s more widely supported, you can continue to use a JavaScript solution, but even then you can feature detect first:

if ("fontDisplay" in document.body.style === false) {
  /* JavaScript font loading logic goes here. */

Global Defense

Dave is making a nifty in-browser game that you can play by yourself or in co-operative mode. If your device has a gyroscope, you can use that to aim. Very cool!

(And it looks like it’s all set to become a progressive web app once it’s running on HTTPS.)

Vanishing boxes with display contents

I’ve seen the exact problem that Rachel describes here—flexbox only applied to direct children, meaning the markup would have to be adjusted. display: contents looks like a nifty solution.

The Heroine’s Journey. - WordRidden

I think I’ve shown great restraint in not linking to loads of think-pieces about Star Wars and The Force Awakens, because believe me, I’ve been reading—and listening to—a lot.

What Jessica has written here is about The Force Awakens. But more than that, it’s about Star Wars. But more than that, it’s about childhood. But more than that…

What I’m saying is: if you only read one thing about the new Star Wars film, read this.

Responsive Day Out 3 by adactio on SoundCloud

If you were at Responsive Day Out on Friday and you liked the music that was playing during the breaks, here’s the track listing. Creative Commons licensed.

The Brighton Makerlab - where technology meets awesome! by Simon Riley — Kickstarter

Still a few days left to back this great project for Brighton:

Build, tinker, make and play! For anyone with imagination, The Brighton Makerlab lets ages 8 to 80 create cool stuff with technology.

The U.S. Digital Services Playbook

Design principles for the newly-formed USDS. I’ve added these to my collection.

Full-width pinned layouts with flexbox

Zoe uses one little case study to contrast two different CSS techniques: display-table and flexbox. Flexbox definitely comes out on top when it comes to true source-order independence.

Type Connection

A cute approach to pairing typefaces: treat it like a dating game.

A Silent Forest

Hypertext adventure.

Text Adventure: Zork Creators Honored With Pioneer Award | Game|Life | Wired.com

This might well be the best thing Wired has ever published. I wish every article were in this format.

Soundslice: Tabs have never sounded so good

A lovely new service from Adrian that allows you to sync up guitar tabs with videos. It’s a very impressive in-browser app.

TEDxToronto 2012 Talk - Ryan Henson Creighton

And this is why Code Club is such a great initiative.

Playing with the future at the seams | Labs.info.nl

Yet another write-up of this year’s dConstruct.

dConstruct 2012 | Happy Famous Artists

A nice write-up of dConstruct that focuses on three ideas that were threaded throughout the day:

  1. Digital is about beauty and about layers,
  2. The power of play, and
  3. The interconnectedness of things through chance.

dConstruct 2012 – a review : Sjors Timmer

Another thoughtful write-up of this year’s dConstruct, weaving a thread between the talks from Jason Scott, James Burke, and Tom Armitage with a detour via Italo Calvino.

dConstruct 2012 – Our positions of power

This is my favourite write-up of dConstruct so far. I love that way that, rather than simply giving a linear description, Laura weaves together the implicit strands that were running throughout the day — a very thoughtful, considered approach.

And how about this for an opening line:

After a weekend of reflection, I’ve decided that dConstruct 2012 had the best talks of any conference I’ve ever attended.

Lessons from dConstruct 2012 | Michel’s Exhaust

A great write-up of this year’s magnificent dConstruct and its theme of playing with the future.


Not only is FixMyStreet responsive, it’s using the “display: table-caption” trick I documented for adjustable “content first/navigation second” source order.

In Flux | Trent Walton

Trent offers some excellent advice for dealing with the effects of the iPad’s retina display on your websites. That advice is: don’t panic.