Projects

jQuery UI

jQuery UI is jQuery's official user interface extension. It is a collection of interaction plugins, widgets, and effects that extend jQuery to create a powerful user interface.

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]

kombai-js

This is a javascript framework use to manage JSON data in browser. You can select, insert, update ... JSON data same working with MySQL database. You can use SQL syntax working with DOM to substitute CSS selector in other framework. It support ajax, cache ajax, dragdrop, animation... some demo ... [More] code: //create new database var oldRequest = K.create.database({ fieldName : ["compare", "responseText", "responseXML"], primaryKey: "compare", ignoreError: true }); //update data oldRequest.Update({ responseText: xhr.responseText, responseXML: xhr.responseXML, where: 'compare == "' + code + '"' }); //select element in DOM var aImg = K.select({ from: K('kombai'), where: "tagName =='IMG' && title == 'copyright uoon'" }); [Less]

Kool-Swap

Kool Swap enables impressively ajax load support with history for websites. Just tell the plugin what should be switched and see the magic!

devbarjs

OverviewUseful PagesContributions Overviewdevbarjs is a customizable development tool bar that lays subtly at the bottom of your browser. The interface provides quick additions of helpful development tools with hooks into jQuery and YUI. Included with this release is: jQuery extension for ... [More] logging. YUI Logger extension adding page persistence and quick-view verbosity. Easily extensible bar actions. The customizable development bar. This distribution has been tested with all major browsers and has its known issues with some of the older ones. Since this is intended to be for developers, these issues are all but being ignored. Regardless feel free to visit our known issues wiki page for more information. Useful PagesInstallation - Installation guide. API - Useful guide to the API that is made available. ContributionsI am only one man with a lot already on his plate. It has been a very useful tool for me and since it seems unique in its design, it could help others as well. The tough part is that my days only last 24 hours and I need about 2 hours of sleep already which leaves me with only 22 of good time to waste doing other things than maintaining this. I will help, but I encourage others to join in, too. If you have an issue, fix it. I will be more than happy to give you privileges to the repository if you wish. It's helping me and it's helping everyone else and we all appreciate it. [Less]

aaadl-asnychronous-action-animation

Asynchronous, event-driven programming became more and more important in this "loosely=connected" era, but programming asynchronous application in traditional programming languages is quite complex and painful, oftens leads to hard-to-maintain code. This is my attempt to solve this ... [More] problem by coming up with a new language that is suitable to describe those asynchronous, event-driven applications. As the very first step, we are going to address the issue related to asynchronous, event-driven animations on the client side, although the scope of this projects is way beyond animations or client-side programming. I expect that this initial focus will allow us to focus on a few particular aspects and make rapid progress withoug wasting too much time in debating forever. [Less]

nyromodal

nyroModal is a highly customizable modal window plugin for jQuery. You'll be able to customize either the look by CSS and the animation by creating your own using the jQuery animation function. Support in French or English.

alladyn

Alladyn is a JavaScript library with key-frame based Animation module, plugins and real time effect system. Alladyn 1.x was cross-browser (NS4,IE,Gecko), while Alladyn 2.x will be focused on making the web applications dynamic, serving in AJAX, animations for SVG, XHTML etc. with modules like real ... [More] time key frame based animation. The code is currently being relicensed to MPL/GPL/LGPL tri-license. All sources available from SVN are MPL/GPL/LGPL licensed no matter what (obsolate) docs says. We will update the source docs soon. [Less]

ianimejs

iAnime.js is a ligh-weight Javascript animation engine that allows developers to implement action-heavy applications such as games, animations, and slideshows without Flash. iAnime.js is so small and efficient that even action games on Apple iPhone became practical. iFreecell is a fullly ... [More] functional puzzle game for iPhone that takes advantage of light-weiht animation capability of iAnime.js. Please take a look at it (it runs on PC/Mac as well) to see what is possible with iAnime.js. If you have any questions or requests, please visit iAnime.js discussion group. [Less]

savvyui

IntroductionSavvy.UI is an open source JavaScript UI Library powered by jQuery JavaScript Library mainly for it's robust DOM Manipulation Engine. Here's a example of Savvy.UI in action. Js.setup.widget.tab({ handler: "click" }); var tab = new ... [More] Js.widget.tab("#result"); tab.addTab({ id: "hello-world", title: "Hello world", closable: true, content: "Hello world " });Why jQuery?During the early iteration of Savvy.UI we developed and managed DOM Manipulation Engine but there are numbers of weakness and flaws. This had slow down the development of other modules in Savvy.UI which would be far useful if added to the library rather than sitting down and , so we decided to source out the selector engine and what ever else which already there in any opensource JavaScript Framework. jQuery is our #1 choice for these reason: Fast CSS Selector Engine, include support to CSS3 and XPath Extensive DOM Manipulation and Traversing Technique Smoother Animation compared to Js.ext.animator The core is focus to DOM Manipulation which give us room to extend it using our module Is Savvy.UI a jQuery Plugin?No, Savvy.UI only utilized jQuery but at the same time we also maintain our own global namespace consisting of two; Js and Jrun. RequirementjQuery JavaScript Library Modern Internet Browser Savvy.UI have been tested in IE6, IE7, Opera 9.5, Mozilla FireFox 3 and Safari DocumentationDownloading Savvy.UI Getting Started Core Documentation Core/Widget/Tab Documentation [Less]