reading-notes

Class 11

Back to home page

Video and audio content

Q. Explain how the ability to use video and audio on the web has evolved since the early 2000s.

• video mainly started out with pluggins like flash and silverlight, but had pretty big security issues. We have now moved into native HTML elements and the availability of JS api’s.

Q. Describe the use of the src and controls attributes in the video element.

• src is where the source of your video is coming from, pretty much a path to the users computer, while controls is how to manipulate the video like volume, pausing, and skipping content by fast forwarding.

Q. Why is it important to have fallback content inside the video element?

• this is important incase the browser does not support the video element or content. You can provide an alternate message and even link to the video source.

Q. Write a very short story where audio and video are characters.

• Video and audio are good friends, but could only communicate through sound and images. Though they are different in many ways, they always band together to make a full experience.

A complete guide to grid

Q. How does Grid layout differ from Flex?

• flex is a box model with content inside, while the grid is a literal grid where you manipulate content. Flex is one dimensional while grid is two dimensional.

Q. 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.

• The grid container is the what holds the items, items are the content that are being manipulated inside the container, and grid lines are the rows and columns that content position around.

Responsive images

Q. Besides making a site visually appealing across different screen sizes, why should developers make images responsive?

• For displaying identical images with the same quality but differently sized.

Q. Define the following img attributes srcset and sizes. Write an example of how they are used.

• srcset is a group of images that the browser will display depending on the screen size.

• sizes is a set of conditions that determines the best image for the size of the screen.

Q. How is srcset more helpful for responsive images than CSS or JavaScript?

• Providing multiple image sets allows the browser to produce the best quality picture depending on the users screen size.

Things I want to know more about

I want to see the grid in action, i dont have a clear understanding of how it works yet.