in commercial projects Working with RWD in a team Learning to educate our clients, and sell RWD What we learnt from our mistakes How we adapted our tools and process The future Tight budgets and time scales
far ahead of our customers. I think half a step is about right” SIR STUART ROSE Former CEO Marks & Spencer “ Started charging for plastic bags at the checkout as part of their Plan A ‘doing the right thing’ objectives. Originally seen as corporate suicide, M&S educated their clients, taught them that it was the responsible thing to do and therefore suffered no real backlash. We can also apply this to RWD
along with with us Speak to them in a language they understand Demonstrate a ROI EDUCATE NO EXCUSES PROCESS & TOOLS SHARE Always good to stay ahead, but not too far. Don’t leave your clients behind Measurables
was changing Examined existing analytics Presented the information in a way that appealed to the client We were aware social networks were beginning to dominate content distribution, more people were engaging with social networks through mobile devices, so we knew there was a case for RWD Reaffirmed our beliefs - Mobile traffic to the blog was growing, mobile bounce rate was very high And we got the go ahead!
& TOOLS SHARE Keep your markup extensible Use relative widths and heights where possible Keep in mind a brighter more Responsive future Use a CSS preprocessor Use ‘news_block’ instead of ‘span_6’: you’re column counts might change.
Left too much room for error Cumbersome The problems We ended up repeating ourselves EDUCATE NO EXCUSES PROCESS & TOOLS SHARE Until half way through the build. Making assumptions about where breakpoints should occur Creating the same grid twice
Speed up our workﬂow Centralise the whole process Reduce errors Create something we could evolve and reﬁne EDUCATE NO EXCUSES PROCESS & TOOLS SHARE But more importantly Every project is different, we needed to be able to customise every aspect of the grid from the number of columns to where the break points occur.
Currently all grid generators make uniform grids Some newer CSS3 features EDUCATE NO EXCUSES PROCESS & TOOLS SHARE No reset included in the CSS, LESS and SCSS that it spits out. Meant to be plucked and pruned into your own stylesheets We are actively working on a feature which will allow the user to create asymmetrical grids
with Gridpak EDUCATE NO EXCUSES PROCESS & TOOLS SHARE New features We wanted to get it out there as soon as possible. It is a little rough around the edges, there are a few bugs, but if you do find one please let us know and we’ll fix it as soon as possible We want it to be as useful to people as possible, so real feedback is really important to us Watch our Trello board to see and vote on upcoming new features. http:/ /bit.ly/ zV8UE8
TOOLS SHARE Quick digression: Historians believe that the absence of copyright laws in Germany during the 19th century could have been responsible for their rapid industrial expansion and the collapse of the British empire. The mass proliferation of books, ideas and hence knowledge laid the foundation for the country's industrial might.