Add a “Tools” tab below embedded video

[kaitabuchi314]

(This is low priority, but I don't know how to add a label!) Below every video there is a set of tabs, some videos have “Description” and “References” and you can switch between them, I think there should be a tab that says “Tools”. Here are a few examples of what it might say: Example 1:

1. Visual Studio Code + HTTP Server
   • You can also just use the p5 web editor
2. P5.JS
3. Chrome

Example 2:

1. p5 Web Editor (on Chrome)
2. P5.JS

Example 3:

1. ML5.JS
2. P5 Web Editor
3. P5.JS

[shiffman]

This is a great suggestion @kaitabuchi314, thank you for sharing your ideas!

The languages/libraries used by a video are in theory covered by the "languages" and then sometimes I use the "topics" so sort videos by particular tools or concepts. But this could be something to consider if this info would be helpful to viewers!

I'll also note that those tabs are "open-ended" for every video so for any where there is a particularly important or unusual list of tools we can add that right now! Is there a video you were watching where you felt like you wanted the list handy?

@allcontributors please add @kaitabuchi314 for ideas

[allcontributors[bot]]

@shiffman

I've put up a pull request to add @you! :tada:

Could not find the user "open-ended" on github.

[shiffman]

@allcontributors please add @kaitabuchi314 for ideas

[allcontributors[bot]]

@shiffman

I've put up a pull request to add @kaitabuchi314! :tada:

[kaitabuchi314]

Well, the Tools tab would actually be useful in some videos where you are not just using p5.JS, such as ML5.JS. Some other tracks that could have it: Web Sockets, and Bots with Mastodon.

Please note, References may be just standing in place of “Tools” (I've seen you put libraries in “References” sometimes), but do not include the actual tools you are using. This also may be confusing for some people because they may not think that a library would be in References and more like a tool. But that may apply to all people (like if you literally just look at all the tabs or think of clicking on References first, so this is just my opinion).

Also, the paragraphs above may be confusing… So please ask for clarification if necessary. EDIT: Also, it may be good to have the references page for only like, say, if you reference a YouTube video or paper.

[shiffman]

Sorry to have never followed up on this, I think a good starting point might be to add a "tools" tab to a specific video where you think it would be helpful and we can see how that looks! Open to incorporating this if anyone wants to work on it!