Read my book

I wrote books about Webpack and React. Check them out!

Monday, January 23, 2012

Recent JavaScript Projects

Every now and then I like to write little JS snippets. Lately I've been a bit busy with work but there's always time for some casual coding. In this post I'm going to go through a few of these. I will present the following projects:

caro.js - Minimalistic Carousel

I know there are a lot of carousel implementations out there already. For some reason I just couldn't find one that was fitting for my purposes. Most importantly I needed one that scales with the layout. caro.js, a jQuery plugin, fits this purpose.

I've tried not to bloat it too much. Currently it provides horizontal and vertical modes and basic animation controls. You're supposed to style it to fit your purposes. The markup it supports is quite versatile as well.

Check out the project page for more details and demos.

yabox.js - Yet Another Lightbox Clone

This one's even simpler than caro.js. I wrote it using jQuery too. I'm not going to bore you with technical details. Just check out the project if you are interested. It should be relatively easy to hack it to fit your purposes.

Graph Editor

Test it below:

This was just a quick hack I threw together for a friend who wanted one. It would be interesting to develop the concept further (proper graph abstraction, SVG lines, etc.).

If you want to see the development history, check out the jsbin version. Just change the number to see some specific revision.

RSS Widget

This is so simple I won't even bother to show it here. Check out jsbin instead. Apparently it's quite easy to access RSS feeds via JavaScript. I guess this hack could be expanded into a Google Reader clone or something like that.

Twitter Widget

It's easy to access Twitter feeds using twitterlib too. In fact I implemented a little widget this way. You can see it in action here.

Conclusion

I hope you found something interesting in this motley of "projects". Some of those ideas definitely deserve some additional development. Even though many of these reinvent the wheel, it's fun to do that every once in a while. Perhaps you end up with a rounder wheel this time. I guess most importantly you get something that's just the way you want it instead of almost. Man, I'm a natural born NIHist. :)