5 JavaScript Projects You Might Not Know About

Nov 12, 2015

JavaScript Unofficial Logo

JavaScript, as a language has a lot to offer. There are a lot of programs, written in JS, that can help make a programmers' life much easier and today I decided to tell you about 5 JavaScript projects you might not know about. Sometimes you find yourself in a situation that's difficult to code your way out of. The best part about this is that there was most likely someone else before you who was in that same situation, solved the problem, and shared the code with the world. This will show you a few projects, but I encourage you to go to GitHub and browse a multitude of different projects. Knowing about the different projects that are out there will help you in the future when it comes time to find something that will solve a problem you're facing. So let's start with these 5 projects that I find interesting.

 

snabbt.js

Creating animations in JavaScript and CSS can be simple, but once you want to do some more interesting effects the code gets really complicated really fast. Snabbt.js, created by Daniel Lundin, is a project that gives you the ability to do amazing animations with only a few lines of code. Take a look at what's possible with these examples: [Example 1] && [Example 2]. These are probably much more complicated than what you'd be creating on your standard website, but these examples show the raw power of this library and all with a great frame rate. For more real world examples, visit the website. There you'll see code samples right next to the effects that code creates.

[Snabbt Website]

[Snabbt GitHub]

 

Highlight.js

Have you ever been to one of those websites where the code you're seeing looks exactly how it would look if you were using a text editor like Sublime or Atom? That's called syntax highlighting and it would be an extremely difficult and tedious task to create from scratch. But don't fret, you don't have to do it from scratch ever since Ivan Sagalaev created Highlight.js to tackle this very task. To see a bunch of different examples (different languages with different styles) check out the website. Did I mention how easy it is to  use this? You just include a few files, write a few lines of code and then it works perfectly. Go to the usage page for more information on exactly how to use Hithlight.js in your projects.

[Highlight.js Website]

[Highlight.js GitHub]

 

speed-test

Ever have the desire to know what ping your internet is running at? Or what about your current download/upload speeds? Well Sindre Sorhus also had those same desires and he ended up creating speed-test. I know, not the most exciting name. This is a Command Line Interface (CLI) which is probably the simplest thing in the world to use. Using NPM, just install it. Then run it by typing it's name into the command line. That's it. There will be some wait time while it starts checking and a few seconds later you'll know your ping, download speed, and upload speed.

[speed-test GitHub]

 

Elevator.js

This one is just goofy, but I love it anyway. I'm honestly not sure what prompted Tim Holman to create Elevator.js, but I sure am glad he did. What this project does is when you hit the "Back to Top" button at the bottom of the page, it takes you back up to the top the same way an elevator would. I could explain, but it'd be better if yo saw it. There's an example on the website. If you want to use this in any of your projects it's actually quite simple. Just include Elevator.js in your website and then create an Elevator object with the main audio and the ending audio. The GitHub page explains exactly how to do everything. This just goes to show you that you don't have to be serious all the time to put good code out there. Having fun is a big part of coding.

[Elevator.js Website]

[Elevator.js GitHub]

 

Brackets

Brackets Logo

One of the most important tools a programmer can have at his or her disposal is a good text editor. So the team over at Adobe decided that they would take on the challenge of creating a text editor written in HTML, CSS and JavaScript. After wading through the fire, out came Brackets, a highly extensible, user friendly text editor. I know, I know, before you get on my case about this, Brackets is a much larger and well know project than the others on this list. The reason it's on here is to show people the true power of JavaScript. For any programmers, new or old, I would highly recommend trying out Brackets to see if it's the text editor for you. If not, you can always check out one of the 10 million others out there.

[Brackets Website]

[Brackets GitHub]

 

Conclusion

JavaScript has a lot to offer. If you're newer to JS, I hope some of these different projects give you some ideas about what you can accomplish with this language. For you more seasoned programmers, I'm hoping to open your mind to some new projects that you may find yourself needing in the future. JavaScript is a powerful language with an amazing network of developers constantly making and updating tools to make the language better. If you know of some other JavaScript projects you think people should know about, please post them in the comments section. I love discovering new projects that may help me in the future, or that are just fun to mess around with.