Latest Download

Other Available Package

Build your custom Savvy.UI

Custom Builder

Feel lost?

Check out these instructions.

Savvy.UI version 0.1.1.8 (Alpha-Build-2) Released

April 1, 2008 – 3:19 pm by zaki

We currently testing multiple new feature for Savvy.UI, some of it already available in the newly release while other we put it on hold for the future. As for now, we are more careful with all the code and function inside Savvy.UI to ensure that it is usable when needed. We have also try to let you have lesser code to write with the bundled utility or plug-in which is first introduce in this release.

What’s New

DOM Selector

For the new Savvy.UI we have provide support to a set of CSS1, CSS2 and minor CSS3 support for our DOM Selector engine. The Engine uses native or traditional DOM querying instead of XPath, we currently will mantain this as for the next few development. The engine itself were first introduced after version 0.1.1.6, below is list of supported Selector query for version 0.1.1.8 (Alpha-Build-2):

  • Basic
    • tag
    • tag#id
    • tag.class
    • #id
    • .class
    • *
  • Extended - Element is a combination of any of the Basic.
    • element element n-element
    • element, element, n-element
    • element > element
    • element ~ element
    • element + element
    • element:first-child
    • element:last-child
    • element:hidden
    • element:visible
    • element[value]
  • Form Element
    • element:input
    • element:checked
    • element:selected
    • element:enabled
    • element:disabled
    • element:text
    • element:password
    • element:checkbox
    • element:radio
    • element:submit
    • element:button
    • element:image
    • element:file
    • element:reset

Example below will make all first child span which is child of any input DOM Element which is inside of DIV#hello to have red as it’s font color.

SUI("div#hello > :input span:first-child").css("color", "red");

OnDOMReady

We also improve OnDOMReady or .ready() function for Savvy.UI which will enable you to prepare set of event to occur right after the DOM is ready instead of waiting for all external element to be available (including flash, images and video). During early implementation the script failed in IE based browser because the browser document.onstateready function were overwrite when there multiple .ready() call.

SUI("p").ready(function() {
	SUI(this).css("color","red");
});

Other

Additionally here a list of changelog for version 0.1.1.8:

  • Introduction to SUI.vars which will extend to SUI.string or SUI.array, the constructor is workable but there’re some issue when array variable return typeof as object instead of array.
  • Separation of some plug-in based extension to SUI.Util, the changes include SUI.Util.Ticker, SUI.Util.SimpleTab, SUI.Util.DropMenu.
  • Enhancement of SUI.Ajax, predefine callback will only be called when you add and object value {SUIXHR:true, ...}.
  • Introduction of SUI.Util.SimpleTab
  • All extension will have __contructor callback which is similar to PHP5.
  • Introduction of .has(), .is(), .start() and .end() for SUI.Elements.

Download Savvy.UI

Download Savvy.UI version 0.1.1.8 (alpha-build-2) and follow these instructions:

New Savvy.UI Panel

February 22, 2008 – 5:34 pm by zaki

Savvy.UI Panel

We are working on SUI.Ext.TabPanel and SUI.Ext.Panel, so any comment on the design?

Unique String Validator

February 17, 2008 – 9:28 pm by zaki

Here’s an example where Savvy.UI can be use to evaluate set of string and return only uniques string using SUI.Elements constructor object and SUI.fn.unique function. The whole test is done at client side.

Read the rest of this entry »

Posted in Example | No Comments »

News.Update #1

February 11, 2008 – 12:41 pm by zaki

First of all, sorry for not being able to update this site more frequently that we would hope for but there are things that we can’t avoid. I choose the title “News.Update” as an indication that this is a summary of multiple news or update regarding Savvy.UI, so let get on with the news shall we.

Read the rest of this entry »

Posted in News | No Comments »

SUI.selector() Modern Browser Results

January 29, 2008 – 5:26 pm by codenitive

Recently I took a bit of time off the development of Savvy.UI and test out SUI.selector() speed. For this purpose, we took the same test sample from SlickSpeed selector test but half of the actually test were ignored since our selector doesn’t support those query at the moment, those unsupported format will be added later in the future.

Read the rest of this entry »

Tags: