Need to separate structural markup from presentation format as a table with CSS styling, so he can offer additional flexibility in how you present your table.

You can edit / change each side of a table cell separately. There are 20 fresh css ajax tables that will provide information to you some useful techniques for displaying information in tabular form

1. A CSS styled table

Veerle Duoh shows the use of tables for the data tables, as well as the implementation of accessibility and how to create a visually interesting by using CSS.

2. Sortable Table

In this table you can sort the numbers, strings, dates and currency and filters on columns. Support for Firefox 2 (Mac / PC), IE 7, IE 6, Safari (Mac).

‘

3. Vertical scrolling tables

Table vertical displacement of the CSS style tables with fixed column headers and footers, and scrolling. If you have a lot of data in the table, but there is not much room for the screen, then this might be the answer.

4. Row Locking with CSS and JavaScript

Again, the CSS Guy technique known as “locking the record to confirm that the benefits will continue to users (Re-click or open), respectively.

5. Replicating a Tree table

The aim is to replicate the graphic table tree using HTML. This is a request from a member of Web Standards. Posted here in this case is useful for others.

6. Paginate, sort and search a table with Ajax and Rails

In this example, a dynamic interface, which does not need to reload the entire page when you change the table.

7. Collapsible tables with DOM and CSS

This script will add a picture to be enlarged so that the arrow at the bottom of the table and together.

8. Tablecloth

The tablecloth is lightweight, easy to use unobtrusive way to add style and behavior of HTML table elements. Coat naked, slender table and apply the style and behavior. This will appear in the HTML source code for the table of the elements and procedures of the individual. And there is absolutely no need to search for the code name of a class or ID.

9. Stripe your tables the OO way

Gas is the method “through each row in the table, and applies to such” old “and later added, onmouseover and onmouseout functions using a local variable with the name of the class, and background color will be replaced as a deduction.

10. TableSorter plug-in for jQuery

Its main features include multiple columns sorting, support and rowspan COLSPAN TH elements and many other features

11. MOOTOOLS javascript Table Row & Column highlighting

This shows an mootools javascript example that highlights the table row and column of the cell you are hovering over.

12. jQuery Table Filter

Demo Table 86 lines, 774 total cells. Rather than loading a separate building in the table on the page, you can press to control the process so you can better feel the speed.

13. CSS Table Gallery

This is an example of the 93 categories of styles.

14. Sortable/Resizable/Editable TableKit

TableKit is a collection of HTML table with a prototype frame extension. TableKit is currently implementing the turn row, column sorting, column resizing and cell editing using Ajax.

15. Zebra Tables

Alistapart provides an excellent example of using JavaScript and the DOM standard style background color of cells in the table.

16. Mootable

Because they are made from standard tables, they affect the very good.

17. GridView3 Example

Table 3 of the GridView based on ExtJS Ajax CSS.

18. Standardista Table Sorting

Standardiste classification table JavaScript module that allows you to sort the data by the HTML table each column. Module has several advantages such as fast and smart, etc.

19. Drag & Drop Sortable Lists with JavaScript and CSS

List of possible reorderd business by checking the DOM. All ratings on this page, maintain their orders via cookies (try to rearrange the list, and then displaying this page)

20. Make all your tables sortable

SortTable available under the X11 license, which basically means that you can do whatever he wants, including the use in the workplace. While the web design community gradually moves away from using tables to structure pages, working with a very important table, originally used, but still the data tables

They graph the function and help you, rectangles, ellipses, triangles, lines, and can create more.

Features

- You can the presentation of professional quality with ultra-fast Ajax user interface.
- Access to the presentation from any computer with an Internet connection and a modern browser. And there’s no need for dedicated hosting to use Preezo.
- Re-use of images or content of the film from the simple to the gallery.
- Save time and reduce headaches, working on a centralized web document.
- Distribute presentations to clients and colleages without having to email huge PowerPoint files.

1. conjoon – Open Source Web-Based Personal Information Toolbar

conjoon is an open source webmail with the Zend Framework, which focuses on message exchange is built.

