reading-notes

Class 11 Notes

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

Everything started off with basically two proprietary plug ins. these plug ins had a host of issues which has lead us to where we are now where we can contain media within mp3, mp4, and WebM

Describe the use of the src and controls attributes in the

Source element is a tag that essecitally tells you where the file is and what it is. Src attribute will select the file and lasly the type file tells you what kind of file is being used.

Why is it important to have fallback content inside the

If there is something wrong with the internet or perhaps the user cannot see the video, it is good to have ball back content so the user knows what was there for context.

Write a very short story where

Once upon a time there were a group of twins. They looked very similar to eachother and thought very similar to each other (as twins often do). Howeverthese brother went down very different career paths. Once pursued music and to produce albums while the other went on to make movies and become an actor.

How does Grid layout differ from Flex?

Grid basically breaks down the contnet aread into boxes and then you can move items in the box based on those boxes.

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 besically is just the div (or other simialar semantic elements) that holds all the items you want within the contnet area. The grid item are the elements withing the container. The grid lionme is what breas up the grid into smaller boxes that will be used to guide content.

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

It also makes a wbsite easier to navigate when things move inuitively to how the user thinks.

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

Srcset allows the browser to choose which images it would like to use and how the image will be sixed. sizes defines what the actual conditions fit each images best .

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

It speeds up load times and is less work for the developer.