Meteora

There are already a lot of javascript frameworks, tools, a lot has been discussed here, but we have lost sight of one very interesting project. So meet



By itself, this is not an independent framework, it is a set of widgets (as the project developers call them). The package itself is based on MooTools. However, it already has many built-in functions, such as autocomplete, calendars, etc.

The distribution itself is of the order of a megabyte and consists of many folders. Packed version of the package (in the archive folder compact-source) takes 380Kb. It contains both style sheets and icons required for libraries, and the libraries themselves. Interestingly, to connect this package to your site, you need to connect only one script file - the minimum kernel.
<script type = "text / javascript" src = "/ js / meteora / meteora.js" />
')
And if you need to load some component (called Control), then you can already use javascript. eg:
Meteora.uses ('Control.Controlname');

Thus, we load only those components that are needed and in a completely natural way.

After we load Control, we can create an object
new ControlName (
'objectId',
{
option1: 'value1',
option2: 'value2'
}
);
Different Controls have different options, but they are all well documented.

To solve problems related to the fact that it does not have time to load the DOM there is a standard solution.
Meteora.onStart (
function () {
new ControlName (
domNode,
{
option1: 'value1',
option2: 'value2'
}
);
}
);

I will not continue, since everything is clear on the offsite site. Just describe my case, as I actually found this set.

For the interface, I needed a field like SpinButton (This is where there is a bidirectional arrow next to the text field to change numbers or something else in the field) where you had to choose a certain amount with specified limits (from 3 to “eight-on-side”) and step 0.10

To my surprise, this was quite simple.
I connected this package, as indicated above, loaded the library I needed
Meteora.uses ('Control.Spinbutton');
and entered the parameters of the spin.
Meteora.onStart (
function () {
new Spinbutton ('amount', {
'defaultValue': 3.0,
'minValue': 3,
'step': 0.1
});
}

now input c id = “amount” has acquired the necessary functionality. little things of course, but for such cases I think this package will be very useful for everyone

And here is the address where you can actually take this package and its documentation - meteora.astrata.com.mx