MooTools and Twitter’s Bootstrap

Bootstrap, from Twitter is a heaping serving of awesomeness. In addition to it’s easy to use grid system, layouts, good looking typography, and the fact that the whole thing is written in Less, it includes a handful of JavaScript plugins for jQuery and Ender to bring a lot of the CSS components to life. We’re talking tips, popups, drop down menus and more.

Enter MooTools

For those of us who prefer MooTools, the JS included in Bootstrap isn’t so useful. I whipped a little something together for the MooTooler’s out there. No doubt you are itching to see a demo, to here ’tis:

This Is Beta Territory

I haven’t had a chance to test all this stuff in IE as I don’t have access to it right now (new Macbook, no Windows installed yet). Anyone who can help me test and debug any issues in IE would have my gratitude. As a quick start, specs can be run here.

This entry was posted
on Monday, October 3rd, 2011 at 6:58 am and is filed under Code Releases.
You can follow any responses to this entry through the RSS 2.0 feed.
Both comments and pings are currently closed.

This isn’t much but I figured it might be worth sharing for anyone curious of current IE results… I ran the specs on IE 7/8/9. The 53 specs ran for IE8 all passed and I made some screen grabs of the IE7/9 errors which can be found here: IE7IE9

Also, thanks sooo much for releasing this and Behaviors. I was doing something similar on a current project at work and am now looking at porting it over to use Behaviors instead. Awesome work man!

Joy. True joy. I don’t have windows but I just ordered a copy. Probably a week before I can install it and debug it. If you were feeling charitable, you could dig into that error and see if you can fix it. You can download the repo from github and get a static, built version of the JS in the /Example dir so it’s easy for you to play with (otherwise you can clone the https://github.com/anutron/mootools-development repo, switch to the clientcide branch, run ./install and then ./go run and develop locally against the actual repo files).

I’ll see what I can do, I would definitely love to help out if I can. I’ve already got a clone of your mootools-development repo on my github account, freaking awesome I must say. I’ll see what I can do to contribute!

best info ever :)
“Selectors in Behavior filters and Delegator triggers are always relative to the element they modify. So if you want to find an element that is a child of that element, you can just use a regular selector, but if you need to find an element that is somewhere else in the DOM, use Slick’s reverse combinators (!.someParent #someChildOfThatParent – e.g. !body #foo).”

Awesome work Aaron. I also started to create a Moo version of Bootstrap, but as far as I can see, I can still learn a lot from your code. Great to see this! Makes the lifes of PHP developers much easier :)