mader henry week4_presentation
DESCRIPTION
TRANSCRIPT
![Page 1: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/1.jpg)
Responsive Web Design
By: Henry A. Mader
![Page 2: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/2.jpg)
What is a Responsive Web
Design?A responsive web design is a simple way of making a
single webpage work effectively on both desktops and mobile devices. It will give the best quality
browsing experience regardless of the operating system.
![Page 3: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/3.jpg)
Example
![Page 4: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/4.jpg)
Delivers App-Like Experience
Simpler Navigation
Focused Content
Faster Page Loads
Reduce the need for having a app built
![Page 5: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/5.jpg)
Four mobile trends business can't afford to
ignorehttp://responsivedesign.ca/blog/opportunity-swipes-1-four-mobile-trends-business-cant-afford-to-
ignore
![Page 6: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/6.jpg)
![Page 7: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/7.jpg)
![Page 8: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/8.jpg)
![Page 9: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/9.jpg)
![Page 10: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/10.jpg)
Prepared For TheFuture
Forward Thinking Tech.
Prepares For New Devices
Groups Devices By The Size Of The Screen
Flexible To Respond To The Exact Screen Size Of The Device
Adaptive Layouts
Automatically adjusts to orientation
![Page 11: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/11.jpg)
Great With Search EnginesEasy for search engines to read.
No duplication of content when it comes to mobile or not mobile sites
No risk of ranking penaltys
![Page 12: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/12.jpg)
Cost Efficient Having one site that works with every device saves money instead of spending lots of money designing different sites for different devices
![Page 13: Mader henry week4_presentation](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b52f294a7959e46f8b4622/html5/thumbnails/13.jpg)
Because technology will never stop improving, we will continue to see more devices each day. It’s time to make life
easier and enjoyable by transforming your old web design to a responsive web
design.