Reorganization by Trent Walton
Trent hammers home the point that the kind of compartmentalisation that’s traditionally been part and parcel of the web dev workflow just won’t cut it anymore.
Tags: workflow
A Responsive Day Out, Brighton by Hydrant
A nice write-up of the Responsive Day Out with all the right take-aways.
Responsive web design: the war has not yet been won
This was the crux of Elliot’s excellent talk at the Responsive Day Out. I heartily concur with this:
Once you overcome that initial struggle of adapting to a new process, designing and building responsive sites needn’t take any longer, or cost any more money. The real obstacle is designers and developers being set in their ways.
Let’s Talk Solar | LOGO24
Here’s a really useful case study for anyone who wants to do “guerrilla” responsive design: when you’re handed a fixed-width mockup but you know that responsive is the way to go:
I started by styling up every element, without layout. The result was a fully elastic layout that effectively served as a mobile, or small screen, layout, which just needed some tweaking of horizontal spacing.
Bingo! And this approach had knock-on benefits as it “supported writing component-based, or modular, CSS”.
A Responsive Design Case Study – David Bushell – Web Design & Front-end Development
I love seeing the process behind responsive projects. This one is particularly nice.
A List Apart: Articles: Responsive Comping: Obtaining Signoff with Mockups
A peak behind the scenes at the responsive design and development workflow at Bearded. It makes a lot of sense.
The Airfix Responsive Workflow by Jordan Moore — Web Designer
A nice look at some possible ways to approach workflow on a responsive project.
Laying Down our Burdens: Steps towards simplifying the mobile Web
Amen, Lyza, Amen. Instead of treating web development for the multitude of devices out there as an overwhelming nigh-on-impossible task, let’s accept the fact that there are certain things that are beyond our control. And that’s okay.
Let’s build on the commonality core to the web where we can. To do this, I think we need to let go of a few things, to lay down our burdens.
Related: do websites need to look the same in every browser? NO!
Encouraging Better Client Participation In Responsive Design Projects | Smashing Magazine
Andy’s talk from the Smashing Conference in Freiburg.
A future friendly workflow | Opinion | .net magazine
Some more thoughts on how our workflow needs to adapt to the current ever-changing device landscape.
Bringing a knife to a gunfight — my slide deck from An Event Apart, Austin 2012 | Stuff & Nonsense
Andy remarks on the same synchronicity I talked about at An Event Apart Austin:
Every An Event Apart conference feels special, but at this one the (unplanned) recurring themes were spooky.
Client/Agency Engagement is F*cked, Waterfall UX Design is a Symptom | disambiguity
Leisa nails it. The real stumbling block with trying to change the waterfall-esque nature of agency work (of which Clearleft has certainly been guilty) can be summed up in two words: sign off.
And from a client’s perspective, this emphasis on sign-off is completely understandable.
It takes a special kind of client to take the risk and develop the level of trust and integration required to work the way that Mr Popoff-Walker any many, many other inhabitants of agency world would like to work.
UX Design at Digital Agencies is F*cked | RossPW
This resonates a lot with me. It also hits very close to home: at Clearleft, we’ve definitely been guilty of taking the wrong approach as described here.
Responsive workflow
One developer shares how his workflow has changed thanks to responsive design. It’s insightful.
Kiwibank: Standing Up for Something New — Paul Robert Lloyd
Paul interviews the team behind Kiwibank’s responsive homepage. There are some great insights into their process here, like the way that copywriters worked side by side with developers.
Mocking Up Is Hard To Do
This seems like an eminently sensible thing to do when building responsive sites: ditch mock-ups entirely. The reasons and the workflow outlined here make a lot of sense.
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.
Responsive Summit » Blog » Elliot Jay Stocks
Elliot jots down some of the issues discussed at the responsive summit.
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.
agile approach | The Anatomy of a Design Decision: Examiner’s 2012 Campaign Site
Samantha gives the rundown of a hands-on use of Style Tiles.
Content Choreography | Trent Walton
A wonderful post by Trent Walton on the thinking and workflows we can employ with responsive design. So many opportunities!
Web designers will have to look beyond the layout in front of them to envision how its elements will reflow & lockup at various widths while maintaining form & hierarchy. Media queries can be used to do more than patch broken layouts: with proper planning, we can begin to choreograph content proportional to screen size, serving the best possible experience at any width.
Two Years — Paul Robert Lloyd
On the two-year anniversary of his arrival at Clearleft, Paul takes a look at where the craft of web design is today and where it’s heading tomorrow.
With Good References — Unstoppable Robot Ninja
Ethan shares his thoughts on the role of the reference design in the responsive workflow.
Simon Collison | Colly | Journal | dConstruct workshop
Colly shows the results of his dConstruct workshop: great stuff!
Mule Design Studio’s Blog: Why We Don’t Deliver Photoshop Files
Yes, yes, yes: "A PSD is a painting of a website.” We don’t spend weeks or months understanding a client’s complex needs and issues to make them paintings.
Walls Come Tumbling Down presentation slides and transcript | For A Beautiful Web
Andy's excellent presentation from An Event Apart in Boston and @media in London. Required reading/viewing.
Panic - Coda - One-Window Web Development for Mac OS X
This looks like an interesting new piece of software from Panic. And the site's got some lovely JavaScript flourishes.