reading-notes

Audio, Video, Images

Video and Audio Content

Video and Audio

  1. In the early days video used flash to play online but it was not secure and has been replace.
  2. src works exactly the same for video that it does for imgs. you can use the controls element to add controls or use a js api that can do it.
  3. Fallback content is what you use to display if the browser doesnt support the video. like the alt attribute for imgs. You can even include a link to the video so the user can still see it.
  4. Im not writing a story. These are notes for a progressing developer not a childrens book writer.

Grid

A Complete Guide to Grid

  1. Grid is 1 directional and gird is “2-dimensional”
  2. describing grid container, line , and item
    • grid container is applied to the parent element of everything you want to lay out with grid.
    • grid item is all the children of the container
    • grid line is the dividing lines that structure the grid.

Responsive Images

Responsive IMG’s

  1. It is important to use responsive imgs because it makes the site look better across different sized devices AND it can save bandwidth on mobile devices that require smaller imgs.
  2. You can use srcset and sizes to change the img used inside the img tag as shown here: image
  3. The reason JS is worse for this is because the img starts to load before the rest of the content and if you used js to resize it it would cause you to load the img twice and its worse than just using the html option.