Skip to content

Latest commit

 

History

History

thumbnails

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

Video Thumbnails

Video thumbnails help catch users eye in the search results and give them a preview of what to expect while watching the stream.

An example of a thumbnail can be found here

Contributing

  • Copy the TEMPLATE.md file in this folder to a file with the format video-id.md
  • Create an image using the progam of your choice (Photoshop, Google Draw etc.)
    • Should be 1920x1080 pixels (16:9 aspect ratio)
  • Capture a snapshot of the live stream using a tool like this
    • The snapshot should be relevant to the stream (showing the UI that will be built or a diagram etc.)
  • Include the Title of the stream and what is being built
    • The Share Tech Mono font is used on most thumbnails, but feel free to be creative
  • Optionaly, you can add tech logos (JS, Vue, React etc.) on top of the image
  • Export the image as PNG and host the image on imgur.com
  • Add a link to the image
  • Add your name to the bottom of the file (e.g. Contributed by: @w3cj)
  • After adding a new file, add a link to it in the list below

Thumbnails