Archive: November, 2011

Move The Web Forward | Guide to getting involved with standards and browser development

A call-to-arms for web developers combined with a handy list of projects you can get involved in.

“Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher

If you use Sass, this could be a really handy technique for handling IE<9 support with mobile-first responsive designs.

A List Apart: Articles: Say No to SOPA

A superb piece of writing from Jeffrey, scorching the screen with righteous anger. THIS. IS. IMPORTANT!

SOPA approaches the piracy problem with a broad brush, lights that brush on fire, and soaks the whole internet in gasoline.

Little Printer | BERG Cloud

This evolution of Tom Taylor’s microprinter looks like it’s going to be absolutely wonderful (and packed full of personality). Watch this space.

Whales | Home

Yet another fantastic citizen science project from Zooniverse: Whale.fm.

You can help marine researchers understand what whales are saying. Listen to the large sound and find the small one that matches it best.

Twine : Listen to your world, talk to the Internet by Supermechanical — Kickstarter

This looks truly wonderful: like a hardware version of “if this, then that.”

A Book Apart, 2011 Holiday Bundle

The perfect Christmas gift for the web geek in your life: get a discount of 30% when you buy all six books apart.

russell davies: again with the post digital

In a single post, Russell Davies manages to rehabilitate the term “post digital.” And he paints a vivid picture of where our “Geocities of things” is heading.

Responsive Design Essentials: Look Great on any Device - Facebook developers

The process behind the mobile-first responsive design of audiovroom.com.

Biochemies :: DNA Molecule Plush Dolls

With magnetic hydrogen bonds!

Vendor Prefixes Are A Rousing Success | Infrequently Noted

Alex weighs in on the newly-reopened debate on vendor prefixes, roundly squashing Henri’s concerns.

Barack Obama

It’s responsive. It looks great. It’s using HTML5 structural elements and microformats.

Redesigning the Country Selector - Baymard Institute

This looks like a nice progressive enhancement pattern: convert a select element into an auto-completing input element (a country selector in this case).

Fixed Positioning in Mobile Browsers | Brad Frost Web

Brad takes a detailed look at mobile browser support for fixed positioning and how it intersects with page zooming.

Yelping with Cormac

Because Yelp needs Cormac McCarthy.

CERN Document Server: Powers of ten

I should just have a recurring event in my calendar set for every week that says “Go watch this again to regain your sense of perspective.”

The Social Graph is Neither (Pinboard Blog)

This post from Maciej might initially seem negative but read it through to the end: there’s a very powerful positive message.

Babies and the Bathwater | Contents Magazine

Mandy’s inaugural article for Contents Magazine is a wonderful piece of thinking and writing.

Enjoy reading this.

LukeW | The Web OS is Already Here…

Luke points out that the web is everywhere: it’s accessible through the browser but also through many native applications. This is the real Web Operating System.

The Web (browser) is inside of every application instead of every application being inside the Web (browser).

Mark Boulton on designing websites using ‘content out’ | Interview | .net magazine

Mark continues to hammer home the most important thing to keep in mind when creating responsive designs: design from the content out, not the canvas in.

ART=WORK · Responsive Advertising

Some more thoughts on the challenges of combining advertising with responsive design.

Structuring a Responsive Stylesheet | Sparkbox

Some thoughts on structuring your CSS for responsive designs.

CSS vendor prefixes, an answer to Henri Sivonen -

Daniel responds to Henri’s call-to-arms on vendor prefixes. While he stridently disagrees with most of what Henri suggests, there is also overlapping agreement: they both want vendor prefixes to ship only in experimental builds, not stable browser releases.

The Future of Open Fabrication

A thorough hypertext report from those good folks at the Institute For The Future on our fabrication overlords.

Vendor Prefixes Are Hurting the Web

This is a very thoughtful piece by Henri on vendor prefixes and it’s well worth a read …however the thought of one browser implementing support for vendor-prefixed properties intended for a different browser does make me quite quesy.

Responsive Advertising| Mark Boulton

A great in-depth look at the tricky problem of advertising in responsive design from Mark.

The mobile web splash screen antipattern [Legends of the Sun Pig - Martin Sutherland’s Blog]

