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
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
dawncurless
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
GeoBlogs
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Krashi Coaching
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
GaneshChakor2
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
UmakantAnnand
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
pboyjonauth
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Maksud Ahmed
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
FatimaKhan178732
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
ssuser54595a
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
RKavithamani
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
NirmalaLoungPoorunde1
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
RoyAbrique
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
Celine George
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
VS Mahajan Coaching Centre
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
anshu789521
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
OH TEIK BIN
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
Chameera Dedduwage
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
PoojaSen20
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
JemimahLaneBuaron
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
KarinaGenton
Recently uploaded
(20)
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
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