The most beautiful command line docs. Maybe ever?

When you’re getting into development, one of the trickier things is getting used to the command line. Learning git, and git commands are often one of the first steps in Bootcamps, and for anyone who is coming into coding from a design or creative background, suddenly working in the brutally simple terminal can come as a big surprise.

This wonderful website, dash dash, takes all of the manual pages of different command-line tools and pulls all of that documentation into a clean concise website.

The whole goal of course, helping designers and really any non-computery background people into the field!

There are so many areas where DashDash shines, the organization being my favorite aspect, where you can easily see which commands are most useful, and then again, the clean-cut out explanation of how they’re used.

What went into it?

Real vim users use vim cubed!

Has anyone ever stopped you on the street to show you their vim setup? Well, now you have the perfect reply with vim cubed.

Vim Cubed will bring your code editing into the 3rd dimension, literally in the form of a spinning cube. As the cube spins infinitely, your editor works with all the gusto and power that vim can provide.

As per the project’s QA, the most important information is all there.

How do i stop the cube from spinning

Any extra details?

This unique 8x8 font has a great text based adventure to show it off!

Mass Driver is the flashy new font foundry that just moved into the neighborhood.

They’ve just launched with a very creative pixel font, titled MD-Eight, the eight namesake is because each character is set within an 8 by 8 grid of pixels.

The font makes great use of negative space, making it impressively legible for a font made out of pixels.

The real treat though is that along with the fonts specimin sheet, there’s a neat text-based adventure game to show it off!

The Cave Of Dolmenlore is a great blast from the past, taking you right back to when text-based games ruled supreme and is truly one of the most creative ways I’ve seen a foundry show off their wares.

How do I get it?

Origami with JavaScript. An amazing study of color and folds.

If you’ve ever sat and tried to figure out the math behind geometric folds? It’s an incredibly tricky process! With this Origami Study Yuin Chien has created a beautiful digital representation of the folds, and colors of origami.

In her own words, the project is:

A series of visual study exploring origami compositions and colors, hoping to give forms to personal memories and poetic imagination.

Yuin has written a little about the process on her blog and also shown off some stunning renderings, showing off how quickly the complexity of the folded shapes grows as you fold more and more.

You’ll also notice some nifty controls in the top right corner, allowing you to add extra folds, and play with the fillings! These are built with an amazingly versatile interface tool, called Dat.Gui which is always good to have in your back pocket for all your upcoming projects!

More like this?

Wash those hands! Creatives types are showing up to teach you good hygiene.

In the grips of the current COVID–19 climate, we’re all understandably in the midst of looking at our current hygienic ways, and ideally improving it for the better of all of us!

Over the past few weeks I’ve spotted a lot of very helpful and creative projects popping up within the personal hygiene realm, and I’d love to highlight them!

Wash Your Lyrics by William Gibson is one of my favorite examples.

We’ve learned that washing your hands to the tune of Happy Birthday (some people say twice) is a great way to get the correct amount of time to have truly clean hands. Wash Your Lyrics allows you to provide a song, and with the tempo and lyrics to that song, it will give you the step by step guide to washing your hands with it!

We’ve also got some stats on what songs people have been picking! I can’t say there are too many surprises there!

This next site has perhaps the most glorious domain name, and to match it, a fantastic application. Do Not Touch Your Face is amazing.

Enable your webcam, go through a little configuration, and you’ll have an amazing companion that will be on your case from the get-go. Get your hands near your face, and you will hear an amazingly clear “NO!” … I left it running for a while as I tried to work, and the dividends began to roll in.

Do Not Touch Your Face uses TensorFlow to train an AI to recognize when you’re touching your face. It always blows me away seeing how far and wide the world of JavaScript has spread and what we’re able to do with it now.

One more?

Photos in photos in photos. This game is coming along great!

Game developer and student Matt Stark has come up with a simple idea that is expanding day by day into a really cool, conceptually mind-bending game.

At its core, the idea is that each picture you take with your camera contains a world within it. You can then place the photograph within your view… and step right into that world!

Mark tweeted a brief summary of what’s going down behind the scenes in his own words:

When the player takes a photo I duplicate the environment, make it greyscale and slice the meshes to remove anything outside the photo. When they place it into the world I slice the environment’s meshes to make a hole for the photo.

Matt has been sharing more and more details over the past couple of months as the idea itself has been growing into more and more of a game.

Something super neat to notice in this example is how the crates that are cut in half have internal textures! For those who are familiar with 3D development, generally each edge of an object has its own texture, but nothing on the inside. When something is cut in half in Matt’s demo, the volumetric shader makes sure the inside won’t be empty!

These are the dibs and dabs of detail that make a game captivating and truly enjoyable.

Are there more details?