GUI UX DHTMLX JQuery tools, Java Script

Introduction to jQuery tools

Essential tools for modern websites

Let's face it: do you really need drag-and-drop, resizable windows or sortable lists in your web applications?

Websites are not desktop applications. They are different. What you really need is high usability, striking visual effects and all those "web 2.0" goodies that you have seen on your favourite websites.

This library is an answer to this need. All tools can be used together, extended, configured and styled. You'll find your personal way of using the library.

Small size. High performance. Free CDN.

The UI part of this library weighs 4.45 Kb. This is possible with good programming habits and compressed files

You can pick your own selection of tools from the download page or you can load the most common combinations directly from a free Content Delivery Network (CDN).

The CDN is configured with the proper expire headers and compression settings so that the file loads fast. This CDN can be used in production environments without any charge.

For beginners

A large demo area lets you copy & paste working code directly into your pages.

From each demo there is a minimal version without redundant HTML, CSS or JavaScript. You can use them as templates and fine tune them to your requirements. They provide a quick way to get started. You are also free to use and modify all the graphics you'll find.

For serious programmers

Each tool does only what it is supposed to do and nothing else. Tools and not policy.

Understandable API design. Clean design patterns. Compact and human readable source code on Github. That's it.

Learn one tool and you also have learned the other tools.

Java Script

First pane

Flying screens

Aenean nec imperdiet ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Suspendisse potenti. Sed elementum risus eleifend massa vestibulum consectetur. Duis massa augue, aliquam eget fringilla vel, aliquam vitae arcu. Nam sed magna mi. Praesent odio neque, dapibus sit amet suscipit at, tempus sed nibh. Aliquam sagittis ligula in ligula faucibus cursus. Quisque vulputate pellentesque facilisis.

Second pane

Flying screens

Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra.

Vivamus euismod euismod sagittis. Etiam cursus neque non lectus mattis cursus et a libero. Vivamus condimentum hendrerit metus, a sollicitudin magna vulputate eu. Donec sed tincidunt lectus. Donec tellus lectus, fermentum sit amet porta non, rhoncus ac mi. Quisque placerat auctor justo, a egestas urna tincidunt eleifend.

Third pane

Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.

Aenean elit lorem, pretium vitae dictum in, fermentum consequat dolor. Proin consectetur sollicitudin tellus, non elementum turpis pharetra non. Sed quis tellus quam.

next

Jquery Web Forms 2.0

Sample registration form

Enter bad values and then press the submit button.