- monthly subscription or
- one time payment
- cancelable any time
"Tell the chef, the beer is on me."
About
Add a little flavor to your soup experience.
A collection of soup.io related bookmarklets, extensions, styles, etc.
Requests are allowed.
Accounts
Members
Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.
Click here to check if anything new just came in.
March 27 2018
20:20
Display hidden elements (V4)
Bookmarklet that forces soup to display reposts, reactions and tags, even if they have been hidden in a soup's settings. (This also includes showing tags in friend-soups)A userscript version can be found here.
Source code under public domain.
Reposted by
February 25 2018
11:43
request: saving posts (in particular reactions) from oblivion
i guess most people know that feel. or losing a post/reaction because you just closed the tab before saving the text somewhere. i think both things should be preventable by a userscript that regularly saves posts to localStorage. soup already has a post-restore feature for non-reactions, but it's broken in modern browsers.
January 16 2018
19:59
December 05 2017
12:59
Get list of tags for a Soup from the Soup API
This is an idea that I've been pondering for a long time now, but as I don't seem to get around implementing it I decided to share it here.
The idea is a webservice that gets the list of tags used in your Soup from the API, just so you have a comprehensive list of tags you used.*
This needs to be a webservice because, in order to use the API, you need to have an endpoint for the callback from the API.
Output could just be a comma separated and quoted list of the tags. Nice to have would be a little templating thing where you get HTML that you can put right in your Soup's header.
This is most probably not everything I already thought up about this, so if you set out implementing this, please share your efforts ASAP.
Thank you for your consideration.
* If the ability to get this list for other's Soups is a privacy concern is open for discussion. Of course the data is already public on the Soups and also through the API, but this would make it significantly easier to acquire. Actually not a concern, the API only gives you the data for your own Soup, own Groups, and Groups you are a member of.
Reposted by
October 23 2017
19:24
Partial video embedding fix
This is a bookmarklet and userscript that fixes video embedding in soup. Sadly, it has a limitation: It works only if either:
- You are in your own soup or your own friend soup
- or the post contains a link to video in the description
So please, when using this script, start linking the video in the description of your videos, so people who don't follow you can enjoy them!
Currently, these platforms are supported:
- Youtube
- Dailymotion
- Vimeo
Where to get it?
The link of this post is a bookmarklet. (How to install bookmarklets?)
For something more permanent, here is a userscript version: https://greasyfork.org/de/scripts/34474-soup-io-embedfix (How to install userscripts?)
How does it work?
Interestingly, while you cannot edit posts inside your friend soup, soup still sends the code for the edit window. (credits go to @sofias for discovering this) With it comes whatever the user entered in the embedding code text field.
This code gets parsed using my MediaEmbedder library. This allows us to generate a player even if only a url was entered, protect the user from malicious code in the embed field, and generate a valid modern player from old flash-player embeds.
NOTE: The bookmarklet loads an external script, since the code is bigger then 8kb, which, as a bookmarklet is really unwieldy. But I hosted the post on soup itself, so I cannot modify it. And the code is uncompressed, so you can read and verify it.
The source can be found here.
If the media hosting service you want isn't included, or you find embed codes that don't work correctly, feel free to contribute to the MediaEmbedder project.
Reposted by
October 10 2017
19:19
Soup Savestate
This bookmarklet replaces your current URL with one that starts at the post you are currently reading, allowing you to resume later where you left of, using bookmarks, browser session restore, or just a look at your browser history.
Source
06:29
Post to Soup
In the admin panel, there is a bookmarklet that allows you to open a post to soup dialog on every website. Sadly, like so many things on soup, its broken.
October 09 2017
21:55
Fixed soup.io bookmarklet?
I remember that someone posted a working version of the soup.io bookmarklet. Does anyone still know who that was or how they did it?
Reposted by
bvd
bvd
21:38
Better NSFW
An improved NSFW filter that shows a toggle to display individual posts again, so it doesn't make NSFW-Poster in your friend-soup, i.e, completely invisible.
It also improves on soups default filter in that it comments out the affected posts, instead of just hiding it. Because of that, it actually saves bandwidth.
The toggle is also shown in replies, so that instead of just appearing empty, you can actually view replies by NSFW soups without leaving SFW mode.
Source
Reposted by nordern
nordern
21:24
Bookmarklet for displaying hidden reposts and reactions under soup posts (V2)
This bookmarklet forces the list of reposts and reactions to a post to be shown, if they where hidden by the settings of a soup.
A permanent userscript version can be found here
21:22
Fix tumblr import comment indentation
When comments from tumblr get imported into soup, the oldest comments are very squished. This is because they use stacked blockquote elements, which typically have a right margin. So with every blockquote element, remaining space gets smaller. This is easily fixed using this CSS-snipplet:
#posts .tumblr blockquote {
margin-right: 0px;
}
21:09
Image loading repair bookmarklet
Sometimes soup has some phases when image loading is broken. The reason behind this is that the asset servers cannot keep up with scaling the images. This bookmarklet forces all images that fail to load to be reloaded in full size.
Source@melamint also created a header plugin variant of this script.
Reposted from nordern
nordern
21:02
20:57
Introducing: The spice rack
Add a little flavor to your soup!
The spice rack group is a collection of scripts, styles, bookmarklets, etc. to help you customize your soup, or your soup experience.
We also keep documentation on how to install these.
If you cannot find an enhancement you are looking for, you can make requests.
Please post feedback to @nordern
Reposted by
20:53
CSS
CSS is a language to describe the design of elements on a website. It can change the position, colors, fonts, etc. of every element on the page.
Install CSS in your own soup
Soup allows you to personalize your base soup theme with custom CSS.
To do this, open the admin panel in your soup: 
Once there, click on the Design heading, and click the EDIT CSS button.
You will see a large text input where you can add your own css.
To add new CSS rules to an existing stylesheet, simply append the new text to the existing one. (NOTE: this may lead to conflicts)
How to apply CSS in your view of other peoples soups
Of cause you cannot modify the soup of someone else, but you can adjust how your own browser displays it.
To do this, you typically need an extension that allows you to install userstyles. One that is available on most browsers is stylish.
The Edge browser has currently no extension for userstyles, but you can install them as userscripts using Tampermonkey.October 08 2017
21:27
Header plugins
Header plugins are pieces of html and javascript that you can add to the description of your soup. They can add permanent behavior to your own soup, but cannot be applied to anyone elses.
How to install header plugins
Enter the edit mode in your soup: 
Add the code of the header plugin to the end of your soup's description: 
July 01 2017
17:50
Userscripts
Userscripts are pieces of JavaScript that are injected into a page, typically by a browser extension.
How to install userscripts
To use userscripts, you first need to install a browser extension to support them. One of those is Tampermonkey. It is available for chrome, firefox, opera, edge and safari
Most pages hosting userscripts offer a button to install the script.
How to create a userscript
Userscript are just JavaScript code with a metadata block at the start.
There are several pages that host userscripts. E.g. greasyfork.org or openuserjs.org.
12:36
Extensions
Extensions are modifications to a web browser using its extension API. They can work without being explicitly triggered and can force extensive modification of the site behavior, your browsing experience, and the UI of your browser.
How to install extensions
You can typically only install that are build specifically for your browser.
Most browsers have a currated site by the company that made the browser, that lists available extensions (The store)
An extension post on the spice rack will contain a link to either to the store, or an extension file to install manually. (See "How to install extensions manually")
How to install extensions manually
WARNING: Do not install extensions manually if you do not trust the author of the extension. A rogue extension can steal data and cause damages.
Chrome
Navigate to "chrome://extensions/", check the "Developer mode" toggle, click "Load unpacked extension..." and select the unpacked extension folder.
Firefox
Navigate to "about:addons" and drag&drop the extension file into the browser window.
How to create an extension
Most browsers can use use extensions written using the the WebExtensions system.
How to post an extension
To post an extension on the spice rack soup, create a new text post containing links for all supported browsers, a description, and preferably a link to the source code.
June 30 2017
21:24
Bookmarklets
Bookmarklets are small programs written in JavaScript. When called, they can manipulate the page in a varity of ways, add or remove content, change the pages behavior, send web requests, and generally do whatever any website can do. However, they need to be explicitly triggered by the user.
WARNING: because of their wide reaching access, you shouldn't execute untrusted bookmarklets.
How to install bookmarklets
Chrome / Chromium / Firefox / Internet Explorer
Press CTRL+SHIFT+B to open the bookmark bar if it is not already open. Then drag and drop the link in the bookmarklet post into the bookmark bar.
Edge
Currently, Edge does not support the manual URL manipulation of Bookmarklets. Installing bookmarklets is made stupidly long winded. The next big Windows 10 update is supposed to fix that.
Here are some instructions work around this limitation
How to use a bookmarklet
You only need to click on the bookmark to execute the bookmarklet on the current page.
How to create bookmarklets
Bookmarklets run normal JavaScript code. You need to prefix it with "javascript:" (without the quotes). Now the code can be used like link on any page.
Note: In order to get your bookmarklet to run in older versions of Opera, which are still commonly used, you may not use double quotes.
How to post bookmarklets
To post a bookmarklet on soup, just create a link post with the bookmarklet as a url and a text describing the function of the bookmarklet
Note: Posts of bookmarklets in the spicerack soup need to contain a link to the full source code, and instructions to replicate any obfuscation, so the integrity of the code and its safety can be validated.
Older posts are this way
If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.