Articles by ‘David Walsh’

MooTools Roundup - September 2009

Written By David Walsh, on Sunday, October 4th 2009, 2:03pm

The foundation of every great open source project is its community. The MooTools Team creates the base framework code but it’s all of you that take the framework and build outstanding plugins. Here are some great plugins and tutorials that have been released recently.

MilkChart

MilkChart MilkChart is an outstanding set of MooTools classes that create robust charts from your static data. Chart types include column, bar, line, scatter, and pie. MilkChart uses the HTML5 <canvas> tag and is only supported on browsers other than IE.

http://code.google.com/p/milkchart/

MooTools Tree Component

Tree Component MooTools Core Developer Christoph Pojer (cpojer) released Tree Component, an advanced tree structure plugin which allows for drag and drop organization, cookie tree saving, and collapsible branches.

http://cpojer.net/blog/MooTools_Tree_Components

MTMultiSelect

MTMultiSelect Authored by Justin Donato, MTMultiSelect is a great plugin that allows you to select multiple items from a paginated list. You may also search the list of items to quickly identify the items you’d like to select.

http://www.justindonato.com/demo/mtmultiselect/

MultipleLinks

MultipleLinks MultipleLinks is a MooTools class created by Merrick Christensen. MultipleLinks is a tooltip-like plugin that provides the user a list of possible destinations to click to. MutipleLinks is also highly skinnable.

http://thejavascriptblog.com/mootools-multiple-links-class/

Request.Twitter

MooTools Core Developer Scott Kyle (appden) created Request.Twitter, a very small MooTools class to retrieve tweets from Twitter. The class is flexible in that you may define the URL to query so you may retrieve user statuses, search terms, etc. Request.Twitter is an extension of the Request.JSONP class in MooTools More, showing the power MooTools’ valuable inheritance system.

http://appden.com/javascript/get-tweets-with-mootools/

Keep Up the Good Work!

These are just a few of the great MooTools plugins floating around the MooTools community recently. Keep up the good work and we look forward to featuring your future plugins in upcoming posts!

New MooTools Core & More Releases; Forge, Depender, ART, and Moo 2 on the Horizon

Written By David Walsh, on Tuesday, September 22nd 2009, 8:39pm

There’s always a lot going on behind the scenes with the MooTools javascript framework. And how could there not be? Here’s a look at what’s coming in the next few months.

MooTools Core 1.2.4 and 1.1.2

As we turn our attentions towards MooTools 2.0, version 1.2 will not receive any significant upgrades. However, until MooTools 2.0 is released we will continue to support the current version with bug fixes. To that end we’re releasing MooTools Core 1.2.4 which fixes several small bugs and addresses a change coming in the next release of Firefox. Because of this inconvenient Firefox change, we’ll also be releasing MooTools Core 1.1.2, an update to the 1.1.1 release. Sites using 1.1.1 will be able to drop in 1.1.2 without it affecting anything. We’ll post more details on this when we release these two updates.

MooTools More 1.2.4.1

While the 1.2 version of MooTools Core no longer accepts additions, MooTools More, the official plugins collection, continues to be iterated upon constantly. Included in the next version of MooTools More (1.2.4.1) are numerous bug fixes and performance enhancements, along with new widgets, classes, and extensions for you to play with. Here are a few:

Zebra Table

  • Mask - An overlay class that allows you to put a semi-transparent layer above any element, including the window.
  • Spinner - This class automates putting an AJAX indicator over any element.
  • Form.Request - This class makes any form element into an AJAX form.
  • HtmlTable - This suite of classes let you create HTML tables on the fly, update and alter their contents, make them zebra striped, selectable, and sortable.
  • Keyboard - The Keyboard class provides the tools necessary to manage a complex user interface with different keyboard enhancements.

Depender

Another plugin coming in MooTools More 1.2.4.1 is a client side dependency manager. This class allows you to lazy-load files from the MooTools libraries and any other libraries that use similar organization (i.e. those that map their dependencies with the same mechanisms).

In addition to this client side implementation of the dependency loader is a server side version that greatly improves performance. The server side implementation concatenates and (optionally) compresses the files together so that there’s only one request and is far more efficient.

MooTools ART

