Tags: ie

The Great Discontent: Dan Cederholm

The lovely (and responsive) Great Discontent site has a lovely interview with Dan, who is lovely.

The Man Who Makes the Future: Wired Icon Marc Andreessen | Epicenter | Wired.com

Chris Anderson interviews Mark Andreessen.

Springload: OnMediaQuery - Responsive Javascript

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.

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.

We don’t support Internet Explorer, and we’re calling that a feature | Tips for Freelancers on Time Tracking and Invoicing | Paydirt Blog

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.

Movie Mimic

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.

notcoming.com | Not Coming to a Theater Near You

A terrific site dedicated to the love of film, all wrapped up in a wonderful responsive design.

Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries

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.

Myself, quantified | Extenuating Circumstances

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.

Deciding what Responsive Breakpoints to use | Tangled in Design

Another call for design-based (rather than device-based) breakpoints in responsive sites.

Creating a Mobile-First Responsive Web Design - HTML5 Rocks

A great step-by-step tutorial from Brad on developing a responsive site with a Content First mindset.

Breakpoint Checking in Javascript with CSS User Values | Sparkbox

A smart response to the little conundrum I posted on my blog yesterday about detecting media-query quarantined CSS properties from JavaScript.

Nielsen is wrong on mobile | Opinion | .net magazine

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.

10 questions about web performance – Jeremy Keith at Clearleft

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.

A Furniture Manifesto | Roseology

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.

The Future Friendly Campus // Speaker Deck

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.

Media Query & Asset Downloading Results | TimKadlec.com

Tim has published the results of a whole bunch of testing he did on how different browsers deal with hidden or replaced images.

Paying attention to content hierarchy across screen sizes | Stuff & Nonsense

Andy points one of the potential pitfalls in linearising your content for small screens.

In defense of reinventing wheels | Lea Verou

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.

Hull 0, Scunthorpe 3 | Christopher Priest, author

Oh, dear. Christopher Priest is being a bit of a cock.

Good writer though.

BBC - BBC Internet Blog: BBC News on mobile: responsive design

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.

ARC 2012: The future is on its way - New Scientist

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.

2012 Shortlist | Arthur C. Clarke Award

Well, that’s my reading list sorted then.

Sci-Fi Airshow :: Home

I want to go to there!

This is what Photoshop is for. Be sure to watch the slideshow.

Tom Morris - Oppression, identity and sexuality

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.

Content Parity | Brad Frost Web

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.

Marginalized

Notes in manuscripts and colophons made by medieval scribes and copyists …in 140 characters or fewer.

Script Junkie | Flexibility: A Foundation for Responsive Design

Emily walks us through a responsive design case study, stressing the importance using percentages for layout.

ARCHIVE TEAM: A Distributed Preservation of Service Attack - YouTube

Jason’s rip-roaring presentation from Defcon last year.

Stop solving problems you don’t yet have | this is rachelandrew.co.uk

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.

The true fathers of computing | Technology | The Observer

An interview with George Dyson, whose next book—Turing’s Cathedral—sounds like it’ll be right up my alley.

Galaxy Zoo and the new dawn of citizen science | Science | The Observer

A lovely piece of mainstream news reporting on Galaxy Zoo and the other Zooniverse projects, and the broader role of Citizen Science.

Jordan Moore | Web Design, Northern Ireland, Bangor, Freelance

A sweet little meditation on the nature of the web and responsive design.

Thinking About Futurism | Science & Nature | Smithsonian Magazine

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.

Get Excited and Make Things with Science on Huffduffer

The audio from the panel I did at South by Southwest with Ariel and Matt all about science hacking.

Photo Booth - Annie Ray Photo

Pictures from the photo booth at Jeffrey’s Hall of Fame celebration party on the last night of South by Southwest.

What Goes Up, Doesn’t Have To Come Down

A thoughtful—and beautifully illustrated—piece by Geri on memory and digital preservation, prompted by the shut-down of Gowalla.

Abstract Sequential - Print Styles Are Responsive Design

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.

Get Excited and Make Things with Science // Speaker Deck

The slides from the South by Southwest panel I was on with Ariel and Matt. It was lots of fun.

Lets Imagine Greater - Ariel “Spotlight” - YouTube