Currently, e-mail is a full-featured Web client and RSS reader Contacts management. However, future versions will also show that support.It Twitter client with multiple accounts have built-in installation requires PHP / MySQL work.

2. T-Dah -  Free PHP email application

T-dah is a free PHP webmail application which is built from the well-known Uebimiau script & offers a slick interface.It built and the body may be ready for use within a few minutes in PHP (4 or 5)-enabled server and requires no database. The application uses the POP3 protocol and can be configured to use SMTP, mail PHP, Sendmail Qmail or send an e-mail.

T-Dah comes with several modules:

* Calendar of events
* Group Chat
* Address
* Manage folders

Using TinyMCE WYSIWYG editor to create a new e-mail, integrated search, and may in any language using the “language files” support, which will be translated.

3. 6zap – Open Source Communications Platform

6zap is a open source communication platform with e-mail, calendar, file and contact management.
Applications are available in 3 versions:

* Hosting Version
* Download version for installation on the server
* Pre-configured deployment in the cloud Amazon AMI

E-mail module is similar to Outlook, a three-port patch panel (which also work in standalone mode), the ability to automatically save, drag and drop capabilities and spelling.

Calendar module provides a general and private use, which supports recurring appointments, multiple views (day, week, month ..).

Application file management module, which provides a desktop computer. Files and folders can add, rename, remove easily.

Contacts modules again very similar to Outlook and yoiu can come from other parts of the application for such as calendar, e-mail.

There is also a function called facilitate Zcount that makes the subscription and registration in other web sites / applications. This automatically creates an alias e-mail to subscribe to a more reliable protection against spam.

Total 6zap promising product, which is useful for you:

* Service providers offer their customers
* For people who almost immediately set up and use, such as communication platform

4. Hastymail – Webmail Free Software

Hastymail IMAP is a free web-mail software (Open Source), built with PHP.

Application is very simple, has a clean interface and supports all popular browsers, including mobile ones.With its support for plug-ins can add new functions. Some plugins are available: timing, filtering, RSS, and Atom.

Hastymail can be customized using CSS and template system based on PHP.

She Vcard contact list on the basis of many import and export opportunities and many other features.

5. Xuheki-  Free IMAP and AJAX client

Xuheki is an open source IMAP client with interface.It AJAXed think she feels like a desktop application, and supports multiple servers, IMAP / identity.
Using Net:: IMAP:: Client Perl modules for motor DynarchLIB IMAP and built with the Ajax Toolkit.
Some features Xuheki:

* Support for multiple folders with drag & drop
* You can click on the IMAP server to stay in touch with
* The interface may have a few things to do when
* Support for multiple users
* List of contacts and much more ..

It requires Running Perl, and MySQL 5.

6.Claros InTouch -  Full Featured Ajax Communication Suite

Claros, who is a passionate team to create software with open source has a very good software named Claros InTouch .Clasor InTouch  is an ajax communication suite with key features such as Web mail, calendar, Post-It Notes, calendar (in labor) , disco Internet (at present), built-in instant messaging and RSS Reader. He is the first open source web application that adds features anti-spam protection and instant messaging with Web 2.0 technologies.

It is built with Java, using JSP / Servlets to J2EE technology is known and used MySQL InTouch database.Claros is more than a free software e-mail with a polished surface and has a license GNU usability.It makes this series of communications software for free.

7. AtMail-  PHP Webmail client

AtMail is an open source webmail client written in PHP. We aim to provide a elegant Ajax webmail client for existing IMAP mailservers, with less bloat and a focus on an intuitive, simple user interface.
The open source version of AtMail provides users with a lightweight, yet powerful webmail client. The software can be installed on a variety of platforms with ease and without the hassles that most webmail platforms impart.
Traditional desktop mail clients are in decline; the future of email is via a web interface. AtMail is poised to deliver the next generation in Open Source Webmail.

Features of AtMail Open include:

• Lightweight Ajax Webmail Interface
• Video Mail
• PHP source code
• IMAP support
• Live Spell Check
• HTML email composing
• Address Book
• LDAP Address Book Integration
• Apache 2.0 Open Source license

