Web Big Concepts Chapter 3 - Multitude of Devices and Standards
In this chapter, explore the importance of web standards, progressive enhancement, responsive web design, and the multitude of devices connected via the Internet of Things (IoT). Learn about sticking with standards and employing progressive enhancements for better site performance. The responsive web design strategy focuses on custom layouts for different devices, ensuring optimal viewing on various screen sizes. Dive into the world of interactive TVs, smartwatches, and more to understand the evolving landscape of web technologies.
Uploaded on Mar 10, 2025 | 0 Views
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Web: Big Concepts Ch. 3 1 3/10/2025
Objectives 2 Multitude of devices Web standards Progressive enhancement Responsive web design Accessibility Site performance 3/10/2025
Multitude of devices 3 3/10/2025
Internet of Things (IOT) 4 Interactive TVs, chrome cast like devices Different types of tablets Different types of computers Smartwatches Smart virtual interfaces Automobiles, planes and trains Fridges and other programmable kitchen devices Smart homes (security system) 3/10/2025
Sticking with standards 5 Good start for standards is to follow the HTML, CSS, and JavaScript standards as documented by the World WideWeb Consortium (W3C). Sticking with web standards is your primary tool for ensuring your site is as consistent as possible on all standards-compliant browsers. It also helps make your content forward-compatible as web technologies and browser capabilities evolve. Another benefit is you can tell your clients that you create standards-compliant sites. JavaScript is the scripting language that makes web pages interactive and dynamic 3/10/2025
Progressive Enhancements 6 Progressive enhancement is an approach that informs all aspects of page design and production, including HTML, CSS, and JavaScript. usable on the widest range of browsing environments, including the oldest browsers, future browsers, and mobile and assistive devices. A clean HTML document with its elements accurately and thoroughly described. You can create layers of experience simply by taking advantage of the way browsers parse style sheet rules. 3/10/2025
Responsive Web design 7 Responsive web design is a strategy for providing custom layouts to devices based on the size of the viewport (browser window). The trick to responsive web design is serving a single HTML document to all devices, but applying different style sheets based on the screen size in order to provide the most optimized layout for that device. 3/10/2025
Resizing according to device viewport 8 3/10/2025
One web for all (Accessibility) 9 Keep in mind that people access the Web in many different ways with screen readers, Braille output, magnifiers, joysticks, foot pedals, and so on. Web designers must build pages ina manner that creates as few barriers as possible to getting to information, regardless of the user s ability and the device used to access the Web. Address: Vision impairment, mobility impairment, auditory impairment, cognitive impairment. 3/10/2025
Site performance 10 Site performance is critical for keeping the used engaged. There are many things you can do (as a web site designer) to improve the performance of your site, and they fall under the two broad categories of limiting file sizes and reducing the number of requests to the server. You system admin can also work on the infrastructure to provide better response time etc. 3/10/2025
Summary 11 We looked at various qualities you should keep in mind when designing a web site. Next we look at another example from Chapter 4. 3/10/2025
