Archive: January, 2012

A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need

A terrific article from Wilto detailing the thinking that went into the Boston Globe’s responsive image techniques and how browser pre-caching is now throwing a spanner in the works.

Fresh Impressions on Brandmarks (from my 5-year-old) - YouTube

A five year old provides a few remarks on some popular logos. Cute!

How to Approach a Responsive Design | Upstatement

A great behind-the-scenes look at the process behind the responsive Boston Globe site, with a particular emphasis on the visual and interactive design challenges.

At Twitter, The Future is You! - YouTube

A hackweek project from Twitter employees to create the best/worst recruitment video of all time.

The Unobserved

Describing itself as a radio magazine, this site gathers together audio from multiple sources. Oddly though, there’s no podcast feed and they make it hard to get at the source mp3s.

audiolibre.net | Free sound anthology

A lovely sound blog from Steve Bowbrick (one of the curators of the sadly decommissioned Speechification). Here, he gathers found sounds of all kinds together: great audio grist for the huffduffing mill.

Lego Man in Space | Mathew Ho and Asad Muhammad

They did it. Mathew Ho and Asad Muhammad fulfilled that age-old dream: to put a Lego man into space. They have done Canada—and the world—proud.

BenjaminKeen.com

A bookmarklet version of that handy multiple-iframe page I linked to the other day. Even more useful for testing responsive designs!

Clear for iPhone (Coming Soon!) on Vimeo

Nik demos the neat interactions in Realmac’s latest piece of iOS software in this cute little video.

An introduction to Web Intents – an interview with Glenn Jones

Harry interviews Glenn about web intents (web actions). Glenn gives a good clear explanation of what they are.

Why does that QR Code go to justinsomnia.org? - Justinsomnia

As if you needed another reason why QR codes are shit ..are you certain you’ve proofed it?

Molly - She turns your tweets into sweets.

A cute little internet-enabled sweet dispenser, powered by your retweets.

Travis Schmeisser: We Used To Build Forts on Vimeo

I loved this talk from Travis at New Adventures in Web Design, especially when he talked of the importance of Geocities and MySpace in democratising creative expression on the web.

We may have later bonded over that Ze Frank quote while in the toilet at the after-party …there may have even been hugs.

Bricss - Simple responsive design test page

A handy little document to load pages into differently-sized iframes—useful for testing responsive designs.

The mobile question: Responsive Design | Government Digital Service

DirectGov is switching from a WURFL-driven separate mobile site to a responsive solution. Good move.

Dance Yrself Clean - LCD Soundsystem - Muppets rock out in Brighton ! - YouTube

A trifecta of nice things:

  1. Muppets.
  2. Brighton.
  3. LCD Soundsystem.

Meeting Sigourney Weaver in New York | Rifa B

Thanks to the fact that 10% of Silverback’s profits go to the Dian Fossey Foundation, Rifa got to meet Sigourney Weaver. Nice!

Jeremy Keith - All Our Yesterdays on Vimeo

The video of my presentation on digital preservation at last year’s Build conference.

Our communication methods have improved over time, from stone tablets, papyrus, and vellum through to the printing press and the World Wide Web. But while the web has democratised publishing, allowing anyone to share ideas with a global audience, it doesn’t appear to be the best medium for preserving our cultural resources: websites and documents disappear down the digital memory hole every day. This presentation will look at the scale of the problem and propose methods for tackling our collective data loss.

Browser Support

A very useful site for checking browser support for CSS features. The test cases are really handy and the site gets extra bonus points for not calling itself “HTML5” anything.

Nathan Sawaya — The Art of the Brick

Chloe built a gorgeous responsive site …and it’s all about LEGO!

Making Of ‘Peugeot - Paperwork’ on Vimeo

Kyle’s paper skills are truly impressive.

One Div Zero: A Brief, Incomplete, and Mostly Wrong History of Programming Languages

A genuinely amusing alternative history of programming languages.

Internet Archive Search: collection:”thesoundofyoungamerica”

Thanks to Jason Scott, every episode of The Sound Of Young America ever recorded is now stored on the Internet Archive. Get huffduffing!

YouTube - One Hour Per Second

Cute CSS animations illustrating the incredible rate of uploads to YouTube.

Huffduffing - Plausible Thought

A nice succinct description of Huffduffer. Lovely.

HTML5 Please

This looks like a handy resource with a shitty, shitty name. Count the number of items that are in HTML (or JavaScript or APIs). Now count the number of items that are in CSS.

Star Wars Uncut: Director’s Cut - YouTube

The final amalgam of Star Wars Uncut is an absolute joy to behold. I enjoyed every single moment of this.

» 21 January 2012, baked by Ben Ward @ The Pastry Box Project

Some valuable musings from Ben on how browsers could be better — and I don’t mean the usual moaning about performance or device APIs.

Pictos

In an interesting new twist, Pictos now allows you to put together a custom subset of their icons as a font that can be served from their server just like any other webfont service.

“Girls like modern technology. Like telephones and apps. It isn’t rocket science.”

Ell oh ell.

Wat — Destroy All Software Talks

This cracked me up. There are two possibilities: either this is really is very funny or I am very nerdy.

Why I love Twitter and the Internet | Kevin Ebaugh

I love this little story of small pieces of the internet loosely joining together: NPR, Twitter, Downcast and Huffduffer.

Lost Type Co-op | Browse Fonts

Some of these pay-what-you-want fonts are actually rather nice.

Search by Image, Recursively, Transparent PNG, #1 on Vimeo

2951 images at 12 frames per second. Each image is the “related image” of the image before according to Google image search. The first image is simply a transparent PNG.

IBM Sage Computer Ad, 1960 - YouTube

A 1960 advertisement for IBM’s SAGE system …WOPR by another name.

To be ready for the worst so that the worst will never happen…

Markup / from a working library

A superb rallying cry from Mandy on the importance of markup literacy for professionals publishing on the web: writers, journalists, and most importantly, editors.

Sirens | Aaron Mentele

Some very interesting results from testing background image downloads contained within media queries or overridden with media queries: it turns out that, in iOS at least, the browser is getting smarter and smarter.

United Pixelworkers — Welcome

Pixelworkers have relaunched with a very nice responsive design.

Using OpenType font features with CSS 3: Part 1 | Fontdeck Blog

Richard starts diving into some the nifty ligatures that are becoming available to us in OpenType fonts with CSS3.

deCSS3 - a bookmarklet for graceful degradation.

This is really handy: a bookmarklet that will disable any CSS3 on a page so you can check that your fallbacks look okay.

Jeremy Keith: Paranormal Interactivity on Vimeo

This is the talk I gave at An Event Apart through 2010. It’s all about interaction design with some examples from Huffduffer.

Google, what were you thinking? ← Mocality Kenya

Stef does some data-sleuthing and uncovers some shocking behaviour on the part of Google in Kenya.

Building a Responsive, Future-Friendly Web for Everyone | Webmonkey | Wired.com

A nice round-up of responsive and future-friendly resources.

Web Intents - Design Push

This looks like it’s going to be a great event on February 25th right here in Brighton: a gathering of minds to brainstorm around web intents. Get there if you can.

Emigre Web Fonts

Emigre’s font library is now available as web fonts that you can self-host (providing you take some protective measures with .htaccess). That means Mrs. Eaves is available for the screen. W00t!

Did I ever tell you about the time….

There’s something zen-like about these banal stories of celebrity encounters.

Bureau of Common Goods | A creative film production company

You can now hire Mandy and Keith to make gorgeous films. Their website is, unsurprisingly, beautifully crafted.

Visual Idiot · Photoshop Simulator

An incredibly realistic Photoshop simulator built in the browser—it feels exactly like using the desktop version.

Choosing device sizes to support for your responsive designs | Matt Wilcox .net

