Submit Search
Upload
Responsive design in ten minutes
•
Download as PPT, PDF
•
1 like
•
1,414 views
Dotkumo
Follow
Presentation for the University of Leeds Mobile Learning Group by Rich Ashby
Read less
Read more
Education
Technology
Business
Report
Share
Report
Share
1 of 30
Download now
Recommended
Designing a P2PU School of Webcraft Challenge
Designing a P2PU School of Webcraft Challenge
Jane Park
Social Media for Artistic People
Social Media for Artistic People
Tim Vahsholtz, Quartzlight Marketing
9 27-2012 -long
9 27-2012 -long
Sky Lar
Beepi and Digital Dealer
Beepi and Digital Dealer
Go Between Conseil
Why hardware accelerator matters
Why hardware accelerator matters
Lman Chu
Dealing with large code bases. cd ams meetup
Dealing with large code bases. cd ams meetup
Viktor Sadovnikov
Social Media for Arts Service Organizations: No Strategy? No Time? No Staff? ...
Social Media for Arts Service Organizations: No Strategy? No Time? No Staff? ...
Sarah Page
9a Promoció IWE/IWT
9a Promoció IWE/IWT
ITCS - Institut Tècnic Català de la Soldadura
Recommended
Designing a P2PU School of Webcraft Challenge
Designing a P2PU School of Webcraft Challenge
Jane Park
Social Media for Artistic People
Social Media for Artistic People
Tim Vahsholtz, Quartzlight Marketing
9 27-2012 -long
9 27-2012 -long
Sky Lar
Beepi and Digital Dealer
Beepi and Digital Dealer
Go Between Conseil
Why hardware accelerator matters
Why hardware accelerator matters
Lman Chu
Dealing with large code bases. cd ams meetup
Dealing with large code bases. cd ams meetup
Viktor Sadovnikov
Social Media for Arts Service Organizations: No Strategy? No Time? No Staff? ...
Social Media for Arts Service Organizations: No Strategy? No Time? No Staff? ...
Sarah Page
9a Promoció IWE/IWT
9a Promoció IWE/IWT
ITCS - Institut Tècnic Català de la Soldadura
poverty by Armghan Arshad
poverty by Armghan Arshad
kaka ptaka
Burnette - Building a culture of trust
Burnette - Building a culture of trust
HR Florida State Council, Inc.
Certidão de Acervo Técnico EMURB-SP
Certidão de Acervo Técnico EMURB-SP
Gladston Bernardi
PerfilInnews
PerfilInnews
Eduardo Ritschel
Top 5 digital trends of 2016
Top 5 digital trends of 2016
Gianluca Girard
200810 Communities&Conversations
200810 Communities&Conversations
Rob Inskeep
Lean Manufacturing Is Not Like Software Development
Lean Manufacturing Is Not Like Software Development
Darren Duarte
2015 Intellectual Property (IP) Year in Review
2015 Intellectual Property (IP) Year in Review
Knobbe Martens - Intellectual Property Law
Kent Nichols, "Downshifting Your Life to Rev Up Your Creativity"
Kent Nichols, "Downshifting Your Life to Rev Up Your Creativity"
WebVisions
Monster Loyalty presentation - annotated slides
Monster Loyalty presentation - annotated slides
Jackie Huba
Xxxxxx karim a hamir 2015 resume
Xxxxxx karim a hamir 2015 resume
Karim Hamir
The Current State of Trade Secret Law and How the New Federal Statute Will Sh...
The Current State of Trade Secret Law and How the New Federal Statute Will Sh...
Knobbe Martens - Intellectual Property Law
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
Denise Jacobs
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
Lisa Herrod
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps Seminar
Perficient, Inc.
Major Cross Browser Compatibility issues faced by the Developers
Major Cross Browser Compatibility issues faced by the Developers
pCloudy
Aamdani.com
Aamdani.com
Syed Ali Haider
Responsive Web Design & the Library
Responsive Web Design & the Library
ariannaschlegel
Twitter bootstrap-101
Twitter bootstrap-101
Kim Hardie
Startup Institute NYC: Styling
Startup Institute NYC: Styling
Matthew Gerrior
Progressive Enhancement
Progressive Enhancement
Dan Sagisser
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdf
Laura Miller
More Related Content
Viewers also liked
poverty by Armghan Arshad
poverty by Armghan Arshad
kaka ptaka
Burnette - Building a culture of trust
Burnette - Building a culture of trust
HR Florida State Council, Inc.
Certidão de Acervo Técnico EMURB-SP
Certidão de Acervo Técnico EMURB-SP
Gladston Bernardi
PerfilInnews
PerfilInnews
Eduardo Ritschel
Top 5 digital trends of 2016
Top 5 digital trends of 2016
Gianluca Girard
200810 Communities&Conversations
200810 Communities&Conversations
Rob Inskeep
Lean Manufacturing Is Not Like Software Development
Lean Manufacturing Is Not Like Software Development
Darren Duarte
2015 Intellectual Property (IP) Year in Review
2015 Intellectual Property (IP) Year in Review
Knobbe Martens - Intellectual Property Law
Kent Nichols, "Downshifting Your Life to Rev Up Your Creativity"
Kent Nichols, "Downshifting Your Life to Rev Up Your Creativity"
WebVisions
Monster Loyalty presentation - annotated slides
Monster Loyalty presentation - annotated slides
Jackie Huba
Xxxxxx karim a hamir 2015 resume
Xxxxxx karim a hamir 2015 resume
Karim Hamir
The Current State of Trade Secret Law and How the New Federal Statute Will Sh...
The Current State of Trade Secret Law and How the New Federal Statute Will Sh...
Knobbe Martens - Intellectual Property Law
Viewers also liked
(12)
poverty by Armghan Arshad
poverty by Armghan Arshad
Burnette - Building a culture of trust
Burnette - Building a culture of trust
Certidão de Acervo Técnico EMURB-SP
Certidão de Acervo Técnico EMURB-SP
PerfilInnews
PerfilInnews
Top 5 digital trends of 2016
Top 5 digital trends of 2016
200810 Communities&Conversations
200810 Communities&Conversations
Lean Manufacturing Is Not Like Software Development
Lean Manufacturing Is Not Like Software Development
2015 Intellectual Property (IP) Year in Review
2015 Intellectual Property (IP) Year in Review
Kent Nichols, "Downshifting Your Life to Rev Up Your Creativity"
Kent Nichols, "Downshifting Your Life to Rev Up Your Creativity"
Monster Loyalty presentation - annotated slides
Monster Loyalty presentation - annotated slides
Xxxxxx karim a hamir 2015 resume
Xxxxxx karim a hamir 2015 resume
The Current State of Trade Secret Law and How the New Federal Statute Will Sh...
The Current State of Trade Secret Law and How the New Federal Statute Will Sh...
Similar to Responsive design in ten minutes
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
Denise Jacobs
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
Lisa Herrod
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps Seminar
Perficient, Inc.
Major Cross Browser Compatibility issues faced by the Developers
Major Cross Browser Compatibility issues faced by the Developers
pCloudy
Aamdani.com
Aamdani.com
Syed Ali Haider
Responsive Web Design & the Library
Responsive Web Design & the Library
ariannaschlegel
Twitter bootstrap-101
Twitter bootstrap-101
Kim Hardie
Startup Institute NYC: Styling
Startup Institute NYC: Styling
Matthew Gerrior
Progressive Enhancement
Progressive Enhancement
Dan Sagisser
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdf
Laura Miller
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
NAWAZ KHAN
2014 Android and iOS Design Trends
2014 Android and iOS Design Trends
Melvin Thambi
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?
Helios Solutions
Resume-UI developer
Resume-UI developer
SriSubba Kasireddy
Top 12 Front End Technologies to Use In 2024.pdf
Top 12 Front End Technologies to Use In 2024.pdf
Laura Miller
Adapt Multi-Device Learning Webinar - January 22nd 2014
Adapt Multi-Device Learning Webinar - January 22nd 2014
Kineo
Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK
Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK
Learning Pool Ltd
Ws 16
Ws 16
adeel Rajper
Responsive Web Design - Advantages and Best Practice for Sports Direct
Responsive Web Design - Advantages and Best Practice for Sports Direct
Cantarus
Responsive Web Design: Advantages & Best Practice - Darrin Adams, Cantarus
Responsive Web Design: Advantages & Best Practice - Darrin Adams, Cantarus
Internet World
Similar to Responsive design in ten minutes
(20)
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps Seminar
Major Cross Browser Compatibility issues faced by the Developers
Major Cross Browser Compatibility issues faced by the Developers
Aamdani.com
Aamdani.com
Responsive Web Design & the Library
Responsive Web Design & the Library
Twitter bootstrap-101
Twitter bootstrap-101
Startup Institute NYC: Styling
Startup Institute NYC: Styling
Progressive Enhancement
Progressive Enhancement
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdf
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
2014 Android and iOS Design Trends
2014 Android and iOS Design Trends
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?
Resume-UI developer
Resume-UI developer
Top 12 Front End Technologies to Use In 2024.pdf
Top 12 Front End Technologies to Use In 2024.pdf
Adapt Multi-Device Learning Webinar - January 22nd 2014
Adapt Multi-Device Learning Webinar - January 22nd 2014
Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK
Adapt Webinar on Responsive E-learning | Learning Pool, C&G Kineo, Sponge UK
Ws 16
Ws 16
Responsive Web Design - Advantages and Best Practice for Sports Direct
Responsive Web Design - Advantages and Best Practice for Sports Direct
Responsive Web Design: Advantages & Best Practice - Darrin Adams, Cantarus
Responsive Web Design: Advantages & Best Practice - Darrin Adams, Cantarus
Recently uploaded
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
Patidar M
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
Humphrey A Beña
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
Excellence Foundation for South Sudan
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
deepaannamalai16
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
Quiz Club NITW
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
VanesaIglesias10
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
DhatriParmar
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
DhatriParmar
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
MichelleTuguinay1
week 1 cookery 8 fourth - quarter .pptx
week 1 cookery 8 fourth - quarter .pptx
JonalynLegaspi2
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Quiz Club NITW
Transaction Management in Database Management System
Transaction Management in Database Management System
Christalin Nelson
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
Nguyen Thanh Tu Collection
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
DhatriParmar
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Sri Sairam College Of Engineering Bengaluru
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Development
chesterberbo7
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Quiz Club NITW
Expanded definition: technical and operational
Expanded definition: technical and operational
ssuser3e220a
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
karenfajardo43
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
Stan Meyer
Recently uploaded
(20)
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
week 1 cookery 8 fourth - quarter .pptx
week 1 cookery 8 fourth - quarter .pptx
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Transaction Management in Database Management System
Transaction Management in Database Management System
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Development
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Expanded definition: technical and operational
Expanded definition: technical and operational
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
Responsive design in ten minutes
1.
School of something FACULTY
OF OTHER Responsive design in ten minutes Mobile Learning Network Rich Ashby 19 June 2013
2.
Background Multi-device world
3.
Background Exponential growth of
mobile
4.
Background Poor user experience
5.
Background Responsive design began
in 2010
6.
Benefits of responsive
design Helps us reach the widest audience
7.
Benefits of responsive
design Radically enhances user experience
8.
Benefits of responsive
design Competitive parity
9.
Benefits of responsive
design Platform agnostic
10.
Benefits of responsive
design Flexible and future-proof
11.
Benefits of responsive
design Improved search rankings
12.
Building blocks HTML5 and
CSS3
13.
Building blocks Viewports
14.
Building blocks Media queries
15.
Building blocks Fluid grids
and breakpoints
16.
Building blocks JavaScript and
jQuery
17.
How does it
all work? Media queries detect device
18.
How does it
all work? Fluid grid layouts served to devices
19.
Challenges Retro-fitting can be
difficult
20.
Challenges Images need to
work with fluid grids
21.
Challenges Images need to
work with fluid grids
22.
Challenges Images need to
work with fluid grids
23.
Challenges Images need to
work with fluid grids
24.
Challenges High pixel density
displays
25.
Challenges Browser support
26.
Challenges Planning process
27.
Challenges Additional testing
28.
Challenges Much greater focus
on typography
29.
Good news Full support
in Jadu and WordPress
30.
Thank-you Questions and demo
Editor's Notes
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
October Version 2
Download now