Category: Scripting

3 mooTools Accordion Scripts

Nyokiglitter brings you three really great scripts to create a horizontal, tab style or two columns accordion. All you need is mooTools and some CSS:

Horizontal Accordion Script

Read the rest of this entry »

Flexigrid - lightweight but rich data grid

Flexigrid is a lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features are:

* Resizable columns
* Resizable height and width
* Sortable column headers
* Cool theme
* Can convert an ordinary table
* Ability to connect to an ajax data source (XML and JSON[new])
* Paging
* Show/hide columns
* Toolbar (new)
* Search (new)
* Accessible API
* Many more

Easy Scroll v1.0: unobtrusive content scroller

Easy Scroll v1.0 is created by Alen Grakalic of CSS Globe.com. It is an unobtrusive JavaScript function that allows you to scroll any type of content. If you visit the demo page, you will see how some features beautifully done.

Scrolling down content would have more options, such as:
1. Automatic scrolls when up and down buttons are rolled over
2. Double speed when up and down buttons is pressed.
3. Reset button to get you into default position content

You can also customize this function with css to improve its appearance. The content is fully accessible to users with JavaScript disabled browsers, but of course there is no longer scrolling options available.

If you think this “regular” JavaScript function is useful for you, visit the source website that provide you a wonderful demo page and download the script file now!

GlassBox - compact Javascript User Interface library

GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects. The GlassBox library is easy to use, customizable and skinnable, comes with a coherent API and documentation, tested with IE 6, Firefox 2, Opera 9 and Safari 3. Really nice one.

It is easy to use, customizable and skinnable. It comes with comes with a coherent API (CSS based parameter) and a short introduction. And it is free!

Digg style slider with javascript and CSS

Here you will learn how to create a nice slider effect using CSS and Javascript. You can download the needed slider.js there too.

Element Flashing with Mootools

What can you do when you want a user’s attention to focus on a specific element on the page without using cheesy graphics? David Walsh shows you in this great mootools tutorial how you can make elements flash with just using mootools.

moo.rd - a MooTools based javascript library

moo.rd is a super lightweight javascript (object oriented) library based on the MooTools framework. It is designed to give many useful and powerful functionalities to the developers, like a lot of effects, customizable standards, utility native functions, table management, virtual boxes and many more. In addiction moo.rd is modular, flexible, and completely compatible with all MooTools plug-in. Like MooTools, moo.rd respects strict standards and doesn’t generate any type of warnings.

Speed Up Your Javascript Load Time

In this great article you will read about how to speed up your Javascript Load Time. It covers Topics like “Find The Flab”, “Compress Your Javascript”, “Debugging”, “Optimize Javascript Placement” and much more. So if you want to speed up your site you have to read this.

Javascript Optimizer

JavaScript Optimizer - JSO is a project that allow you to manage easily your JavaScript and CSS resources and to reduce the amount of data transfered between the server and the client.
To perform this, the following optimizations are performed :”Cache optimization : by adding a timestamp and headers informations, the caching resources is more efficient”. “JavaScript files merging, minimizing, and refractoring, if possible”. “CSS files merging and minimizing if possible.” Through these 3 steps, the data transfered is significally reduced. The resources managing is externalized in an XML descriptor, which make it really easier to maintain.