What is responsive design audel alvarez
-
Upload
communic8 -
Category
Technology
-
view
515 -
download
2
Transcript of What is responsive design audel alvarez
![Page 1: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/1.jpg)
Presenting today:Audel Alvarez
Senior Art Director
![Page 2: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/2.jpg)
• A responsive design allows for a site’s layout and content to adapt and respond to the screen resolution on which it is being rendered.
• The backend code is the same, yet it is rendered differently as the screen resolution changes.
Responsive Design What is it?
![Page 3: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/3.jpg)
• Reduces the need to spend valuable time maintaining separate desktop and mobile sites
• Creates the ability to make changes once and have those changes reflected across different platforms
• Mobile is no longer an afterthought but becomes a fundamental part of the design and development
• Makes the end-user experience more consistent across platforms
Responsive Design Advantages
![Page 4: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/4.jpg)
• It’s not a solution that makes sense for all websites
• Ads are served differently on mobile and desktop sites which impact the ability to be responsive
• True mobile sites can have certain features or functionality that don’t translate well with responsive design (ie. LinkedIn iPad app).
• Not adequate for App-like mobile HTML 5 sites which can be more complex.
Responsive Design Disadvantages
![Page 5: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/5.jpg)
Responsive Design Examples
![Page 6: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/6.jpg)
Responsive Design Examples
![Page 7: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/7.jpg)
Responsive Design Examples
![Page 8: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/8.jpg)
Responsive Design Examples
![Page 9: What is responsive design audel alvarez](https://reader036.fdocuments.us/reader036/viewer/2022062514/557da670d8b42a467c8b472c/html5/thumbnails/9.jpg)
Responsive Design Examples