1. Password Strength – Estimates brute force time (jQuery plugin)

Brute force, in case of attack your site, this method can crack the devil. This plugin shows the strength of passwords to tell you how long it takes to brute force.

2. Masked Input Plugin

This mask input plugin for Jquery library JavaScript. Allows the user to more easily enter fixed width input where you want to enter data in a certain format (dates, phone numbers, etc.). This was in Internet Explorer 6 / 7, Firefox 1.5 / 2 / 3, Safari, Opera and Chrome. The mask is determined by the mixed model of the mask and the literal definition of the mask. Each character that is not included in the list of definitions below as a literal mask. Mask literals will be automatically registered for the user, because the nature and can not be removed by the user.

3. Ajax Fancy Captcha

Fancy Ajax Captcha is a JQuery plugin that will help your web pages spammers and robots. We will provide a new and intuitive form, fill in the “human check” problem. To do this you will be asked to drag the item into the circle. Captcha security level only, on average, with an emphasis on beautiful and convenient features, and they do not provide adequate protection from unwanted “guests”. Design and main components easily modify and personalize, take a look at the file structure for further information.

4. jQuery plugin: Validation

To verify that this is a reliable, flexible plug Jquery form, you will never have to check. It is an unobtrusive user experience, user violates as possible with unnecessary messages. To answer through the web site for more than just an event, serves as KeyUp and Blur, without complex configuration.

5. Pixelmatrix Design – Announcing Uniform

Any agreement between the user interface design with a form of control is not enough. Often, checkboxes, selects and radio buttons do not appear to be consistent in all browsers. Uniforms, plugin for JQuery, you can style, radio and check boxes you always.

6. jQuery Nice Form

Nice Jquery looking to create custom form elements, as usual. It’s simple, but it can seem complicated and individual as you want.

7. JavaScript image combobox v1.5

Are you tired of Pull-old? Try again, the menu selection screen. You can use the symbol for each option. Working with the current “element, click.

8.Opensource – AJAX – Jqtransform – jQuery form plugin

This plugin JQuery plugin that you style form elements on the skin with their own parameters for each browser you can use.

1. Ad Gallery – Custom Photo Jquery Plugin

Ad Gallery JQuery plugin for creating galleries / plugin uses advertising quickly.The bulleted lists and convert them to offer many opportunities for a better fit.

Some of the features added are:

* Auto-start of each image
* Support for navigation using the keyboard
* Custom effects, such as slides, Fade ..
* All descriptions of images
* Click on the image in the immediate vicinity of the next previous buttons more thumbnails
* Work as a slide show with Start / Stop
* And much more ..

Ad Gallery preload image clarity of the screen, but if the image is displayed not loaded trucks and expects load.And image shown depending on the size of the image, self-organizing on the size of the DIV “container” for a better fit.

2. JQuery (MB)gallery – gallery with a built-in thumbnail browser

jQuery (mb)Gallery JQuery plugin to create a picture gallery with feature.It slideshow, you can create galleries will be represented in any way and would like to add a reference to it in addition to the main room, access to view the gallery. The browser has a miniature online, which is very important for easy switching between images.

Offers various options for easy configuration, including:

* Width, height and color
* Self-starting with a predefined picture
* Auto-mobile for on / off
* The spread between each slide
* And much more ..

3.JQuery Superbox  – Flexible modal window

jQuery Superbox! Jquery is a plugin for creating modal windows easily be adapted (eg, lighter).

It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

To change the look & feel, it is enough to play with the CSS as no styles are set by default.

To customize the look and enough to share with the styles of CSS, which are not resolved default.It, any type of content as any HTML content can display the playback screen. But by default, the text content of the image (single or gallery mode) and frame are supported.Dimensions modal window size can be selected automatically, based on the content or the width and height can be defined for standard sizes.

4. GalleryView – Jquery Gallery Content

GalleryView is a JQuery plugin for creating galleries offer any type of content, including images or HTML.It a wide range of configuration options for the Width / Height plugin purified colors just an unordered list in the gallery. You can enable or disable the subtitles, which can be a long-standing tags.By update some images, new products, created with ease.

