Wednesday, December 13th, 2006
MooTools for the Rest of Us
Beauty in Design just released a tutorial screencast that goes over how to use various Mootools effects.
The tutorial is called MooTools for the Rest of Us and it walks through using Mootools on the Joomla platform, another Web OS.
The work is split up into:
- Lesson One - Ideas and Resources
- Lesson Two - Setting up the Document
- Lesson Three - Creating a Drag-able/Resize-able Window
- Lesson Four - Opacity Fades for various windows
- Lesson Five - Using Moo.Ajax for the JoomlaOS Template













Well, Joomla! isn’t really a Web OS but rather a CMS with a “OS-like”-template used for this example.
Yay! One of my javascript examples made it into a tutorial! (see lesson three)
Right… Joomla is an open source, widely used PHP content management system drived from Mambo. It has nothing in common with “Web OS”es, but rather could be used as a platform for building one. Joomla has built-in support for most of the prototype-based Ajax libraries, including Moo.
For info on Joomla see the Joomla home page. I’ve been looking at Joomla as a possible replacement for WordPress, and have been shocked to discover what a huge universe of products are available for the platform.
This looks like a pretty cool tutorial for MooTools!
Yes Joomla is awesome! Very flexible if you are a developer. I use Joomla for everything I do now. The only downside is it outputs some of it’s code in tables.
1.5 will implement more ajax calls in the backend too, which is nice. I wish they would do it more like the mootools guy have their beta CMS.
I also wish someone would the take the template idea I created (JoomlaOS template) and really use Joomla to make an OS with it. It can be done!
Hmm… One of the greatest js libs used with crappy ideas like a pseudo web os based built on a CMS… :-/
I have plenty of moo related scripts on my joomla site http://www.console-covers.com
There is an ajax commenting system, accordion module positions, slimbox for thumbnails and even a live search using mootools
http://www.greenlush.com
This is great thanks :)
Great work done by their developer.
http://vbprojecta.co.nr
The link to the 5th lesson in the post is wrong, it should be http://beautyindesign.com/mambots/content/mgmediabot/players.php?params=standalone,true|type,flv|path,http://beautyindesign.com/clubtutorials/mooTools/lessonFive.flv|width,768|height,576
Thank You very much!!!
Your tutorials are the best!!
Thank u very much