Image Resizer Slider Overlay UI Button

🌈Share & Showcase
1

I made my first tamperscript extension. Its something I wanted for some time

It overlays a slider at the topleft corner. You can slide it back and forth to increase max-width image size.

I had it set at a starting point of 150px, and goes up to 1200px

If you have a stylish extension that sets max-width (e.g. my theme here Dynalist Simple Colors for default theme | Userstyles.org) , it will override whatever those defaults are.

You need to have tampermonkey chrome extension installed https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en

Here’s the install script.

P.S. this script technically can work on any site with images, not just dynalist :slight_smile:

It took me awhile to figure this out I had lots of experimental codepens to prototype it before I loaded it in tamperscript

I’ll post a writeup later on how you can write your own tamperscripts and how i made mine on my blog later and put a reply here to it.

4 Likes
2

here’s a writeup of things i l learned along the way

http://vincentmtang.com/2018/06/29/adventures-in-writing-a-tampermonkey-script-extension/

3

i forgot to make a note of how useful this userscript to print out a document with full image, comes in handy

Other things is it currently breaks options panel, but I turn off tampermonkey when I need to go to options

4

Very cool. This is a great example of a potential plugin.

See discussion:

If the topic interests you, please contribute to the thread to create awareness with the dynalist team.