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


Watch video Making a Userscript - Setup and JavaScript Tutorial online without registration, duration hours minute second in high quality. This video was added by user Jonah Lawrence • Dev Pro Tips 29 September 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 18,363 once and liked it 445 people.