Adapting to Responsive Web Design
Upcoming SlideShare
Loading in...5
×
 

Adapting to Responsive Web Design

on

  • 1,629 views

Plenary talk on "Adapting to Responsive Web Design" given by David Cornforth at the IWMW 2013 event held at the University of Bath on 26-28 June 2013.

Plenary talk on "Adapting to Responsive Web Design" given by David Cornforth at the IWMW 2013 event held at the University of Bath on 26-28 June 2013.

Statistics

Views

Total Views
1,629
Views on SlideShare
904
Embed Views
725

Actions

Likes
1
Downloads
2
Comments
0

7 Embeds 725

http://theshapeofthings.wordpress.com 477
http://iwmw.ukoln.ac.uk 185
http://storify.com 50
http://l.lj-toys.com 10
http://cloud.feedly.com 1
http://www.365dailyjournal.com 1
https://twitter.com 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Adapting to Responsive Web Design Adapting to Responsive Web Design Presentation Transcript

  • Adapting toResponsive Web DesignDavid CornforthIWMW 2013@dc86 #iwmw13
  • Computers don’t bite
  • Via Web Archivehttp://bit.ly/darlington-referees
  • Same oldnew medium
  • WhitespaceThe foldCanvasFixed-widthPage
  • Nature of the web
  • The principle of universality allows theWeb to work no matter what hardware,software, network connection or languageyou use and to handle information of alltypes and qualities. This principle guidesWeb technology design.Tim Berners-LeeLong Live the Web: A Call for Continued Open Standards and NeutralityScientific American, Nov 2010 http://bit.ly/tbl-scientific-american
  • It is the nature of the web to beflexible, and it should be our role asdesigners and developers toembrace this flexibility.John AllsoppA Dao of Web DesignA List Apart, Jan 2000 http://alistapart.com/article/dao
  • Responsiveweb design
  • Survey
  • You’ve started to embraceresponsive web design
  • You’re not quite sure aboutresponsive web design
  • ContentProcessesOrganisations
  • Content, nowmobile
  • Content is a hairy, complicated beast.There’s stuff to research, sift through,create, curate, correct, schedule - andthat’s before we even think aboutpublishing. … No wonder we want tohide under the bed.Kristina HalvorsonAuthor, Content Strategy for the WebTaken from the foreword to The Elements of Content Strategy, 2011
  • Source: Google 2012 - http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  • We can’t treatmobile usersdifferently
  • Get your content ready togo anywhere because it’sgoing to go everywhere.Brad FrostFor a Future-Friendly WebOct 2011, http://bradfrostweb.com/blog/web/for-a-future-friendly-web/
  • Web page
  • Thinking about fundamentals ofour content and at a micro-level
  • Before we start throwing around fancyacronyms, we need to get closer to the contentitself, creating a framework for making smartdecisions about its structure. Only then can wetackle technology in meaningful, useful ways. Sohang on—this part’s important.Sara Wachter-BoettcherFuture-Ready ContentFeb 2012, http://alistapart.com/article/future-ready-content
  • Technology will change. Standards will evolve.But the need for understanding our content—itspurpose, meaning, structure, relationships, andvalue—will remain. When we can embrace thisthinking, we will unshackle our content—confident it will live on, heart intact, as it travelsinto the great future unknown.Sara Wachter-BoettcherFuture-Ready ContentFeb 2012, http://alistapart.com/article/future-ready-content
  • Future-friendlycontent
  • Still think it’s daunting? It is. It’s also a hugeopportunity— maybe the best we’ll see in ourcareers—to change the way we create, manage,and maintain our content. And it’s a big chanceto create a better user experience by improvingthe quality of our content. Let’s not waste it.Karen McGraneAuthor of Content Strategy for MobileNov 2012, http://alistapart.com/article/future-ready-content
  • Process andorganisations
  • Process and organisation
  • Design process
  • A journey
  • Constant change
  • Responsive webdesign doesn’t bite
  • Thank youDavid Cornforthd.cornforth@northumbria.ac.ukwww.jiscinfonet.ac.ukTwitter @dc86
  • Image referencesShark - http://www.flickr.com/photos/pftqg/4852669155/Classroom - http://www.flickr.com/photos/extraketchup/748446571/Certificate - http://www.flickr.com/photos/kjarrett/8663092646/sizes/k/in/photostream/Books - http://www.flickr.com/photos/alanvanroemburg/4302680837/Bath - http://www.flickr.com/photos/rnddave/7079399801/in/set-72157629456051442RWD book - http://www.flickr.com/photos/adactio/5818096043/Devices - http://www.flickr.com/photos/brad_frost/7387824246/Survey - http://www.flickr.com/photos/_theo_/4760961966/Scary - http://www.flickr.com/photos/53941041@N00/5511371073/Hoarding - http://www.flickr.com/photos/puuikibeach/7171920487/Assembly line - http://www.flickr.com/photos/hugo90/8233835560/Smile - http://www.flickr.com/photos/amorphesding/3392255694/Assembly line 2 - http://www.flickr.com/photos/24736216@N07/2994043188/PSD - http://www.flickr.com/photos/juanpol/3205556001/