Projects

jxlib

Jx is a JavaScript UI framework built on MooTools. It allows web developers and designers to quickly build user interfaces for their applications. Jx is based on semantically correct HMTL markup and strives to be fully CSS compliant. Visit http://www.jxlib.org for a full API Reference and practical examples.

mocha-ui

MochaUI is a web applications user interface library built on the Mootools javascript framework. Canvas tag graphics are used for much of the Mocha GUI components. IE8 RC1 CompatibilityAs of r426 in the SVN, all of the MochaUI demos should now be compatible with IE8 RC1 in both the ... [More] "IE=7" and "IE=8" X-UA-Compatible modes. As long as it isn't too far off in the future, sometime after the final release of IE8 I will probably release MochaUI 1.0. So if you want to get your sites IE8 compatible before that time please get the code from the SVN. UsesWeb Applications Web Desktops Web Sites Widgets Standalone Windows, Modal Dialogs and Wizards FeaturesLayoutHorizontally and vertically fluid layout module with columns and panels. Optional toolbars. Columns and panels can be collapsed, expanded, and resized. Panels can be tabbed. Panel content can be loaded with innerHTML, XHR, or an iFrame. Toolboxes can be inserted in the toolbars. WindowsThe windows and their drop shadows are drawn with the canvas element. Windows can be focused, dragged, resized, collapsed/expanded, maximized/restored, minimized/restored and closed. Windows are resizable in 8 directions. Adjustable rounded corner radius. Adjustable shadow blur. Windows can have tabs and toolbars. Dynamically create new windows on demand and load their content with innerHTML, XHR, or an iFrame. The ability to create multiple new windows from a single Json data request. Create modal and notification dialog windows. Dynamically update window content. GeneralMinimal HTML markup required. Tested in Firefox 3, Internet Explorer 6 & 7, Safari 3, and Opera 9.5. Validates as XHTML 1.0 Strict if you use no target attributes in your anchors and validates as XHTML 1.0 Transitional if you do. Featured Sites Using MochaUICorbis Stock Photography Career Day by Chase Wilson of Echo::Factory Featured Application Using MochaUIPork.Generator More Sites using MochaUISoundseller Universal Curve Change LogNext ReleaseThemes Split panels and windows Bezier Path Animation IE8 RC1 Compatibility v0.9.5 9/07/2008Added a horizontally and vertically fluid layout module with columns and panels. Columns and panels can be collapsed, expanded, and resized. Panels can be tabbed. Panel content can be loaded with innerHTML, XHR, or an iFrame. Added toolboxes which can be inserted in the toolbars. Added a second toolbar to the windows so you can now have top and bottom toolbars. Added a simple file tree plugin. v0.9 6/11/2008Windows are resizable in 8-directions Adjustable drop-shadow width Gauges (round windows) Sortable dock Tabbed windows Windows can now be collapsed by double-clicking on their titlebars Overhauled code structure to make it more modular Added more window options and events v0.8 3/13/2008Added functionality for creating multiple new windows from a single Json data request Added animated canvas loading icon to xhr and iframe load methods onContentLoaded now works with iframes Added styling options which can be set globally and for individual windows Added global effects option which toggles most of the window transition effects Now you can set individual windows to be draggable, resizable, closable, maximizable, or minimizable, overriding the global settings (Joel Lindau) Added closeAll() method which closes all windows at once Added more examples Fixed scrollbar bug in Firefox 2 on the Mac. Scrollbars no longer bleed through windows that are above them Made speed optimizations (Joel Lindau) v0.7 r22 12/11/2007Iframes now resize when you resize a window Fixed it so that if the desktop toolbars are removed the rest of the code still works Modal windows can now be used standalone without any Mocha UI html markup Removed the inline javascript from the example html Added optional autohide to the dock (Scott F. Frederick) Added the following options to new windows: onContentLoaded, onFocus, onResize, onMinimize, onMaximize, onClose and onCloseComplete (Joel Lindau) Added screens/workspaces (Joel Lindau) Pulled the slider function out of the core class Code optimizations v0.7 - 12/03/2007Added minimize functionality (Scott F. Frederick) Added mouseover "title" to close, maximize, and minimize buttons (Scott F. Frederick) Added onmouseover "title" to minimized window buttons displaying full header title (Scott F. Frederick) The close, maximize, and minimize buttons are now individually optional Added several options for setting the properties and style of new windows Added additional ajax and iframe support Reconfigured how the core class is loaded so it is easier to access the class methods Added optional toolbars to the "desktop" Added modal dialog windows Code optimizations v0.6 - 11/26/2007Fixed the IE6 select issue Added a couple more class options Minor code optimizations v0.5 - 11/17/2007Initial release [Less]

MooPack

DHTML UI plugins for MooTools JavaScript framework

.Net JavaScript Implementations

One goal of this project is to create JavaScript classes which function as do the the CLR Classes in .Net. Another aspect of this library is to demonstrate proper use of the ES5 concepts and gracefully degrade in situations where ES5 is not found and the current run time cannot be augmented with ... [More] the logic required for compatible operation. LINQ is a large focus in .Net Development and this library helps to bring some of the nomenclature from that environment to JavaScript as completely as possible. [Less]

mootoolsui

This is a collection of ui widgets for use with the mootools framework. The collection includes buttons, menu buttons, toolbar, menus, dialogs, a tree widget and many more to come. The framework also uses the jQuery UI CSS framework for easy theming.

jxlib-extensions

This project holds a bunch of javascript classes based on mootools and the JxLib user interface library. They were all developed based on needs I had that were not provided for in either library. My hope is to eventually mature the code to the point where some of it may be included in the JxLib project.

flexigrid-ui

flexiGrid is a script that allows you to alter the size of content blocks while shifting their position around, by changing the properties of an area onMouseover and onMouseout, while simultaneously repositioning surrounding content blocks to accommodate the desired motion. Requirements MooTools 1.2.1 Fx.Elements

moogets

MooTools Widgets

mifmenu

Moved to github http://github.com/creaven/mifmenu/ menu implementation for mifjs.

mercury-hg-javascript-library

The Hg Core is a dynamic application manager capable of loading, managing, and interacting with multiple objects across multiple external javascript files — even cross domain. Each object, or module, can be defined on-the-fly or as part of the core library, with dependencies and CSS selector ... [More] conditions to trigger an automatic launch. Also included are a movie-embedding module, a lightbox-style image gallery, and various simple anchor functionality enhancements. [Less]