Tags: ffly

Patty Toland — Design Consistency For The Responsive Web (Smashing Conference Freiburg 2014) on Vimeo

Patty’s excellent talk on responsive design and progressive enhancement. Stick around for question-and-answer session at the end, wherein I attempt to play hardball, but actually can’t conceal my admiration and the fact that I agree with every single word she said.

Cotton Bureau – Future Friendly (Red) by Brad Frost

This fetching red future friendly T-shirt would look quite good on you. Just down beam down to any planetary surfaces as part of an away team.

Profits go to the Internet Archive.

Cotton Bureau – Future Friendly by Brad Frost

For your consideration.

If enough people want a print run of this lovely Future Friendly T-shirt, then they’ll make a new batch.

The profits go to the Internet Archive.

Do as Little as Possible ∙ An A List Apart Column

I heartily concur with Lyza’s mini-manifesto:

I think we need to try to do as little as possible when we build the future web …putting commonality first, approaching differentiation carefully.

It’s always surprised me how quickly developers will reach for complex, potentially over-engineered solutions, when—in my experience—that approach invariably creates more problems than it solves.

Simplicity is powerful.

▶ 100 Robots - Spaceteam - YouTube

See that helmet? That’s my helmet. Jim borrowed it for this video.

And now I think that the Future Friendly posse has a theme song.

United Pixelworkers — Future Friendly

You can now purchase some very fetching Future Friendly T-shirts from United Pixelworkers and fly your Future Friendly freak flag high!

Best of all, all the profits go to the Internet Archive.

Brett Jankord – Active development on Categorizr has come to an end

I think it’s a bit of a shame that Brett is canning his mobile-first device-detection library, but I totally understand (and agree with) his reasons.

There is a consensual hallucination in the market, that we can silo devices into set categories like mobile, tablet, and desktop, yet the reality is drawing these lines in the sand is not an easy task.

All Systems Are Go!(ing to Come Apart) - Cognition: The blog of web design

I really like these thoughts on the importance of design systems for the web. It’s not about providing a few perfect deliverables that won’t survive once they go live; it’s about designing for the unexpected, the unpredictable:

Design for every state, not the best state.

beta.guardian.co.uk

Those clever chaps at The Guardian are experimenting with some mobile-first responsive design. Here’s how it’s going so far.

The code is on Github.

A future friendly workflow | Opinion | .net magazine

Some more thoughts on how our workflow needs to adapt to the current ever-changing device landscape.

Scott Jenson | Beyond mobile, beyond web | Mobilism 2012

A little something to whet your appetite for dConstruct: Scott’s superb talk from this year’s Mobilism conference in Amsterdam.

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.

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.

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.

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.

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.

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.

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

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

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

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

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.

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.

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

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

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.

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.

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.

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!

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.

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!

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

Understand The Web · Ben Ward

Given some recent hand-wringing about the web as a “platform,” it seems appropriate to revisit this superb article from Ben. The specifics of the companies and technologies may have changed in the past year but the fundamental point remains the same:

Everything about web architecture; HTTP, HTML, CSS, is designed to serve and render content, but most importantly the web is formed where all of that content is linked together. That is what makes it amazing, and that is what defines it. This purpose and killer application of the web is not even comparable to the application frameworks of any particular operating system.

Why are you fighting me? - Blog | Andy Hume

Andy responds to Joe Hewitt’s recent despondent posts about the web. I tend to agree with Andy: I think comparing the web to other “platforms” is missing the point of what the web is.

See also: http://benward.me/blog/understand-the-web

WSOL :: Envisioning a Responsive Future :: Design Beyond Device

A great collection of the future-friendly techniques of today: progressive enhancement, mobile first and responsive design.

The typography-out approach in the world of browser-based web design » Blog » Elliot Jay Stocks

An insight into Elliot’s current design process which highlights the advantages of designing in the browser when you take a content-first approach.

For a Future-Friendly Web | Brad Frost Web

A terrific presentation on progressive enhancement and mobile web development from Brad at Web Design Day. You can look at the slides, read the notes and watch the video.

Crap! It doesn’t look quite right, or, how I learned to stop worryi…

Looks like Lyza’s presentation at Over The Air at Bletchley Park was really excellent.

Interview with Lyza Danger Gardner - How I Learned to Stop Worrying and Set my Mobile Web Sites Free - Ubelly

A great little interview with Lyza, wherein she outlines her future-friendly attitude to web development.

Responsive IMGs — Part 1 « Cloud Four

Jason takes a high-level look at tackling mobile-first responsive images (his next post will dig into the details). This is a really good summation of current thinking. Be sure to read the comments too: Andy chimes in with his experiences.

Bruce Lawson’s personal site  : Future friendly, or Forward to Yesterday?

Bruce nails his colours to the mast of future-friendliness (and nicely summarises recent heated debates between John Allsopp, Alex Russell and Joe Hewitt).

Future Friendly | Brad Frost Web

Brad documents his time at Mobilewood and cast his gaze to a future-friendly horizon.

Future Friendly at Mobilewood (Global Moxie)

Josh sums up the Mobilewood experience wonderfully. He also makes it clear that futurefriend.ly is just the beginning:

This stuff is hard, and we need to do it together. This is a time to be generous, and it’s a time for conversation. Let’s get after it.

LukeW | Future Friendly

Luke beautifully encapsulates the forces that drove the creation of the futurefriend.ly site. I feel like I should be standing on my chair, declaring “Oh captain, my captain!”

Future Friendly

In today’s incredibly exciting yet overwhelming world of connected digital devices, these are the truths we hold to be self-evident…