Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a “Tools” tab below embedded video #1096

Open
kaitabuchi314 opened this issue Jun 3, 2023 · 6 comments
Open

Add a “Tools” tab below embedded video #1096

kaitabuchi314 opened this issue Jun 3, 2023 · 6 comments
Labels
help wanted Extra attention is needed

Comments

@kaitabuchi314
Copy link
Contributor

(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
Copy link
Member

shiffman commented Jun 5, 2023

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
Copy link
Contributor

@shiffman

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

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

@shiffman
Copy link
Member

shiffman commented Jun 5, 2023

@allcontributors please add @kaitabuchi314 for ideas

@allcontributors
Copy link
Contributor

@shiffman

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

@kaitabuchi314
Copy link
Contributor Author

kaitabuchi314 commented Jun 5, 2023

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
Copy link
Member

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!

@shiffman shiffman added the help wanted Extra attention is needed label Mar 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants