Coding Challenge #82: Image Chrome Extension: The Ex-Kitten-sion!

From the creator

In this coding challenge, I create a chrome extension which replaces all image on a page with the picture of a kitten. Code: https://thecodingtrain.com/challenges/82-image-chrome-extension 🎥 Previous video: https://youtu.be/u2D4sxh3MTs?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/IXXNIcQQLU8?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔤 Programming from A to Z: http://shiffman.net/a2z 🐱 Kitten Song: https://soundcloud.com/lostghbear/lostghbear-podopleloff-kittens-feat-dan-shiffman 🌄 Unsplash: https://unsplash.com/ 📚 chrome.extension reference: https://developer.chrome.com/extensions/extension Videos: 🔣 Regular Expressions Series: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YEypLuls7iidwHMdCM6o2w 🔌 Chrome Extensions Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bL9VOMT65ahNEri9uqLWfS 🔴 Coding Train Live 106: https://youtu.be/y0zS83xj0g0?t=19m5s Related Coding Challenges: 🚂 #83 Chrome Extension with p5.js Sketch - Doodle Chrome Extension: https://youtu.be/IXXNIcQQLU8 🚂 #84 Word Definition Chrome Extension: https://youtu.be/GWDx1GnxhOw Timestamps: 00:00 Introduction! 01:09 Creating manifest.json 04:00 Loading the extension in Chrome 05:06 Finding all img elements on the page 06:32 Adding all the assets to web_accessible_resources 10:17 Improving the file structure 12:02 Setting the src field to the image of a kitten 15:17 Error! Add fo

Published 2017-11-16 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.