Making a Userscript - Setup and JavaScript Tutorial

Publicado el: 29 septiembre 2020
en el canal de: 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

En esta página del sitio puede ver el video en línea Making a Userscript - Setup and JavaScript Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Jonah Lawrence • Dev Pro Tips 29 septiembre 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 18,363 veces y le gustó 445 a los espectadores. Disfruta viendo!

181