MooTools ART MooTools ART has been under development off and on for nearly a year now and for the most part has been under wraps. MooTools ART is the foundation for MooTools’ upcoming UI library. Using canvas and VML, it features support for dynamic illustrations, allowing complex UI elements that have numerous interactive states. When released, will come with numerous plugins for stylable windows, buttons, and more.

One of the most interesting ART features is its support for themes using CSS-like syntax in javascript. In conjunction with the default widgets that come with ART we hope to see the MooTools community create numerous interfaces using the system that allows for a fully themable UI by the end of the year.

Forge

Anyone who has been around the MooTools forums or IRC channel has heard that the user plugin catalog (which we call the Forge) is always “coming soon”. Well, this time, we mean it. The MooTools Forge is a new application which will act as a central repository for MooTools plugins created by, well, by you. The Forge will pull your code directly from GitHub, taking into account versioning and dependencies, and providing plugin usage details.

The Forge is currently in the last stages of testing. Look forward to seeing the MooTools forge by the end of October at the latest.

MooShell

MooShell is an outstanding interactive shell editor for debugging your MooTools code created by Piotr Zalewa. Instead of pasting your CSS, javascript, and HTML into static PasteBins, you may use MooShell to show others the issues you are experiencing with your code. You may also quickly experiment with different techniques and share your ideas with others.

MooTools 2.0

Your favorite javascript framework is about to become 1.612903225806452 times as awesome. MooTools 2.0 will feature an optimized Fx library, an improved Class class (one of the foundations of the entire framework) and inheritance model, blazing fast selector engine (Slick), numerous speed optimizations, and many more goodies. Look forward to a more detailed post soon!

MooTools Roundup - August 2009

Written By David Walsh, on Tuesday, September 1st 2009, 12:35pm

The foundation of every great open source project is its community. The MooTools Team creates the base framework code but it’s all of you that take the framework and build outstanding plugins. Here are some great plugins and tutorials that have been released recently.

MooTools Dependencies Checker

MooTools Dependency Checker The MooTools Dependency Checker by Arian Stolwijk parses you javascript files to determine which MooTools classes you need to make the file’s javascript code work. Arian’s dependency checker is a great tool for those looking to implement a MooTools plugin or use minified code.

http://www.aryweb.nl/projects/mooDeps/

MooTools InputMask

InputMask InputMask is a useful MooTools plugin by Core Developer Christoph Pojer. InputMask allows you to set a template or “mask” for which a string should be formatted like. This plugin is great for date, time, or phone number formatting.

http://cpojer.net/blog/InputMask_Class_for_MooTools

MooTools DatePicker

DatePicker DatePicker is a great plugin by MonkeyPhysics. DatePicker allows you to provide your users with a calendar to choose dates from instead of making users type in the date. DatePicker is very customizable and allows for easy styling/theming.

http://www.monkeyphysics.com/mootools/script/2/datepicker

MooModernizr

MooModernizr MooModernizr tests the browser’s CSS capabilities — specifically CSS3 feature detection. MooModernizr extends MooTools’ Browser.Features object. MooModernizr is a port of the original Modernizr.

http://www.aryweb.nl/voorbeelden/mooModernizr/

Speed Up Your Moo Part 1: Selectors

MooTools Core Developer Christoph Pojer shares methods for speeding up your applications through the use of optimized CSS selectors. Consider this article a must-read if you use Selectors frequently in your large web applications.

http://cpojer.net/blog/Speed_Up_Your_Moo_Part_1_Selectors

JSCocoaLoader

JSCocoaLoader allows you to develop Espresso.app code editor extensions using MooTools and JSCocoa. JSCocoaLoader’s utility classes are all powered by Mootools, and as a happy side effect your Javascripts can easily take advantage of Mootools many improvements over vanilla Javascript either by requiring a JSCocoaLoader utility class, or by requiring Mootools directly.

http://wiki.github.com/onecrayon/JSCocoaLoader-sugar/mootools-server

Keep Up the Good Work!

These are just a few of the great MooTools plugins floating around the MooTools community recently. Keep up the good work and we look forward to featuring your future plugins in upcoming posts!

MooTools Roundup - July 2009

Written By David Walsh, on Monday, July 27th 2009, 1:11pm

The foundation of every great open source project is its community. The MooTools Team creates the base framework code but it’s all of you that take the framework and build outstanding plugins. Here are some great plugins and tutorials that have been released recently.

MooEditable