5. Pikachoose – Image Gallery Plugin for Jquery

Pikachoose is a plugin for Jquery Gallery Slideshow smoothly and easily.

The exhibition thumbnail images (which can be configured statically or manually create the original image size) and allows the user to the gallery and see the pictures, pre-close buttons or with the automatic reproduction. The plugin can display the image name and any kind of HTML can be used as a “Links”) is used in names (.

Pikachoose very easy to configure, pikachoose unordered list with id="pikachoose" is a gallery of images. Any other option is defined in terms of a single line.

6. NyroModal – very flexible Jquery Modal Plugin

NyroModal very flexible and customizable Jquery plugin to easily create modal windows.

There may be any object HTML:

* From Ajax requests
* Show hidden DOM elements
* In the Gallery
Forms * frames ..
In addition to the above functions, you can target content in the Ajax request or form, resize a modal window Ajax request and much more.
At each event, and to hide the field mode can be defined any animation plug too.The well documented and presented some examples.

7. JQuery Slide-show – simple management Gallery

Simple Controls Gallery is a slideshow script built with jQuery.When slideshow menu with a smooth-to-use menu control can stop the slide show / play and navigate to the previous image next menus.It array referred to in the JavaScript code to be.
This slideshow Jquery can set the playback image when you first open and save the image, which will be available Cookie to remember the last image displayed.

8. jQuery.popeye – an alternative to lightbox

jQuery.popeye plugin that is what turns an unordered list of images that are increased in a simple image gallery that image, click on the style light table.
Images displayed in the box next previous inspections and information about images can mentioned.The compact box set, it will automatically calculate the dimensions. Width and height are calculated in such a way that all designs are adapted to the small width and height in the crowd and subject area, the resulting image.

Plugins can be easily adapted to the proposed list of settings.

9. Galleriffic – Fast performance Photo Galleries

Galleriffic is a JQuery plugin to create Photo galleries.Images quickly return to the slideshow, or manually by clicking on the support of the gallery thumbnails.The treated as debt, which would in large quantities in images.Images photo display as mentioned Javascript array and each image is loaded once it is invoked.

Galleriffic also SEO friendly, you can immediately see the image with each center of the gallery.

10. Galleria – Jquery Image Gallery Plugin

Galleria is a JQuery plugin gallery.Uploading images to one of the unordered list, and they offer:

* Scale
* Not to scale
* Center
* Grown in the field of fixed thumbnail

Beauty Galleria is the ease of creating galleries. Simply create a bulleted list, add pictures and create a stylish gallery.

Another interesting feature is support for browser history. You can use the browser BACK and FORWARD buttons
Other features of this Jquery image gallery:

* Unobtrusive JavaScript
* Easy-packed (4k)
* Show the image if you are a real image
* CSS Powered – create your own style gallery
* Super fast image viewing with images that are loaded in the bottom
* Name of the created image or anchor title
* JQuery plugin – takes one line for
* Can generate events to be able to customize the behavior of the image ONLOAD

11. Space Gallery – Image Gallery Jquery

Spacegallery is a very simple but nice image gallery built with jQuery.

It is a static gallery where images are hardcoded in the HTML and presented with a beautiful grow – fade out effect.

How to use?

After inserting the JS and CSS files in your pages-a, a Div element with images, including:

<div id=”myGallery”>
<img src=”images/bw3.jpg” alt=”BW” />
<img src=”images/lights3.jpg” alt=”Lights” />
</div>

And call the gallery:

$(‘#myGallery’).spacegallery({loadingClass: ‘loading’});

You can also use the point of view, the scope and duration of the animation.

MooTools code respects strict standards and does not throw any warnings. It is well documented and meaningful variable names: the pleasure to navigate and easy to understand.this is 8 great MooTools library for web designers :

1. MilkChart – convert tables in Chart

MilkChart is easy to use, but solid collection of MooTools to convert tables in Chart.it use <canvas> tag  and supports the following charttypes:

* Column
* Bar
* Line
* Scatter
* Pie

The library has many options for customizing the variables:

* Width, height
* Font color, font size, font
* The curve of colors and weights
* The names of the line (on / off)
* And much more ..

MilkChart not a test page, which can be played, but it is well documented and detailed information to get started, click here.

2. beautiful sliding share

Web-kreation is sharing a beautiful house is sliding share of a very important practical for use at sites with limited space.

It has 2 versions:

* When using Mootools
* Using JQuery (an enhanced version of media design and functionality)

Panel work carried out duplicate content, and can be easily upgraded in order to be used for any other function (), such as navigation, search forms, etc.

He also Plugins for WordPress:

• Sliding Panel: WordPress Plugin by Justin Tadlock.
• SuperSlider-Login by Twincascos.

This is only HTML CSS JavaScript piece of code and has no unified system of access. This function must be adapted to the use of code.

3. paging and multi-filtering

In some cases, a standard HTML list box does not provide good usability and the need to move or use a keyboard and mouse.MTMultiselect Widget, select the paging and multi-filtering is built with Mootools.
User can easily see the selected and unselected items and can get the full functionality using only a mouse.
Widget can be completely designed using CSS.For the demonstration, click here.

4. MooFlow – Gallery with Mootools

MooFlow Cover Flow is highly customizable and gallery will be built with Mootools.It is easy to configure and automatically access the HTML element with the images.MooFlow has several functions, such as:

* Support for full screen
* Navigation using the mouse wheel
* Navigation with the keyboard
* Auto Play & Loop
* Reflections JavaScript automated image

The script is also flexible image loading. Data source can JSON or HTML with a choice of filter.And its interface is only through the skin CSS.

5. Mootools file manager

Mootools file manager is a file manager that allows you to manage files from folders style.It runs in a modal box  with AJAX interface that will help you:

* View files and folders quickly
* Rename, delete, move (Drag & drop), Copy (Ctrl + drag), and download files
Guest Details images, text files, compressed files, or audio content
* Ability to automatically resize large images load
* Use to select the file where you should enter into background applications

FileManager script used FancyUpload3 will soon be released for downloading files beautifully.TinyMCE and can be easily integrated as well.For a standard demo, click here and to see a demonstration of integrated TinyMCE integrated demo, click here.

6. MochaUI a library of user interface

MochaUI a library of user interface based on the framework Mootools JavaScript.
The library does not use any photos, but tags for canvas gradients, rounded corners and shadows.
It is easy to install, both horizontally and vertically fluid layout module with columns and panels. Columns and slabs (plates can be processed together) can contract, extension, and size.

New Windows could be created immediately, but may be:

* Reduce the center to draw the zoom,
* Collapsed, and expand
* Expand / Collapse
* Minimized / restored and closed.

Example of the function, click here

7. Datagrid

Omnigrid is part of the network for free MooTools has advanced features.With Flexigrid inspired (for Jquery) and SortableTable, Omnigrid similar functions.

In addition, the client-side sorting, using server-side PHP script (mentioned), it easily connects to the data and can be sorted / numbering you have an unlimited number of records.The columns can be changed by a few selected records (internal data is shown with an accordion), you can customize the look and much more.

8. MooGenda -  calendar of events

MooGenda script built in the calendar of events, with MooTools, which states the facts requests JSON.Calendar supports drag and drop event and every action JSON request is sent to the update immediately.This calendar MooTools supports 3 different ways:

* Show date
* Weekly View
* Month View

With a few clicks, the calendar switch between the windows, with sliding animations and displays information that the day / View / month.

You can link multiple tables together to create their own opinion (+ implementation of the functions at this point of view), using the configuration file. In addition, the column names can be shown to be adapted for better presentation.
MySQL Table Editor supports Ajax permissions can be configured for each column of the table or the basis for the restriction of functions.

Users can show and hide or alter the columns and the new, very useful when working with data.
The application works with PHP4 and PHP5 and comes with 5 prepared for the use of languages in which they can create new ones.