11.1: Introduction to Chrome Extensions – Programming with Text

By admin | August 7, 2021 |

11.1: Introduction to Chrome Extensions – Programming with Text

This video introduces a new topic in the Programming with Text playlist: Chrome Extensions!

Next video: https://youtu.be/DloHqUfPbJc
Chrome Extensions Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bL9VOMT65ahNEri9uqLWfS

Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/
To Support the Processing Foundation: https://processingfoundation.org/support

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/

List of Chrome Extensions mentioned:
Decodelia: https://melanie-hoff.com/DECODELIA/
Deletionist: http://thedeletionist.com/
girlsvsgit: https://github.com/wheresaddie/girlsvsgit
codedoodl.es: http://codedoodl.es/
Wordless Web: http://pleaseenjoy.com/projects/personal/wordless-web/
Momentum: https://momentumdash.com/
Web Paint: https://chrome.google.com/webstore/detail/web-paint/emeokgokialpjadjaoeiplmnkjoaegng

Links discussed in this video:
Programming from A to Z: http://shiffman.net/a2z

Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For an Introduction to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

https://amara.org/v/c8PE/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

Posted in Domain Suffixes

50 Comments

  1. Luigi on August 7, 2021 at 9:05 pm

    long time no see Shiffman! several month ago I was learning processing. now I wanna learning developing chrome extension. I find your tutorial again! 🤣



  2. MAiNAk RoY on August 7, 2021 at 9:06 pm

    Can you help me make an extension for a page ?



  3. Arpit Patel on August 7, 2021 at 9:08 pm

    Thank you for existing <3



  4. Danny Zilberg on August 7, 2021 at 9:10 pm

    hey man you’re amazing and thank you so much for all this knowledge. i have one question: how can i get autocomplete for chrome api stuff? im using visual studio code and ive been looking for days and nothing works hahahahahahahahahahahahaplease help



  5. M Rafay Shams on August 7, 2021 at 9:14 pm

    Is it possible to develop chrome extensions with AI capabilities?



  6. John Stevonson on August 7, 2021 at 9:15 pm

    1:03 Errmmm…. the close button is on the right…. probably because I use windows



  7. rishabh bhanot on August 7, 2021 at 9:20 pm

    https://chrome.google.com/webstore/detail/szoom-selective-zoom/mdbninbleokpenkjplffhdnijbojkndl



  8. ity on August 7, 2021 at 9:23 pm

    hmm, are you reading this comment right now ? I see that because of my chrome extension



  9. Nicholas Liu on August 7, 2021 at 9:23 pm

    nice work



  10. Sam Edelsten on August 7, 2021 at 9:23 pm

    oui, les bookmarklets



  11. Nitin Chauhan on August 7, 2021 at 9:23 pm

    This guy is definitely high!



  12. pocoyo asoy on August 7, 2021 at 9:23 pm

    thanks for making this video



  13. Dhiraj Govindvira on August 7, 2021 at 9:25 pm

    Hello , can anyone help me please !!
    i have python file lets say 1.py i want to run this file i click on browser extention button
    so how can i do this ??



  14. Michael Baumgarn on August 7, 2021 at 9:27 pm

    There is nothing in my brain that needs rewiring regarding my perception of women on github! And frankly its offensive to me



  15. Orr Burgel on August 7, 2021 at 9:28 pm

    Nowadays, Chrome extensions also work in Edge, Brave, Opera and Vivaldi (Edit: And ANDROID YESS!!)



  16. ragtop63 on August 7, 2021 at 9:29 pm

    Excellent. Though, I think the name of the channel should be something more like "The Tangent Train".



  17. TheRedDaren on August 7, 2021 at 9:31 pm

    Thank you for all the education you provide for free, its like a proper uni course, self-paced and everything 😀



  18. Pattech on August 7, 2021 at 9:32 pm

    How do i change the backround? like i wanna change a background to dark Example
    i did
    Style.css
    _______

    ._4sp8 {

    background-color: #f4f4;
    }

    but it’s not changing the background i wanna change black



  19. YAPAYZEKA on August 7, 2021 at 9:33 pm

    lacasa de papel professor



  20. Yagnik Sojitra on August 7, 2021 at 9:34 pm

    how to turn on and off execution of some of the scripts with the radio button in the popup.html ?



  21. Enrico the Cat on August 7, 2021 at 9:35 pm

    social commentary? activism? ewww.



  22. mvasten on August 7, 2021 at 9:36 pm

    Hi! you inspired me to learn JS! I am currently trying my best at making a library to easily interact with the html5 canvas (kinda like p5.js but worse)



  23. Manjurul Islam Khan on August 7, 2021 at 9:37 pm

    Wikiword – Fetches definitions from Wikipedia just on double clicking any word. Works on any (or almost all) websites. Here is the official google web store link.
    https://chrome.google.com/webstore/detail/abncgjicmmjhfilaiomgacboicnmnnih/publish-accepted?authuser=0&hl=en-GB



  24. simar kapoor on August 7, 2021 at 9:37 pm

    Bro youre a creative genius. Keep up the great work!



  25. Swift on August 7, 2021 at 9:38 pm

    Excellent Course! This is what I wanted.



  26. Nafana on August 7, 2021 at 9:38 pm

    I was just looking into this 😀



  27. Tushar Sadhwani on August 7, 2021 at 9:38 pm

    Stress the ‘a’ in mark in bookmarklets. bookMArklets.



  28. This is Life on August 7, 2021 at 9:39 pm

    I’ve been watching your videos for a long time and have learned so much from them, thank you! I was so happy to see one of your videos pop up when I searched for a video to help me develop a chrome extension.



  29. Any Factor on August 7, 2021 at 9:39 pm

    This is text tutorial >> https://shiffman.net/a2z/chrome-ext/



  30. Fire_Rice on August 7, 2021 at 9:39 pm

    Hac- I mean distorting websites



  31. Haibrayn42 on August 7, 2021 at 9:41 pm

    You can do
    if(browser) chrome = browser;
    And that might work for firefox browser too



  32. Tú Anh Nguyễn on August 7, 2021 at 9:41 pm

    Cannot load extension with file or directory name Thumbs.db. The filename is illegal.



  33. Ronalus9 on August 7, 2021 at 9:42 pm

    Excellent trainer!
    Thank you!



  34. Aniket Mishra on August 7, 2021 at 9:45 pm

    Owsm video man



  35. ramanjula reddy on August 7, 2021 at 9:46 pm

    how to clear or deleted the local download files using chrome extension



  36. Loi Alian Cabaluna on August 7, 2021 at 9:46 pm

    Thanks for this!
    Do you have a tutorial about making a google chrome extension that blocks websites?
    Or if you don’t have, can you make one? Pleaaase. I badly want to know the codes on how to make a google chrome extension that blocks websites 🙂



  37. Joe Jupiter on August 7, 2021 at 9:47 pm

    Chrome uses the WebExtensions API. Just like Opera, Edge and Firefox. Since a few days, Firefox only uses WebExtensions.
    So as long as you don’t use browser specific features of the API you can code a single extension for all of them.



  38. Ashish Kumar on August 7, 2021 at 9:49 pm

    can you tell me know i can i switch from http url to blob:http

    under chrome.webRequest.onBeforeRequest…
    return {redirectUrl: "blob:http://127.0.0.1:5500/4b8aa780-7a07-4622-9430-efafeb49a128&quot; } // not working



  39. Jacob SP on August 7, 2021 at 9:50 pm

    Subscribed



  40. les 7 choses que vous ignorez on August 7, 2021 at 9:51 pm

    I like



  41. mina rashad on August 7, 2021 at 9:52 pm

    Thanks for being *AWESOME*



  42. Threelly AI on August 7, 2021 at 9:54 pm

    Old town roads is full of weird comments…
    https://chrome.google.com/webstore/detail/threelly-ai-for-youtube/dfohlnjmjiipcppekkbhbabjbnikkibo



  43. Mohamad Berjawi on August 7, 2021 at 9:57 pm

    you are amazing man thank you



  44. Nafie Gorman on August 7, 2021 at 9:59 pm

    Wordlessweb.com seems to be someone else domain now.
    I can’t find anyway to tryout that extension any longer.



  45. C# Interview Preparation videos on August 7, 2021 at 10:00 pm

    Hey, how to search google search result urls plz help me its urgent



  46. Aaron Wolbach on August 7, 2021 at 10:00 pm

    YAY ! You’re finally doing a Chrome Extension!



  47. Sunny bokhetwal on August 7, 2021 at 10:00 pm

    Hi bro can we create an extension to hide the save option on any specific webpage.



  48. Riennn on August 7, 2021 at 10:01 pm

    Man, your mind makes these videos suuuper watchable!
    Way better than a lot of the dry content I find online about learning to code 🙂
    Cheers mate



  49. White Developer on August 7, 2021 at 10:03 pm

    Amazing video and explanation!



  50. Ro Ro on August 7, 2021 at 10:04 pm

    Omg thank you this helped me alot