The Great Discontent: Dan Cederholm
The lovely (and responsive) Great Discontent site has a lovely interview with Dan, who is lovely.
The lovely (and responsive) Great Discontent site has a lovely interview with Dan, who is lovely.
Chris Anderson interviews Mark Andreessen.
This is nice: the solution I blogged about for conditional CSS (reading media queries from JavaScript) all wrapped up in a nice small reusable bundle.
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.
This is the absolutely worst way to think about browser support: because the design doesn’t render “pixel perfect” (whatever that means) in a browser, that browser is blocked from accessing content. This is completely unnecessary and shows a fundamental lack of understanding of the web’s greatest feature: progressive enhancement.
Recreations of movie stills at filming locations around the world (like I did in Sydney for The Matrix). There’s something quite addictive about looking through these.
A terrific site dedicated to the love of film, all wrapped up in a wonderful responsive design.
Advice on creating responsive designs from Google. It’s not exactly the best tutorial out there (confusing breakpoints with device widths) but it’s great to see the big guns getting involved.
Dan writes about how data saved his life. That is not an exaggeration.
He describes how, after receiving some very bad news from his doctor, he dived into the whole “quantified self” thing with his health data. Looking back on it, he concludes:
If I were still in the startup game, I have a pretty good idea of which industry I’d want to disrupt.
Another call for design-based (rather than device-based) breakpoints in responsive sites.
A great step-by-step tutorial from Brad on developing a responsive site with a Content First mindset.
A smart response to the little conundrum I posted on my blog yesterday about detecting media-query quarantined CSS properties from JavaScript.
Josh responds to Jakob Nielsen’s audaciously ignorant advice on siloing mobile devices. Josh is right.
Nielsen says his research is based on studies of hundreds of mobile experiences, and I don’t doubt it. But because he’s finding tons of poor mobile websites doesn’t mean we should punt on creating great, full-featured mobile experiences.
I had a chat with the guys from Pingdom about performance’n’stuff. If I sound incoherent, that’s because this is a direct transcription of a Skype call, where, like, apparently I don’t, y’know, talk in complete sentences and yeah.
Taking apps out of phones and embedding them in the world around us …there’s a lot of crossover with what Scott Jenson has been writing about here. Good stuff.
It’s great to see the Future Friendly call-to-arms being expanded on. Here it’s university sites that are being looked at through a future-friendly lens.
Tim has published the results of a whole bunch of testing he did on how different browsers deal with hidden or replaced images.
Andy points one of the potential pitfalls in linearising your content for small screens.
Maybe it’s because I’m a bit of a control freak, but I can really empathise with what Lea is saying here: sometimes the developer convenience you get from using someone else’s code can result in quite a bit of redundant code. I feel that this is particularly a problem on the front end.
Oh, dear. Christopher Priest is being a bit of a cock.
Good writer though.
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 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.
Well, that’s my reading list sorted then.
I want to go to there!
This is what Photoshop is for. Be sure to watch the slideshow.
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.
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.
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.
I completely agree with everything Rachel says here. I see far too many projects that start out with pre-emptive conditional comments, JavaScript libraries and polyfills, without knowing whether or not they’re actually going to be needed.
An interview with George Dyson, whose next book—Turing’s Cathedral—sounds like it’ll be right up my alley.
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.
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.
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.
A thoughtful—and beautifully illustrated—piece by Geri on memory and digital preservation, prompted by the shut-down of Gowalla.
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 slides from the South by Southwest panel I was on with Ariel and Matt. It was lots of fun.
How awesome is this!? Ariel is on TV in a promo spot for the Syfy channel …all thanks to Spacehack.org.
Science!
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.
Using em-based media queries to incrementally bump up the font size for larger viewports.
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.
This is not only the single most important human endeavour that you can participate in, it is also ridiculously gorgeous.
Science!
Luke outlines three different solutions to delivering a site to multiple devices.
Wilson has turned his site into a single-serving page that’s doing some interesting things with media queries (using height as well as width).
A great article from Sara Wachter-Boettcher on crafting future-friendly content. The content prioritisation described here mirrors what I’ve been doing in workshops.
Now this is what I call science hacking: building an open source fusion reactor.
Science!
James geeks out about visiting CERN. His enthusiasm is infectious.
Science!
A detailed overview by Filament Group on progressively enhancing navigation for responsive sites.
Here’s a great braindump from Paul following the Responsive Summit, detailing multiple ways of potentially tackling the issue of responsive images.
Josh goes through the talking points from the recent Responsive Summit he attended. Sounds like it was a great get-together.
A rallying cry for a content-focused—rather than device-focused—approach to responsive design. Despite the awful title and occasionally adversarial tone, this article is making a very good point about being future friendly.
Beautiful 19th century maps of Mars.
The Kiwi Foo Space Program (a weather balloon with an Android device attached) captured some beautiful images.
What a fantastic location for a Science Hack Day: the Adler planetarium in Chicago! Get there if you can.
Dublin is hosting a Science Hack Day on the weekend of March 3rd-4th. Put your name down now.
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.
Harry interviews Glenn about web intents (web actions). Glenn gives a good clear explanation of what they are.
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.
The final amalgam of Star Wars Uncut is an absolute joy to behold. I enjoyed every single moment of this.
Ell oh ell.
A nice round-up of responsive and future-friendly resources.
There’s something zen-like about these banal stories of celebrity encounters.
Another plea for content-out rather than canvas-in design.
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.
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.
A terrific blog devoted to the space race.
Re-examining Von Neumann probes, reconciling their apparent scarcity with the Fermi paradox.
The network will interpret SOPA as damage and route around it …with SCIENCE!
Joni points out a great advantage to the mobile-first approach if you choose not to polyfill for legacy versions of IE: you can go crazy with all sorts of CSS3 goodies in the stylesheet you pull in with media queries.
Everyone has their bullshit. You can simply decide whose you’re willing to tolerate.
This is one of the best pieces of journalism I’ve read …and it just happens to be posted on a blog. Please read it, particularly if you are a voter in the UK.
Stephanie focuses on Android but this is a cautionary tale about trying to impose control over what you’re sending to the multitude of mobile devices out there.
Designing to fixed screen sizes is in fact never a good idea…there is just too much variation, even amongst ‘popular’ devices.
View source.
Brad is on a roll. He knocks it out of the park again, this time talking about the difference between supporting the huge range of mobile browsers out there compared to trying to optimise for them.
A blog that takes a detailed look at the art of the film poster.
Some future-friendly musings on mobile from Mozilla and Yahoo.
A great round-up of links and posts relating to the increasingly-important role of content strategy and structured content in our multi-device, responsively-designed online world.
Brent Simmons follows up on that Dave Winer post with some future-friendly thoughts:
If I had to choose one or the other — if I had some crazy power but I had to wipe out either native apps or web apps — I’d wipe out native apps. (While somehow excluding browsers, text editors, outliners, web servers, and all those apps we need to make web apps.)
That’s not the case, though. Nothing has to get wiped out.
I think instead that we’ll see a more tangled future. Native apps will use HTML, CSS, and JavaScript more. Web apps will appear more often on smart phones as launchable apps.
A great, great reminder from Brad on the importance of progressive enhancement especially on mobile. There seems to be a real mindset amongst developers working on mobile sites that JavaScript is a requirement for building anything (and there’s a corresponding frustration with the wildly-varying levels of JavaScript support). It ain’t necessarily so!
Colly’s thoughts on digital preservation are written in a lighthearted tongue-in-cheek way but at least he’s thinking about it. That alone gives me comfort.
Ariel is interviewed by Seth Shostak. Science! Science! Science!
Well, this is very intriguing: it turns out that the infamous orientation/scale bug in Mobile Safari isn’t present in in-app browsers (UIWebView). Most odd.
A beautiful reminder that by publishing on the web, we are all historians.
Every color you choose and line of code you write is a reflection of you; not just as a human being in this world, but as a human being in this time and place in human history. Inside each project is a record of the styles and fashions you value, the technological advancements being made in the industry, the tone of your voice, and even the social and economic trends around you.
If you use Sass, this could be a really handy technique for handling IE<9 support with mobile-first responsive designs.
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.
With magnetic hydrogen bonds!
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.”
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 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.
A round-up of the hacks from this weekend’s Science Hack Day in San Francisco. Sounds like it was great!
This is officially the best lorem ipsum generator yet.
One of the opening lightning talks at Science Hack Day in San Francisco by Sean Herron of NASA.
A PDF of the slides (with copious notes) from Josh’s brilliant presentation. I love this guy!
A thoughtful piece from Matt on the changes in cultural transmission that we should be embracing instead of bemoaning.
This thread on whether HTML5 Boilerplate should include Respond.js by default (and whether the CSS should take a small-screen first approach) nicely summarises the current landscape for web devs: chaotic, confusing …and very, very exciting.
This vision thing commissioned by Microsoft shows a future-friendly networked world where content flows like water from screen to screen.
Josh nails it: publishers need to stop thinking in terms of issues:
Publishers and designers have to start thinking about content at a more atomic level, not in aggregated issues. That’s how we already understand news as consumers, and we have to start thinking that way as publishers, too. This is why Flipboard, Instapaper, and other aggregators are so interesting: they give you one container for the whole universe of content, unbound to any one publisher.
This is the plain vanilla look.
You can subscribe to the RSS feed of links.