Show HN: Learn Blender shortcuts with lots of tiny videos (hollisbrown.github.io)

Great idea! For better retention maybe it can be done as an anki deck?

This is great, thank you. I have a Markdown file for Blender shortcuts I learned, but this seems to be more useful for remembering them.

(BTW, found a typo: Seperate should be Separate)

I have been using blender for years now, but still learned some useful shortcuts thanks to this. this is a great way to teach shortcuts, and is perfect for a quick reference on a second monitor.

I might suggest a compact view as an option to try to fit more on screen at once, or just increasing the density.

This is awesome!

I'm not a professional user of Blender, but it's my only tool for working with and creating models for 3D printing. Never could develop a liking for Fusion360, though I recognize the advantages that CAD programs give.

My biggest tip and gripe as a Mac user is to get a decent mouse button remapped utility and combine that with creating a Mac specific settings save file. For whatever reason, MacOS to this day doesn't recognize the extra mouse buttons that Windows does. Like Button4 etc.

Even today, "middle mouse" button is one of the weirdest default choices Blender could make. The middle finger of either hand is an assisting finger, not primary. The index and ring fingers are stronger and it's weird to assign actions that require persistent pressing to a finger that has less strength than the other fingers.

With a multi button mouse you can remap the middle button to the thumb. It's infinitely a better and more intuitive choice.

Also, Blender's trackpad support on MacOS is horrendous, despite the amazing advances we keep getting everywhere else with each new release.

I would love to see a new feature that is a voluntary checkbox for Mac users that enables a key binding layout dedicated to us.

I adore this format, fantastic idea. I would love to see it for other programs as well. This is an Anki deck waiting to happen!

Beautiful!

Instead of adapting to Anki, you could add your own JS script to this page, which picks a random sample from the array of tiles, highlight it in white, and you need to press the corresponding shortcut to go to the next sample (using a dictionary). You could memorize the time-to-press to generate a finale score (if you're motivated to do so).

I had implemented that algorithm to memorize videogames shortcuts. This could be a nice challenge for your skills! Maybe you could make another page for "VS Code" and that'd be niiiice.

I wish there were something similar for Davinci Resolve

One JS file, one HTML file, one CSS file. Perfection.

> I'm also posting this here because I assume many of your are professional web developers. I'm a learning hobbyist and wondering if there are any issues with the way I built the website.

I ran Lighthouse over the site. Excellent scores!

The one improvement I would suggest is to increase the contrast between your text and background. Currently the text is a little hard to read.

Have great fun coding!

Hi, the site looks nice.

It's not working as intended on firefox, though, when autoplay is disabled (this might be the default now, I'm not sure).

There is no way to know that the videos are videos, so the tips looks like a bunch of images. Clicking on them has no effect.

The only way to play a video seems to right-click on it, and select 'Play'.

You might want to add a 'play' button overlay on the videos thumbnail images, and/or show the controls by default...

Hope this helps,

As a user with media autoplay blocked I find this website hard to use. Please consider adding play/pause buttons for each video or just keep video playback controls visible. And with blocking disabled, all videos are loaded at once, and when everything is playing at once it makes it harder to concentrate on one thing. You should consider adding some kind of lazy loading. Sad that loading="lazy" is not natively supported on videos yet.

Great idea and execution, with the shortcut keys doubling as models. Certainly gets my visual memory engaged. Works great on Firefox android. Only thing I could wish for is sections like selection, sculpting, etc. Thanks for making this.

This format is awesome and helps eliminate the fear of starting by making learning shortcuts easy and interesting.

Excellent work. At first glance, I'd say this is The Right Way to do documentation for complex GUI design applications.

I hope it catches on, because the lack of quickly accessible/searchable info like this is part of what keeps me from learning new GUI tools. One example is Fusion 360, which seems like a great way to design 3d printed parts. Instead I just keep plodding along with openscad, because it takes me more time to learn one design step in fusion, than to just quickly write up a first draft in code.

Very well done - it took me several attempts to get the hang of Blender and I still only know / used half those shortcuts. Thanks for the easy to use tips!

Can people list similar things for other tools? This would be useful from vscode to photoshop!

This is excellent. Wish I had this reference when learning Blender in high school. I'm sure 3D modeling classes would love this if they knew about it.

this is really good work, any chance of an anchored index ? so I can search for what i want and maybe even pin the things that I have common issues with?

Good concept!

The important thing to know when learning hotkeys is how to perform the same action using application UI.

Otherwise the keyboard becomes an obscure medium for discovering application functionality

Incredible! Before I've seen it I would never have guessed that something like that could be so good!

This is so useful! I just started learning blender and I wish I had this a week ago!