Excellent points, eloquently delivered, on why sites shouldn’t be shoving their native Apps in the face of people who just arrived at their website on a mobile device.

Putting up a splash screen is like McDonalds putting a bouncer on the door, and telling customers who just parked their car and want to enter the restaurant that they should use the drive-through instead.

ExtendNY - New York City Extended

Sheer brilliance: taking the street grid of Manhattan and extending it to cover the entire world. For the record, I live near the intersection of east 11,303rd avenue and 63,475th street.

Science Hack Day, San Francisco - open.NASA

A round-up of the hacks from this weekend’s Science Hack Day in San Francisco. Sounds like it was great!

You Say Responsive, I Say Adaptive | Sparkbox

On the importance of using a fluid grid in responsive design.

HTML5 semantics and accessibility | The Paciello Group Blog

This is a great response to my recent post about semantics in HTML. Steve explores the accessibility implications. I heartily concur with his rallying cry at the end:

Get involved!

Earth | Time Lapse View from Space, Fly Over | NASA, ISS on Vimeo

Gorgeous time-lapse footage from the astronauts in the International Space Station.

Space Ipsum

This is officially the best lorem ipsum generator yet.

The Great Universe of Data on Vimeo

One of the opening lightning talks at Science Hack Day in San Francisco by Sean Herron of NASA.

A recipe for creating a great workshop | Toby’s Technical Ramblings

Toby’s write-up of the workshop I led for the Build conference. I enjoyed myself so it’s immensely gratifying to know that the attendees did too.

Type study: Sizing the legible letter « The Typekit Blog

A great article by guest author Ethan on the various approaches to sizing text in CSS.

A Brief Rant on the Future of Interaction Design

The next time you make a sandwich, pay attention to your hands. Seriously! Notice the myriad little tricks your fingers have for manipulating the ingredients and the utensils and all the other objects involved in this enterprise. Then compare your experience to sliding around Pictures Under Glass.

Drinkify

The charming (and often hilarious) results of Hannah and Matt’s Music Hack Day activity.

The Myths of Mobile Context by Josh Clark

A PDF of the slides (with copious notes) from Josh’s brilliant presentation. I love this guy!

inter // states on Vimeo

A time-lapse video of Tokyo transportation.

“You Just Don’t Get It, Do You?” - A Montage of Cinema’s Worst Writing Cliche on Vimeo

This whole “supercut” thing …you still don’t get it, do you?

The magic button — Make Everything OK

The most useful site on the web.

The Convergence

A fun platform game with a twist.

Retreats 4 Geeks presents Progressive Enhancement — 25–30 March 2012

Roll up, roll up! Get five nights food and lodging at a fantastic luxury horse ranch in the Rockies in March.

Oh, and myself and Aaron will be running workshops on progressive enhancement for you during that time too.

Official Google Webmaster Central Blog: GET, POST, and safely surfacing more of the web

This move by Google to start executing some POST requests makes me very uneasy: the web is agreement and part of that agreement is that POST requests are initiated by the user.

Goodbye time, datetime, and pubdate. Hello data and value. | HTML5 Doctor

A very even-handed look at the time and data debacle in HTML5.

Mobile web content adaptation techniques | mobiForge

This is article is mostly a decent round-up of development approaches to mobile but the summary lets it down by assuming that desktop users couldn’t possibly want the same functionality as mobile users — in my opinion, inferring people’s desires based purely on their device is extremely dangerous and downright patronising.

The New Patterns of Culture: Slow, Fast & Spiky

A thoughtful piece from Matt on the changes in cultural transmission that we should be embracing instead of bemoaning.

Animatable: One property, two values, endless possiblities

Lea documents a whole bunch of CSS animation possibilities.

BlackBerry Future Visions 2 - Leaked Video - YouTube

Possibly the least imaginative concept video ever made, this piece commissioned by Blackberry shows a dystopian near-future ruled by security departments run by people with very, very tired arms.

Why No Time?

A single-serving website expressing the frustration and bewilderment at Hixie’s unilateral decision to drop the time element from HTML.

Elena Font Family | Process Type Foundry

A lovely new typeface from Nicole Dotin that’s available to purchase as a web font under the very reasonable terms of the Process license agreement.