BIT-101Remember when Bill Gates touched my Mac Book Pro? That was awesome.HomeAbout / ContactFAQOld BIT-101 LabSpeakingNew JS Library: gridAug 02 2014Send to KindleI’m continuing to dig through old code and consolidate and release it. This new library, grid, is not a CSS layout util, but draws grids of various kinds on an HTML5 Canvas. Here’s a demo of the various kinds of grids it can currently draw. Click for full size.I could go into all the options and so forth, but it’s all pretty straightforward and you can just check the readme at the github site:https://github.com/bit101/gridThere may be some minor bugs in this or some tweaks needed. If so, just let me know, and I’ll fix it up. There’s definitely a lot of optimization that can go on here. I may experiment with creating an offscreen canvas the size of one cell, drawing one cell there, and then blitting that across the rest of the grid. We’ll see. In the meantime, it mostly works. Enjoy.Send to Kindle                    TweetNo responses yetNew JS Library: ShapesJul 21 2014Send to KindleAnother week, another JS library.https://github.com/bit101/shapesAgain, I’m sure there are hundreds of other libraries that add improved functionality for Canvas drawing. There’s even CreateJS, which is super powerful, creating a Flash-like display list with animation, etc. That’s cool, but it kind of becomes a framework that you need to buy into fully. My goal was not to create a new paradigm, just make the existing one a bit easier to work with.Almost everything in the library is stuff that I’ve created before. Again, I just decided to consolidate it all into one code base, clean it all up and put it up on github. If nothing else, I won’t need to write that stuff again. And if someone else finds it useful, either as a whole, or something to borrow bits and pieces from, that’s great.Like the shaky library from last week, shapes wraps both the Canvas and Context2D. I’ve proxied most of the existing Context2D methods to the shapes object, so you can work directly from that for 99% of what you need to do. A lot of it is obvious stuff – circles, ellipses, rounded rects, polygons, etc. But there are some unique and fun items in there as well. Explore. The demo page will give you a few ideas of what’s possible.http://www.bit-101.com/bitlib/shapes/The source for the whole demo page is in the repo as well, so you can easily see the code that is used to create the examples.Send to Kindle                    Tweet2 responses so farshaky Library for HTML/Canvas/JSJul 15 2014Send to KindleA few days ago, I released my clrs color library for HTML/JS/Canvas/CSS. It’s not that I thought it was revolutionary or anything. In fact I’d be surprised if you couldn’t dig up at least a dozen other similar libraries out there. I’ve already been shown two. But it was code that I’d written myself a few times, so I c