Making a Userscript - Setup and JavaScript Tutorial

Published: 29 September 2020
on channel: Jonah Lawrence • Dev Pro Tips

18,363

445

Use JavaScript to create Userscripts for saving time and customizing the web!

❤ Subscribe: http://bit.ly/SubscribeDPT

In this tutorial, I will show you how to setup the Tampermonkey extension for creating Userscripts and then I will walk through the process of creating a Userscript including the JavaScript programming.

The Userscript I make in this video is a script for xkcd.com to show the "alt-text" / title text of a comic underneath the image so that you don't have to hover over it to read the additional text.

View the code on Greasyfork: https://greasyfork.org/en/scripts/412...

What topics should I cover next?

Let me know in the comments what kinds of projects you want to see me make in my tutorials!

📺 In this video:
0:00 - Intro
0:21 - Installing Tampermonkey
1:05 - Creating a New Script
1:12 - Filling the Metadata
2:23 - Overview of the Problem
2:46 - JavaScript Coding
6:19 - Applying CSS styles
9:42 - Conclusion

📜 More About Userscripts
►    • Userscripts for Customization & Produ...

💻 More tutorials
►    • Tutorials

🙋‍♂️ Find me on other channels
Reddit 👽   / devprotips
Twitter ✍   / denvercoder1
Github 👨‍💻 https://github.com/DenverCoder1
Patreon 💞   / jonahlawrence
Buy me a coffee ☕ https://ko-fi.com/jlawrence

🎁 GET FREE STUFF WHILE SUPPORTING MY TUTORIALS
► https://bit.ly/jlawrencepromos

On this page of the site you can watch the video online Making a Userscript - Setup and JavaScript Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Jonah Lawrence • Dev Pro Tips 29 September 2020, share the link with friends and acquaintances, this video has already been watched 18,363 times on youtube and it was liked by 445 viewers. Enjoy your viewing!

35,108