Sometimes you need vanilla JS to do tricks on websites.

I dislike Wordpress a lot.

But my friends  keep using it and keep asking me for recommendations.

I have SME company VPs using WP for their pet projects so its very dangerous for them to use random plugins and get their site hacked. Yep, it has happened. So I decided to make a list of my recommendations here.

I often use Javascript to do interesting things with external websites. They are harmless to the site as the changes that are affected are all temporary. I am thinking about developing a Chrome plugin that will deploy my favorite Javascript mods on to sites that frequently visit. Here are some tricks that I use from time to time.

I use Google Chrome so the instructions are for this browser. Your milage on other browsers will very.

Most of these small vanilla Javascript tips that require no external libraries, needs to be applied on a target website by following these common steps:

1. Open the website where you want to change the text in your Chrome browser.
2. Right-click on the webpage and select "Inspect"  to open the developer tools.
3. Navigate to the "Console" tab within the developer tools.
4. This is where you can run JavaScript code on the webpage.
5. Copy the entire code for the specific hack in your clipboard
6. Paste the copied copde into the console and press Enter.
7. This will instantiate the code in the context of the current webpage. 
8. Then follow specific instructions in the commented header section.

Disclaimer

These are strictly for educational purposes only. You should not apply these tricks on websites without explicit permission. It's crucial to highlight the importance of ethical behavior and respect for digital properties.

I wouldn't say I like HTML and CSS tweaking. Thanks to ChatGPT and its siblings, backend devs are no longer talking to human designers who always seem to find ways to screw up code with fancy CSS crap. Yep, they do. They break your code blocks, and eventually, you pull out each other's hair. So, I have listed a few CSS frameworks that work well for non-frontend devs.

This is a note for beginning web developer who want to use modern concepts.