Responsive Web Design PPT
-
Upload
mark-aldein -
Category
Presentations & Public Speaking
-
view
244 -
download
0
description
Transcript of Responsive Web Design PPT
![Page 1: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/1.jpg)
Responsive Web Design
Presented By…
http://brand-maestro.com
![Page 2: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/2.jpg)
What Is Responsiv
e Web Design?
Responsive Web design is the approach that suggests that design and development should respond to the user’s behaviour and environment based on screen size, platform and orientation.
Ethan Marcotte Says, “Recently, an emergent discipline called ‘responsive architecture’ has begun asking how physical spaces can respond to the presence of people passing through them…”
![Page 3: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/3.jpg)
Flexible Grid Layout
Media Queries
Flexible Images & Typography
Adaptive User Experience
![Page 4: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/4.jpg)
New devices with new screen size and resolution are being developed everyday. Some of them comes in landscape and some in portrait. In addition to designing for both landscape and portrait we must consider the hundreds of different screen sizes.
![Page 5: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/5.jpg)
![Page 6: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/6.jpg)
![Page 7: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/7.jpg)
![Page 8: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/8.jpg)
/ brandmaestro
/ brandmaestros
/brandmaestro
![Page 9: Responsive Web Design PPT](https://reader036.fdocuments.net/reader036/viewer/2022062707/55813f6dd8b42a9b098b4ccf/html5/thumbnails/9.jpg)