Notes for Images, Audio, Video, Fonts
By Scott Granneman & Jans Carton
Find the presentation at http://www.granneman.com/presentations/
## Slide 4
Wikipedia contributors. “Data compression”. Wikipedia, The Free Encyclopedia, 11 July 2022, https://en.wikipedia.org/wiki/Data_compression. Web. 15 July 2022.
## Slide 6
Wikipedia contributors. “Data compression”. Wikipedia, The Free Encyclopedia, 11 July 2022, https://en.wikipedia.org/wiki/Data_compression. Web. 15 July 2022.
## Slide 8
Wikipedia contributors. “Data compression”. Wikipedia, The Free Encyclopedia, 11 July 2022, https://en.wikipedia.org/wiki/Data_compression. Web. 15 July 2022.
## Slide 9
AzaToth. “File:Felis silvestris silvestris small gradual decrease of quality.png”. Wikipedia, The Free Encyclopedia, Original by Michael Gäbler, 3 Oct 2011, https://en.wikipedia.org/wiki/File:Felis_silvestris_silvestris_small_gradual_decrease_of_quality.png. Web. 11 Oct 2023.
Licensed CC BY 3.0: https://creativecommons.org/licenses/by/3.0/. Modified by converting to the WebP format & enlarging using AI.
## Slide 12
Wikipedia contributors. “Data compression”. Wikipedia, The Free Encyclopedia, 11 July 2022, https://en.wikipedia.org/wiki/Data_compression. Web. 15 July 2022.
## Slide 14
Wikipedia contributors. “Data compression”. Wikipedia, The Free Encyclopedia, 11 July 2022, https://en.wikipedia.org/wiki/Data_compression. Web. 15 July 2022.
## Slide 19
Wikipedia contributors. “Raster graphics”. Wikipedia, The Free Encyclopedia, 24 June 2022, https://en.wikipedia.org/wiki/Raster_graphics. Web. 8 Jul. 2022.
## Slide 20
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
Note that this is a PNG version of the SVG file.
## Slide 21
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
Note that this is a PNG version of the SVG file.
## Slide 22
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
Note that this is a PNG version of the SVG file.
## Slide 23
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
Note that this is a PNG version of the SVG file.
## Slide 24
WebSanity. “Raster vs. Vector”. CodePen, 2 July 2022, https://codepen.io/websanity/pen/OJQdmdr?editors=1000. Web. 2 Jul 2022.
## Slide 25
WebSanity. “Raster vs. Vector”. CodePen, 2 July 2022, https://codepen.io/websanity/pen/OJQdmdr?editors=1000. Web. 2 Jul 2022.
## Slide 26
WebSanity. “Raster vs. Vector”. CodePen, 2 July 2022, https://codepen.io/websanity/pen/OJQdmdr?editors=1000. Web. 2 Jul 2022.
## Slide 28
Adobe Photoshop: https://www.adobe.com/products/photoshop.html
Microsoft Paint: https://apps.microsoft.com/store/detail/paint/9PCFS5B6T72H?hl=en-us&gl=US
Paint.NET: https://www.getpaint.net
Acorn: https://flyingmeat.com/acorn/
Pixelmator Pro: https://www.pixelmator.com/pro/
Affinity Photo: https://affinity.serif.com/en-us/photo/
## Slide 30
Wikipedia contributors. “Vector graphics”. Wikipedia, The Free Encyclopedia, 26 June 2022, https://en.wikipedia.org/wiki/Vector_graphics. Web. 8 July 2022.
## Slide 32
WebSanity. “HTML - SVG example”. CodePen, 7 June 2015, http://codepen.io/websanity/pen/xGdLxJ?editors=100. Web. 4 Apr 2022.
## Slide 33
WebSanity. “SVG Yin Yang”. CodePen, 15 Jan. 2021, https://codepen.io/websanity/pen/poEqPNN?editors=1000. Web. 4 Apr 2022.
## Slide 34
WebSanity. “HSL Color Wheel: Tones”. CodePen, 23 July 2020, https://codepen.io/websanity/pen/QWNMRq?editors=1000. Web. 19 Feb 2022.
## Slide 35
WebSanity. “HSL Color Wheel: Tones”. CodePen, 23 July 2020, https://codepen.io/websanity/pen/QWNMRq?editors=1000. Web. 19 Feb 2022.
## Slide 36
WebSanity. “Raster vs. Vector”. CodePen, 2 July 2022, https://codepen.io/websanity/pen/OJQdmdr?editors=1000. Web. 2 Jul 2022.
## Slide 37
WebSanity. “Raster vs. Vector”. CodePen, 2 July 2022, https://codepen.io/websanity/pen/OJQdmdr?editors=1000. Web. 2 Jul 2022.
## Slide 38
WebSanity. “Raster vs. Vector”. CodePen, 2 July 2022, https://codepen.io/websanity/pen/OJQdmdr?editors=1000. Web. 2 Jul 2022.
## Slide 39
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
## Slide 40
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
## Slide 41
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
## Slide 42
Tonchino. “File:Vector-based example.svg”. Wikipedia, 11 Jan. 2013, https://en.wikipedia.org/wiki/File:Vector-based_example.svg. Web. 4 Apr 2022.
## Slide 45
“PNG to SVG (Free, Full Color)”. SvgTrace, https://svgtrace.com/png-to-svg. Web. 11 Oct 2023.
## Slide 46
Adobe Illustrator: https://www.adobe.com/products/illustrator.html
Inkscape: https://inkscape.org
CorelDRAW: https://www.coreldraw.com/en/
Vectornator: https://www.vectornator.io
Affinity Designer: https://affinity.serif.com/en-us/designer/
Pixelmator Pro: https://www.pixelmator.com/pro/
## Slide 49
Wikipedia contributors. “GIF”. Wikipedia, The Free Encyclopedia, 6 December 2021, https://en.wikipedia.org/w/index.php?title=GIF&oldid=1058928240. Web. 7 December 2021.
“Baby Run Omg GIF”. Tenor, 6 May 2017, https://tenor.com/view/baby-run-omg-oops-gif-8508999. Web. 10 Nov. 2021.
## Slide 50
Apple. “Delivering Video Content for Safari”. Apple Developer, https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari. Web. 21 Sep 2022.
## Slide 51
Apple. “Delivering Video Content for Safari”. Apple Developer, https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari. Web. 21 Sep 2022.
## Slide 52
Wikipedia contributors. “JPEG”. Wikipedia, The Free Encyclopedia, 28 November 2021, https://en.wikipedia.org/w/index.php?title=JPEG&oldid=1057572559. Web. 7 December 2021.
## Slide 53
Wikipedia contributors. “Portable Network Graphics”. Wikipedia, The Free Encyclopedia, https://en.wikipedia.org/w/index.php?title=Portable_Network_Graphics&oldid=1058174006, 1 December 2021. Web. 7 December 2021.
## Slide 54
Wikipedia contributors. “Scalable Vector Graphics”. Wikipedia, The Free Encyclopedia, https://en.wikipedia.org/w/index.php?title=Scalable_Vector_Graphics&oldid=1058807617, 5 December 2021. Web. 7 December 2021.
## Slide 55
MDN contributors. “Image file type and format guide”. MDN Web Docs, 17 Mar. 2022, https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types. Web. 4 Apr 2022.
## Slide 57
Google. “An image format for the Web”. Google Developers, 16 August 2021, https://web.archive.org/web/20211203115942/https://developers.google.com/speed/webp. Web. 5 December 2021.
Wikipedia contributors. “WebP.” Wikipedia, The Free Encyclopedia, 19 November 2021, https://en.wikipedia.org/w/index.php?title=WebP&oldid=1056059303. Web. 3 December 2021.
Deveria, Alexis. “WebP image format”. Can I use..., 1 December 2021, https://caniuse.com/webp. Web. 5 December 2021.
## Slide 58
Google. “An image format for the Web”. Google Developers, 16 August 2021, https://web.archive.org/web/20211203115942/https://developers.google.com/speed/webp. Web. 5 December 2021.
Wikipedia contributors. “WebP.” Wikipedia, The Free Encyclopedia, 19 November 2021, https://en.wikipedia.org/w/index.php?title=WebP&oldid=1056059303. Web. 3 December 2021.
## Slide 59
Ella Fitzgerald and Louis Armstrong’s Ella and Louis (1956).
See: Wikipedia contributors. “Ella and Louis”. Wikipedia, The Free Encyclopedia, https://en.wikipedia.org/w/index.php?title=Ella_and_Louis&oldid=1061221899, 20 Dec. 2021. Web. 4 Apr. 2022.
Radiohead’s OK Computer (1997).
See: Wikipedia contributors. “OK Computer”. Wikipedia, The Free Encyclopedia, https://en.wikipedia.org/w/index.php?title=OK_Computer&oldid=1080957748, 4 Apr. 2022. Web. 4 Apr. 2022.
Frank Sinatra’s Come Fly With Me (1958).
See: Wikipedia contributors. “Come Fly with Me (Frank Sinatra album)”. Wikipedia, The Free Encyclopedia, https://en.wikipedia.org/w/index.php?title=Come_Fly_with_Me_(Frank_Sinatra_album)&oldid=1050650635, 19 Oct. 2021. Web. 4 Apr. 2022.
## Slide 60
Ella Fitzgerald and Louis Armstrong’s Ella and Louis (1956).
See: Wikipedia contributors. “Ella and Louis”. Wikipedia, The Free Encyclopedia, 20 Dec. 2021, https://en.wikipedia.org/w/index.php?title=Ella_and_Louis&oldid=1061221899. Web. 4 Apr. 2022.
Radiohead’s OK Computer (1997).
See: Wikipedia contributors. “OK Computer”. Wikipedia, The Free Encyclopedia, 4 Apr. 2022, https://en.wikipedia.org/w/index.php?title=OK_Computer&oldid=1080957748. Web. 4 Apr. 2022.
Frank Sinatra’s Come Fly With Me (1958).
See: Wikipedia contributors. “Come Fly with Me (Frank Sinatra album)”. Wikipedia, The Free Encyclopedia, 19 Oct. 2021, https://en.wikipedia.org/w/index.php?title=Come_Fly_with_Me_(Frank_Sinatra_album)&oldid=1050650635. Web. 4 Apr. 2022.
## Slide 61
M. C. Escher’s Drawing Hands (1948).
See: Wikipedia contributors. “Drawing Hands”. Wikipedia, The Free Encyclopedia, 22 Feb. 2022, https://en.wikipedia.org/w/index.php?title=Drawing_Hands&oldid=1073475238. Web. 4 Apr. 2022.
Hokusai’s The Great Wave Off Kanagawa (1831).
See: Wikipedia contributors. “The Great Wave off Kanagawa”. Wikipedia, The Free Encyclopedia, 20 Mar. 2022, https://en.wikipedia.org/w/index.php?title=The_Great_Wave_off_Kanagawa&oldid=1078318929. Web. 4 Apr. 2022.
Georges Seurat’s A Sunday Afternoon on the Island of La Grande Jatte (1884).
See: Wikipedia contributors. “A Sunday Afternoon on the Island of La Grande Jatte”. Wikipedia, The Free Encyclopedia, 27 Feb. 2022, https://en.wikipedia.org/w/index.php?title=A_Sunday_Afternoon_on_the_Island_of_La_Grande_Jatte&oldid=1074227011. Web. 4 Apr. 2022.
## Slide 62
M. C. Escher’s Drawing Hands (1948).
See: Wikipedia contributors. “Drawing Hands”. Wikipedia, The Free Encyclopedia, 22 Feb. 2022, https://en.wikipedia.org/w/index.php?title=Drawing_Hands&oldid=1073475238. Web. 4 Apr. 2022.
Hokusai’s The Great Wave Off Kanagawa (1831).
See: Wikipedia contributors. “The Great Wave off Kanagawa”. Wikipedia, The Free Encyclopedia, 20 Mar. 2022, https://en.wikipedia.org/w/index.php?title=The_Great_Wave_off_Kanagawa&oldid=1078318929. Web. 4 Apr. 2022.
Georges Seurat’s A Sunday Afternoon on the Island of La Grande Jatte (1884).
See: Wikipedia contributors. “A Sunday Afternoon on the Island of La Grande Jatte”. Wikipedia, The Free Encyclopedia, 27 Feb. 2022, https://en.wikipedia.org/w/index.php?title=A_Sunday_Afternoon_on_the_Island_of_La_Grande_Jatte&oldid=1074227011. Web. 4 Apr. 2022.
## Slide 63
NASA, ESA, CSA, STScI, Webb ERO Production Team. “Tarantula Nebula (NIRCam Image)”. Webb Space Telescope, 6 Sep 2022, https://webbtelescope.org/contents/media/images/2022/041/01GA76MYFN0FMKNRHGCAGGYCVQ?news=true. Web. 6 Sep 2022.
Public domain.
## Slide 65
Issaoun, Sara et al. “Astronomers unveil strong magnetic fields spiraling at the edge of Milky Way’s central black hole”. European Southern Observatory, 27 Mar. 2024, https://www.eso.org/public/news/eso2406/. Web. 29 Mar. 2024.
Licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/. Modified by converting to the WebP format.
## Slide 66
Issaoun, Sara et al. “Astronomers unveil strong magnetic fields spiraling at the edge of Milky Way’s central black hole”. European Southern Observatory, 27 Mar. 2024, https://www.eso.org/public/news/eso2406/. Web. 29 Mar. 2024.
Licensed CC BY 4.0: https://creativecommons.org/licenses/by/4.0/. Modified by converting to the WebP format.
## Slide 67
Wikipedia contributors. “WebP.” Wikipedia, The Free Encyclopedia, 19 November 2021, https://en.wikipedia.org/w/index.php?title=WebP&oldid=1056059303. Web. 3 December 2021.
Google. “WebP 2”. Google Git, 29 November 2021, https://chromium.googlesource.com/codecs/libwebp2/. Web. 5 December 2021.
## Slide 68
Google. “WebPShop”. Google Developers, 16 August 2021, https://developers.google.com/speed/webp/docs/webpshop. Web. 6 December 2021.
“Work with WebP files in Photoshop”. Adobe Support, 15 Nov 2022, https://helpx.adobe.com/photoshop/kb/support-webp-image-format.html. Web. 25 Jan 2023.
## Slide 69
WebM Project. “WebPShop”. GitHub, 26 November 2021, https://github.com/webmproject/WebPShop. Web. 6 December 2021.
## Slide 70
FIXME
## Slide 71
Wikipedia contributors. “AVIF”. Wikipedia, The Free Encyclopedia, 27 November 2021, https://en.wikipedia.org/w/index.php?title=AVIF&oldid=1057338374. Web. 7 December 2021.
Archibald, Jake. “AVIF has landed”. Jake Archibald, 8 September 2020, https://jakearchibald.com/2020/avif-has-landed/. Web. 6 December 2021.
## Slide 72
Wikipedia contributors. “AVIF”. Wikipedia, The Free Encyclopedia, 27 November 2021, https://en.wikipedia.org/w/index.php?title=AVIF&oldid=1057338374. Web. 7 December 2021.
## Slide 73
Wikipedia contributors. “JPEG XL”. Wikipedia, The Free Encyclopedia, 3 December 2021, https://en.wikipedia.org/w/index.php?title=JPEG_XL&oldid=1058484706. Web. 7 December 2021.
Joint Photographic Experts Group (JPEG) committee. “Overview of JPEG XL”. JPEG, https://jpeg.org/jpegxl/. Web. 9 Feb 2022.
## Slide 74
Deveria, Alexis [@Fyrd]. “JPEG XL image format”. Can I use…, 29 Nov 2022, https://caniuse.com/jpegxl. Web. 30 Nov 2022.
## Slide 75
dah…@chromium.org. “Comment 84”, from “Issue 1178058: JPEG XL decoding support (image/jxl) in blink (tracking bug)”. Chromium Bugs, 30 Oct 2022, https://bugs.chromium.org/p/chromium/issues/detail?id=1178058#c84. Web. 30 Nov 2022.
## Slide 76
Wikipedia contributors. “JPEG XL”. Wikipedia, The Free Encyclopedia, 3 December 2021, https://en.wikipedia.org/w/index.php?title=JPEG_XL&oldid=1058484706. Web. 7 December 2021.
Joint Photographic Experts Group (JPEG) committee. “Overview of JPEG XL”. JPEG, https://jpeg.org/jpegxl/. Web. 9 Feb 2022.
## Slide 77
Wikipedia contributors. “JPEG XL”. Wikipedia, The Free Encyclopedia, 27 Sep. 2023, https://en.wikipedia.org/wiki/JPEG_XL. Web. 12 Oct. 2023.
## Slide 78
Wikipedia contributors. “JPEG XL”. Wikipedia, The Free Encyclopedia, 31 Jan. 2022, https://en.wikipedia.org/w/index.php?title=JPEG_XL&oldid=1069103728. Web. 9 Feb. 2022.
## Slide 79
† lucia scarlet 🩸 [@luciascarlet]. “macOS Sonoma has proper system-wide support for JPEG XL including in [http://Photos.app](https://t.co/db5xgNGXla) and [http://Preview.app](https://t.co/DhEzZAUovt), not just in Safari”. Twitter, 6 June 2023, https://twitter.com/luciascarlet/status/1666053797049671680. Web. 11 Oct 2023.
Wikipedia contributors. “JPEG XL”. Wikipedia, The Free Encyclopedia, 31 Jan. 2022, https://en.wikipedia.org/w/index.php?title=JPEG_XL&oldid=1069103728. Web. 9 Feb. 2022.
## Slide 80
WebP: Deveria, Alexis [@Fyrd]. “WebP image format”. Can I use…, 24 Sep 2023, https://caniuse.com/webp. Web. 26 Sep 2023.
AVIF
Deveria, Alexis [@Fyrd]. “AVIF image format”. Can I use…, 24 Sep 2023, https://caniuse.com/avif. Web. 26 Sep 2023.
“Chrome 85: Upload Streaming, Human Interface Devices, Custom Properties with Inheritance and More”. Chromium Blog, 23 July 2020, https://blog.chromium.org/2020/07/chrome-85-upload-streaming-human.html. Web. 2 December 2021.
JPEG XL
Deveria, Alexis [@Fyrd]. “JPEG XL image format”. Can I use…, 24 Sep 2023, https://caniuse.com/jpegxl. Web. 26 Sep 2023.
dah…@chromium.org. “Comment 84”, from “Issue 1178058: JPEG XL decoding support (image/jxl) in blink (tracking bug)”. Chromium Bugs, 30 Oct 2022, https://bugs.chromium.org/p/chromium/issues/detail?id=1178058#c84. Web. 30 Nov 2022.
## Slide 82
GoogleChromeLabs. “Squoosh”. Squoosh, https://squoosh.app. Web. 6 Dec. 2021.
GoogleChromeLabs. “squoosh”. GitHub, 20 October 2021, https://github.com/GoogleChromeLabs/squoosh. Web. 6 December 2021.
## Slide 83
GoogleChromeLabs. “Squoosh”. Squoosh, https://squoosh.app/editor. Web. 6 Dec. 2021.
## Slide 84
GoogleChromeLabs. “Squoosh”. Squoosh, https://squoosh.app/editor. Web. 6 Dec. 2021.
## Slide 85
GoogleChromeLabs. “Squoosh”. Squoosh, https://squoosh.app/editor. Web. 6 Dec. 2021.
## Slide 86
GoogleChromeLabs. “Squoosh”. Squoosh, https://squoosh.app/editor. Web. 6 Dec. 2021.
## Slide 90
JacobDev1. “XL Converter”. Code Poems, 2024, https://codepoems.eu/xl-converter/. Web. 06 Apr 2024.
## Slide 91
JacobDev1. “XL Converter”. Code Poems, 2024, https://codepoems.eu/xl-converter/. Web. 06 Apr 2024.
## Slide 92
JacobDev1. “XL Converter”. Code Poems, 2024, https://codepoems.eu/xl-converter/. Web. 06 Apr 2024.
## Slide 110
Monroe, Charlie. “Permute - Media Converter for macOS”. Charlie Monroe Software, 18 Nov 2022, https://software.charliemonroe.net/permute/. Web. 05 Dec 2022.
## Slide 122
NVS ltd. “Bulk Convert Images to WebP (Free & Online)”. To WebP, https://towebp.io/. Web. 23 Mar 2024.
## Slide 123
NVS ltd. “Bulk Convert Images to WebP (Free & Online)”. To WebP, https://towebp.io/. Web. 23 Mar 2024.
## Slide 124
NVS ltd. “Bulk Convert Images to WebP (Free & Online)”. To WebP, https://towebp.io/. Web. 23 Mar 2024.
## Slide 127
“Use Safari web apps on Mac”. Apple. Apple Support, 13 Dec. 2023, https://support.apple.com/en-us/104996. Web. 24 Mar. 2024.
## Slide 136
Newton’s Cradle (actually the 1st frame of animated GIF)
https://en.wikipedia.org/wiki/File:Newtons_cradle_animation_book_2.gif
## Slide 137
10 rows × 8 columns = 80 colors
## Slide 138
5 rows × 16 columns = 80 colors
## Slide 140
Newton’s Cradle • 36 frames
https://en.wikipedia.org/wiki/File:Newtons_cradle_animation_book_2.gif
## Slide 152
http://codepen.io/search?q=svg&limit=all&depth=everything&show_forks=false
## Slide 155
Wikipedia contributors. “TIFF”. Wikipedia, The Free Encyclopedia, 12 July 2022, https://en.wikipedia.org/wiki/TIFF. Web. 15 July 2022.
Borgovan, Doina. “Filmul de weekend: TIFF17, tot mai aproape”. Radio Romania Cluj, 5 May 2018, http://www.radiocluj.ro/2018/05/05/filmul-de-weekend-tiff17-tot-mai-aproape/. Web. 17 Feb 2023.
## Slide 156
Wikipedia contributors. “Adobe Photoshop”. Wikipedia, The Free Encyclopedia, 17 June 2022, https://en.wikipedia.org/wiki/Adobe_Photoshop. Web. 15 July 2022.
“[Pennsylvania School for the Deaf] exterior”. Great Philly Schools, https://www.greatphillyschools.org/schools/0011N00001GzoWiQAJ/pennsylvania-school-for-the-deaf. Web. 17 Feb 2023.
Fair use.
## Slide 157
Wikipedia contributors. “High Efficiency Image File Format”. Wikipedia, The Free Encyclopedia, 9 July 2022, https://en.wikipedia.org/wiki/High_Efficiency_Image_File_Format. Web. 15 July 2022.
Birdwood, George C. M, William Foster, and William Griggs. Relics of the Honourable East India company. London, B. Quaritch, 1909. PDF. Retrieved from the Library of Congress, . … and no, I do not think that the East India Company was honorable. Far from it, in fact.
## Slide 163
Garnier, Julian. “juliangarnier/anime”. GitHub, 15 Oct 2020, https://github.com/juliangarnier/anime. Web. 15 July 2022.
mrdoob. “mrdoob/three.js”. GitHub, 15 July 2022, https://github.com/mrdoob/three.js/. Web. 15 July 2022.
mo • js. “mojs/mojs”. GitHub, 27 Jan 2022, https://github.com/mojs/mojs. Web. 15 July 2022.
## Slide 165
Adobe. “2D animation software, Flash animation | Adobe Animate”. Adobe, 2022, https://www.adobe.com/products/animate.html. Web. 15 July 2022.
## Slide 166
Adobe. “VFX and motion graphics software | Adobe After Effects”. Adobe, 2022, https://www.adobe.com/products/aftereffects.html. Web. 15 July 2022.
## Slide 167
Tumult. “Tumult Hype”. Tumult, 2020, https://tumult.com/hype/. Web. 15 July 2022.
## Slide 168
Google. “Google Web Designer - Home”. Google Web Designer, 2022, https://webdesigner.withgoogle.com/. Web. 15 July 2022.
## Slide 169
GreenSock, Inc. “GSAP - GreenSock”. GreenSock, 2020, https://greensock.com/gsap/. Web. 15 July 2022.
## Slide 170
Blender. “blender.org - Home of the Blender project - Free and Open 3D Creation Software”. Blender, 2022, https://www.blender.org/. Web. 15 July 2022.
## Slide 172
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-video-element
## Slide 173
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-audio-element
## Slide 174
Deveria, Alexis [@Fyrd]. “Video element”. Can I use…, 3 July 2022, https://caniuse.com/video. Web. 5 July 2022.
Deveria, Alexis [@Fyrd]. “Audio element”. Can I use…, 3 July 2022, https://caniuse.com/audio. Web. 5 July 2022.
## Slide 176
Wikipedia contributors. “Codec”. Wikipedia, The Free Encyclopedia, 2 May 2022, https://en.wikipedia.org/wiki/Codec. Web. 16 July 2022.
Wikipedia contributors. “Container format”. Wikipedia, The Free Encyclopedia, 2 June 2022, https://en.wikipedia.org/wiki/Container_format. Web. 16 July 2022.
## Slide 177
Wikipedia contributors. “Container format”. Wikipedia, The Free Encyclopedia, 2 June 2022, https://en.wikipedia.org/wiki/Container_format. Web. 16 July 2022.
MDN contributors. “Media container formats (file types)”. MDN Web Docs, 10 July 2022, https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Containers. Web. 17 July 2022.
## Slide 178
Wikipedia contributors. “Container format”. Wikipedia, The Free Encyclopedia, 2 June 2022, https://en.wikipedia.org/wiki/Container_format. Web. 16 July 2022.
## Slide 181
FIXME copy into HTML Overview