Another plea for content-out rather than canvas-in design.

The developer’s guide to mobile frameworks | Feature | .net magazine

Jonathan gives a thorough overview of the various tools and frameworks out there to help build native, hybrid and mobile web apps. He also shares his decision-making process on when to build what.

The Restart Page - Free unlimited rebooting experience from vintage operating systems

Wallow in nerd nostalgia and experience the Proustian rush of rebooting old operating systems.

This is Brighton on Vimeo

A lovely timelapse tilt-shift video of Brighton.

Gardens and Zoos – Blog – BERG

A lovely piece from Matt examining agency and behaviour in the things we surround ourselves with: frying pans, houseplants, pets, and robots.

These are the droids you are looking for.

A Fix for the iOS Orientationchange Zoom Bug | Filament Group, Inc., Boston, MA

That Scott is one smart cookie. He has come up with a workaround (using the accelerometer) for that annoying Mobile Safari orientation/zoom bug that I blogged about recently.

I still want Apple to fix this bug as soon as possible—the fact that such smart people are spending so much effort on ingenious hacks shows just how much of a pain-point this is.

Vanilla JavaScript FTW

I’ve found myself using jQuery less and less recently. Partly to avoid the extra download and file size but also—as shown here—when it comes to DOM manipulation, there’s a lot you can do straight out of the box.

Learn You a Flexbox for Great Good! | The Haystack.

Stephen gives an excellent run-down of flexbox and how you can use it today.

MOUSTAIR

Funny but creepy. Freepy.

Where men meets moustaches meets hair meets moustaches meets hair meets MOUSTAIR.

Dark data, and how frustrating it is that we can’t see the forest from the trees – Helloform

Fred touches on the same issues that Frank highlighted in his dConstruct talk last year: what do we do with all of this wealth of material we’ve been collecting/ffffinding/scrobbling/liking/favouriting/plus-one-ing.

MAKE ROOM NOW

Matt is offering up his space in central Brighton every Wednesday afternoon for free-for-all Arduino tinkering. I should try to get over there.

What The Heck Is Responsive Web Design?

A short introductory presentation on responsive design.

My first Instagram Christmas, a nervous step away from Flickr « Rev Dan Catt’s Blog

I had exactly the same resistance to Instagram as Dan and I had exactly the same Yuletide conversion.

From the Mailbag | Regretsy

Of all the fuckwittery that PayPal have engaged in (and that’s a lot), this one really takes the biscuit.

Rather than have the violin returned to me, PayPal made the buyer DESTROY the violin in order to get his money back.

A plea for progressive enhancement | Stephanie Rieger

Yes! Yes! Yes!!!

Progressive enhancement is the only sane approach to today’s massively divergent landscape of devices. It can’t be repeated often enough.

telegraphic and signal codes : scans, transcriptions

Before there were HTTP codes, there were telegraphic codes. The Victorian internet indeed!

Clean up ALL Your Applications Privacy Settings in 2 Minutes

A one-stop-shop with links to the authentication settings of various online services. Take the time to do a little Spring cleaning.

angry, productive birds (tecznotes)

Mashing up Angry Birds and spreadsheets to better visualise project time-tracking.

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz

A competitor to Prezi built with HTML, CCS and JavaScript.

«Once Upon» by Olia Lialina & Dragan Espenschied

What would Google+, YouTube and Facebook have looked like in 1997?

Vintage Space | A work in progress as I read, research, and write in pursuit of the still-unclear path towards professional spaceflight historian.

A terrific blog devoted to the space race.

The Fermi Paradox, Self-Replicating Probes, and the Interstellar Transportation Bandwidth

Re-examining Von Neumann probes, reconciling their apparent scarcity with the Fermi paradox.

Jeremy Keith: One Web — Update 2011 - YouTube

My short talk from Aral’s Update conference in Brighton last September. I’m pretty happy with how it turned out. If I only I had a handheld mic—then I could’ve done a microphone drop at the end.