reading-notes

Class 11 Reading Assignment

Explain how the ability to use video and audio on the web has evolved since the early 2000’s.
- The first influx of online video and audio were made possible by plugin-based tecnologies like Flash and Silverlight, both os which had security and accessibility issues and are also now obsolete. We now use HTML elements
Describe the use of the src and controls attributes in the element:
- the src attribute contains a path to the video you want to embed. the controls attribute allows people to have control, so you either need this or to build your interface using JavaScript APIs.
Why is it important to have fallback content inside the element?
- It can be displayed if the browser does not support the video element, allowing us to provide a fallback for older browsers.
Write a very short story where and

How does grid layout differ from flex?
- flexbox was designed for layout in one dimension, like a row or column. Grid can be used for two dimensional layout, like rows AND columns.
Grid container, grid item, and grid line are a few important terms to understand when using grid. Please describe these terms in a few sentences:
- Grid container: the element on which display: grid is applied.
- Grid item: the child element of the grid container.
- Grid line: the dividing linea of the grid container that can be vertical, horizontal, ot both.

Besides making a site visually appealing across different screen sizes, why should developers make images responsive?
- they will work well on devices with widely different screen sizes, resolutions, and other such features.
Define the following attributes srcset and sizes. Write an example of how they are used.
- srcset: defines the set of images that we will allow the browser to choose between, and what size each image should be.
- sizes: defines the set of media conditions and indicates wwhat image size would be best to choose, when certain media conditions are true.
How is srcset more helpful for responsive images than CSS or JavaScript?
- When the browser starts to load a page, it starts to download (preload) any images before the main parser has started to load and interpret the page’s CSS and JavaScript. That mechanism is useful in general for reducing page load times, but it is not helpful for responsive images — hence the need to implement solutions like srcset.