This is so cool! A short screencast about Huffduffer.
Archive: March, 2012
Oh, dear. Christopher Priest is being a bit of a cock.
Good writer though.
How designing in the browser works for rapid iteration.
A superb piece of writing from Erin, smashing taboos with the edge of Bladerunner.
Scott walks through the code and thinking behind the conditional loading pattern on The Boston Globe site. This is such a useful and valuable pattern!
I like Cennydd’s thoughts on the fundamental difference between skill and process:
Skilled people without a process will always find a way to get things done. Skill begets process. But process doesn’t beget skill.
This seems like a sensible way of separating capable browsers from legacy browsers: if the browser supports querySelector, localStorage and addEventListener, you’re good to go.
An in-depth look at the BBC News mobile testing process. I think it’s great that people are sharing this kind of information.
I like this simple idea, nicely executed: see Instagram photos taken near you.
Andy Baio pointed to this from Twitter a few hours ago and ever since, I’ve been playing it and giggling over and over.
BBC News are using the mobile subdomain to plant the seed of responsive design. It’s a smart move that’s been really nicely executed.
A cautionary tale from Stuart. We, the makers of modern technology, are letting people down. Badly.
We’re in this to help users, remember: not just the ones who think as we do, but the ones who rely on us to build things for them because they don’t know what they’re doing. If your response is honestly “well, he should have spent more on a phone to get something better”, then I’m exceedingly disillusioned by you.
Using Keynote as a web design tool? Why not? It makes as much sense as Photoshop or Fireworks, perhaps more.
A fun little multiplayer game, all possible in the browser thanks to web sockets.
Samantha does an excellent job of explaining how useful style tiles can be for visual design and iteration.
A new publication from New Scientist dedicated to future thinking. The first issue has articles and stories from Bruce Sterling, Margaret Atwood, China Miéville, and Alastair Reynolds.
An oldie but a goodie: Clay Shirky looks at the design principles underlying HTML in order to figure out what made it so successful. Even though this is fourteen years old, there are plenty of still-relevant insights here.
The hitherto unnoticed connection between the names of Android phones and the names of condoms.
A great talk by Nicholas on what progressive enhancement means today. There’s some good ammunition in here.
Well, that’s my reading list sorted then.
Here’s a handy little tip for CSS animations: instead of changing position properties, use translate instead.
I really like what Tom has done here, printing out his bookmarks.
They capture a changing style of writing. They capture changing interests – you can almost catalogue projects by what I was linking to when. They capture time – you can see the gaps when I went on holiday, or was busy delivering work. They remind me of the memories I have around those links – what was going on in my life at those points.
This serendipitous chronometer shows tweets that are mentioning the current time.
Press play on each video, sit back, and relax.
I want to go to there!
This is what Photoshop is for. Be sure to watch the slideshow.
An interesting idea from Chris: instead of linearising content on smaller screens, what if you could interweave it instead? Theoretically, CSS regions makes it possible, regardless of source order.
The Long Now blog is featuring the bet between myself and Matt on URL longevity. Just being mentioned on that site gives me a warm glow.
Scott has created a one-stop-shop for documenting browser bugs in mobile devices. Feel free to add to it.
An in-depth look at where Google is going wrong.
Anger is an energy, especially when it’s coming from Tom …and for once, it’s not about the Semantic Web.
Seriously though, this is a great piece of writing. This is what blogs are for.
A handy performance testing tool from Pingdom, similar to Google’s offering.
Existential ennui delivered through interface copy.
Yet another great post from Brad:
Whenever I think of the concept of “One Web” and providing universal access to information on the web, I tend to break it down into something much simpler: give people what they ask for.
The slides from Andy’s one-day responsive design workshop are well worth a perusal.
Notes in manuscripts and colophons made by medieval scribes and copyists …in 140 characters or fewer.
Emily walks us through a responsive design case study, stressing the importance using percentages for layout.
Jason’s rip-roaring presentation from Defcon last year.
Anna goes through some of her favourite pattern libraries. It’s really, really great to see this stuff getting documented.
Beautiful new map tiles from Stamen for use with OpenStreetMap data. The “watercolor” tiles are particularly pretty.
A handy little script that attempts to check email inputs for misspelled domain names. I’m pretty sure it doesn’t need to be written as a jQuery pug-in, though: anyone want to fork it and create a non-jQuery version too?
Matt has transcribed the notes from his excellent Webstock talk. I highly recommend giving this a read.
An interview with George Dyson, whose next book—Turing’s Cathedral—sounds like it’ll be right up my alley.
I met one of the guys from the Starbucks team at South by Southwest and he mentioned that they had a markup pattern library. I encouraged them to make it public, and it here it is!
I really hope that more companies and agencies will start sharing stuff like this.
Now this is some prioritisation I can admire:
I’m going to build valuable, reliable, sustainable web services that will last forever.
A great examination of the default settings for pixel density and how it can effect reported device width values on mobile.
Red Scharlach Points At Interesting Things - Otters Who Look Like Benedict Cumberbatch: A Visual Examination.
Andy documents the kinds of symbols being used to represent revealable navigation on mobile.
Mozilla will be supporting H.264 …but they’re not happy about it.
I won’t sugar-coat this pill. But we must swallow it if we are to succeed in our mobile initiatives. Failure on mobile is too likely to consign Mozilla to decline and irrelevance.
It’s a blog. It’s a bookmark. It’s a magazine.
A lovely piece of mainstream news reporting on Galaxy Zoo and the other Zooniverse projects, and the broader role of Citizen Science.
A sweet little meditation on the nature of the web and responsive design.
I really enjoyed Matt’s talk from Webstock. I know some people thought it might be a bit of a downer but I actually found it very inspiring.
A collection of articles on the tricksy art of Futurism from—amongst others—Bruce Sterling, Annalee Newitz, and Matt Novak, creator of the Paleofuture blog.
I’ve been huffduffing some of the best talks from this year’s South by Southwest—some I saw, some I missed. Subscribe to the podcast feed if you want to catch up with them at your leisure.
A twitter for the Long Now from Russell Davies. You can submit an answer to the question “What are you doing, you know, more generally?” to:
Dawdlr, c/o RIG, 32-38 Scrutton Street, London, EC2A 4RQ
Inspired by Luke’s documentation of layout patterns in responsive designs, Jason goes into more detail on the pattern of hiding navigation and extra content to the left and right of the viewport on small screens.
An in-depth look at naming patterns for classes to help streamline CSS.
This looks like being a fun little local event ‘round at the Skiff in May.
Earth Station: The Afterlife of Technology at the End of the World - Alexis Madrigal - Technology - The Atlantic
The wonderful story of an odd place:
The Jamesburg Earth Station is a massive satellite receiver in a remote valley in California. It played a central role in satellite communications for three decades, but had been forgotten until the current owner put it up for sale, promoting it as a great place to spend the apocalypse.
The audio from the panel I did at South by Southwest with Ariel and Matt all about science hacking.
Pictures from the photo booth at Jeffrey’s Hall of Fame celebration party on the last night of South by Southwest.
Chris defends himself from some inaccuracies I flung his way, regarding fonts and DRM.
I am the proud custodian of one of these cute Zeldolls …I may have even nabbed a second one.
A thoughtful—and beautifully illustrated—piece by Geri on memory and digital preservation, prompted by the shut-down of Gowalla.
Samantha put together this handy one-page site to explain Style Tiles as part of her South by Southwest presentation.
Russell was the final panelist to speak at the New Aesthetic South by Southwest tour-de-force, taking a look at how our relationship to text is being changed.
Aaron explains why there was a handcrafted predator drone at the New Aesthetic panel at South by Southwest.
Ben took an insightful and amusing at the New Aesthetic in advertising.
Joanne Mcneil was the first to speak at the New Aesthetic panel, giving a great historical perspective.
James summarises the excellent New Aesthetic panel he put together for South by Southwest.
Luke catalogues layout patterns in responsive designs.
Jason reiterates Bruce’s rallying cry: Performance First!
If you could only do one thing to prepare your desktop site for mobile and had to choose between employing media queries to make it look good on a mobile device or optimizing the site for performance, you would be better served by making the desktop site blazingly fast.
Bruce hammers home the importance of speed and performance on mobile (and frankly, everywhere).
So perhaps some of the time and effort put into media queries, viewports, avoiding scrolling, line length would actually be better employed reducing HTTP requests and optimising so that websites are perceived to render faster.
Luke rounds up some of the alternatives to bitmap-based images—an increasingly important topic for “resolutionary” “retina’ displays (bleurgh!).
An excellent piece by Stephanie on how to approach print stylesheets. I’ve always maintained that Print First can be as valid as Mobile First in getting you to focus on what content really matters.
The video that was played at Jeffrey’s inauguration into the South by Southwest Interactive Hall of Fame.
The slides from Andy’s tour-de-force presentation at South by Southwest on CSS best practices.
Evan’s experiences of—and thoughts about—South by Southwest mirror my own to an uncanny degree.
The slides from the South by Southwest panel I was on with Ariel and Matt. It was lots of fun.
A superb scathing piece by Andy, who has a personal perspective on Yahoo’s massively dick move in deploying the patent nuclear option against Facebook.
Sometimes the good folk at HTML5doctor.com get asked questions that might be better suited for a real, medical doctor. These are those questions.
The video of my talk from Webstock, all about wibbly-wobbly, timey-wimey stuff like networks and memory.
How awesome is this!? Ariel is on TV in a promo spot for the Syfy channel …all thanks to Spacehack.org.
A fascinating look at the work of George R.R. Martin and his relationship with his fans, who sometimes sound more like his enemies. There are strong overtones of Paul Ford’s “Why wasn’t I consulted?” syndrome here.
Adobe have launched their version of Weinre, the tool that allows you to refresh and debug iOS and Android browser views from your desktop computer.
A great post that discusses exactly what we mean when we talk about “supporting” different browsers.
A great article from David with some concrete proposals for media companies.
By the way, how nice is David’s new responsive design? Very nice. Very nice indeed.
I can’t remember the last time I read something I disagreed with so fundamentally. This sums up the tone of the article:
Accessibility is not a right; it’s a feature.
I do not agree. I do not agree at all.
(Also, the pre-emtive labelling of anyone who may disagree with your point of view as defending a “sacred cow” is as tired and misguided as labelling anyone who disagrees with your viewpoint as a “fanboy”.)
Using em-based media queries to incrementally bump up the font size for larger viewports.
What happens when your SR-71 Blackbird falls apart at 3.18 times the speed of sounds at 78,800 feet?
A trip to Buzludzha in Bulgaria, a derelict monument to an abandoned ideology.
Jeff documents some of the techniques he’s using to tackle responsive design, with some tips specifically for SASS.
Neal Stephenson speaks at Solve For X on the relative timidity of scientific (and science fictional) progress in our current time.
Some interesting ideas on the commonalities and differences between native apps and the web.
Download and play the Jason Scott Adventure — only you can help Jason save the internet!