How awesome is this!? Ariel is on TV in a promo spot for the Syfy channel …all thanks to Spacehack.org.

Science!

Thieves Are Your Best Customers in Waiting – Stuntbox

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.

Scaling with EM units

Using em-based media queries to incrementally bump up the font size for larger viewports.

How I’m implementing Responsive Web Design – JeffCroft.com

Jeff documents some of the techniques he’s using to tackle responsive design, with some tips specifically for SASS.

Solve for X: Neal Stephenson on getting big stuff done - YouTube

Neal Stephenson speaks at Solve For X on the relative timidity of scientific (and science fictional) progress in our current time.

SETILive

This is not only the single most important human endeavour that you can participate in, it is also ridiculously gorgeous.

Science!

LukeW | Which One: Responsive Design, Device Experiences, or RESS?

Luke outlines three different solutions to delivering a site to multiple devices.

Wilson Miner

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 List Apart: Articles: Future-Ready Content

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.

Prometheus Fusion Perfection

Now this is what I call science hacking: building an open source fusion reactor.

Science!

CERN | booktwo.org

James geeks out about visiting CERN. His enthusiasm is infectious.

Science!

A Responsive Design Approach for Navigation, Part 1 | Filament Group, Inc., Boston, MA

A detailed overview by Filament Group on progressively enhancing navigation for responsive sites.

How I Learned to Stop Worrying and Love Responsive Images — Paul Robert Lloyd

Here’s a great braindump from Paul following the Responsive Summit, detailing multiple ways of potentially tackling the issue of responsive images.

JoshEmerson.co.uk · Blog · The Responsive Process

Josh goes through the talking points from the recent Responsive Summit he attended. Sounds like it was a great get-together.

Responsive Design: Why You’re Doing It Wrong | Design Shack

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.

BibliOdyssey: Channelling Martian Maps

Beautiful 19th century maps of Mars.

Camping at Kiwifoo | Flickr - Photo Sharing!

The Kiwi Foo Space Program (a weather balloon with an Android device attached) captured some beautiful images.

Camping at Kiwifoo

Science Hack Day Chicago

What a fantastic location for a Science Hack Day: the Adler planetarium in Chicago! Get there if you can.

Science Hackday Dublin | Yay! Science

Dublin is hosting a Science Hack Day on the weekend of March 3rd-4th. Put your name down now.

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.

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.

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.

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.

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

Ell oh ell.

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

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

Did I ever tell you about the time….

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

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

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

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.

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.

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.

BBC News - Hackers plan space satellites to combat censorship

The network will interpret SOPA as damage and route around it …with SCIENCE!

Leaving Old Internet Explorer Behind — Joni Korpi

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.

Bullshit – Marco.org

Everyone has their bullshit. You can simply decide whose you’re willing to tolerate.

One Cut - jonronson’s Space

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.

The ‘trouble’ with Android | Stephanie Rieger

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.

Is the web dead?

View source.

Support Vs Optimization | Brad Frost Web

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.

Film on Paper

A blog that takes a detailed look at the art of the film poster.

The mobile app is going the way of the CD-ROM: To the dustbin of history | VentureBeat

Some future-friendly musings on mobile from Mozilla and Yahoo.

Mobile content strategy link-o-rama 2011 « Karen McGrane

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.

inessential.com: Apps and web apps and the future

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.

The Mobile Case for Progressive Enhancement | Brad Frost Web

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!

Simon Collison | Colly | Journal | My digital preservation utopia

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.

Silicon Valley Buzz - Science for the everyday man - YouTube

Ariel is interviewed by Seth Shostak. Science! Science! Science!

iOS scale bug stays (mostly) « « David Goss David Goss

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.

We Are Historians | 1sixty

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.

“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.

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.

Biochemies :: DNA Molecule Plush Dolls

With magnetic hydrogen bonds!

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.”

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.

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!

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.

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!

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.

#816: Revert mobile-first media queries and remove respond.js - Issues - h5bp/html5-boilerplate - GitHub

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.

Productivity Future Vision (2011) - YouTube

This vision thing commissioned by Microsoft shows a future-friendly networked world where content flows like water from screen to screen.

Newsstand Is Promising, Yay! But Enough with Issue-Based Publishing (Global Moxie)

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.