Image Resizer Slider Overlay UI Button


#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 https://userstyles.org/styles/144225/dynalist-simple-colors-for-default-theme) , 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.

https://greasyfork.org/en/scripts/369888-dynalist-image-resizer-v1

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.


Image resizing!
#2

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


#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.