MooEditable MooEditable is a WYSIWYG editor created by Lim Chee Aun (cheeaun). MooEditable features the usual bold, italic, strikethrough, and underline controls as well as the ability to add images, links, and lists.

http://cheeaun.github.com/mooeditable/

MooTools Intellisense

MooTools Intellisense The problem: Visual Studio 2008 doesn’t provide Intellisense for MooTools. The solution: Darren Waddell (fakedarren). Darren has created Intellisense for our favorite javascript framework. Grab this package to increase your productivity within Visual Studio!

http://code.google.com/p/mootoolsintellisense/

PageZoom

MooTools PageZoom Lim Chee Aun (cheeaun) also blessed the MooTools community with PageZoom, a flexible zooming widget that allows you to zoom in on any element within the page. The plugin is especially valuable for zooming in on photos.

http://cheeaun.github.com/pagezoom/

Notification Message Dispatch for MooTools

Tobias Svensson has created NotificationCenter, a simple implementation of a notification center for MooTools which is heavily inspired by NSNotificationCenter from Apple’s Cocoa framework.

http://return42.blogspot.com/2009/07/notification-message-dispatch-for.html

PyCow

As the description says: PyCow translates Python code to JavaScript code with the “MooTools way of class declaration”. Examples of PyCow’s mindblowing functionality can be seen at the PygoWave Server Google Code site.

http://code.google.com/p/pygowave-server/wiki/PythonToJavaScriptTranslator

Up the Moo Herd: MooTools Tips and Tricks

MooTools contributor Mark Obcena (Keeto) examines and explains the finer points of the MooTools Core. His articles are detailed, accurate, and must-reads for MooTools developers. Three posts have been published thus far: The DOM Fetcher Functions, Natives, Generics and Extending the Language, Classes: Constructors, Singletons and Privates.

Why You Shouldn’t Return False in MooTools Event Handlers

MooTools Core Developer Sebastian Markbåge explains why returning false in event handlers can cause you problems. Check out Sebastian’s tutorial to learn more about event bubbling and the proper way of handling events.

http://blog.calyptus.eu/seb/2009/07/why-you-shouldnt-return-false-in-mootools-event-handlers/

Keep Up the Good Work!

These are just a few of the great MooTools plugins floating around the MooTools community recently. Keep up the good work and we look forward to featuring your future plugins in upcoming posts!

MooTools Roundup - June 2009

Written By David Walsh, on Wednesday, June 24th 2009, 8:59am

The foundation of every great open source project is its community. The MooTools Team creates the base framework code but it’s all of you that take the framework and build outstanding plugins. Here are some great plugins that have been released recently.

Slideshow 2

Slideshow 2 Slideshow 2 by Aeron Glemann is an outstanding photo / slideshow plugin that offers a plethora of options and features — many more than you’d find with the average slideshow or lightbox. Slideshow 2 features Robert Penner easing transitions, photo delays, duration settings, the ability to make Slideshow 2 a lightbox, and an on-photo control panel.

http://www.electricprism.com/aeron/slideshow/

MooTools FileManager

File Manager Created by MooTools Core Developer Christoph Pojer, MooTools FileManager is a MooTools-driven file manager that allows for drag and drop file management, Ajax directory loading, file content previews, and much more.

http://cpojer.net/blog/MooTools_based_FileManager

Moousture

Moousture Moousture is a MooTools Mouse Gesture library created by Zohaib Sibt-e-Hassan. Moousture allows you to create multiple geture patterns and assign them to any number of elements. http://neofreeman.freepgs.com/Moousture/

Fancy Upload 3

Fancy Upload Fancy Upload 3 is the newest iteration of Harlad Kirschner’s popular Flash/MooTools upload tool. Fancy Upload 3 features file-specific options, an additional IFrame-based uploader, Flash 9 and 10 compatibility, and the same base features that made Fancy Upload a must-have plugin.

http://digitarald.de/project/fancyupload/

MooTools.Mode For Coda

If you spend hours with MooTools and the Coda text editor, you’ll love the MooTools.Mode Syntax Mode add-in. This package created by José Prado is free and easy to install.

http://pradador.com/code/coda/moomode.html

Keep Up the Good Work!

These are just a few of the great MooTools plugins floating around the MooTools community recently. Keep up the good work and we look forward to featuring your future plugins in upcoming posts!