MobWrite converts forms and web applications into collaborative environments. Create a simple single-user system, add one line of JavaScript, and instantly get a collaborative system. Demos Each of these demos is globally collaborative, meaning everyone is sharing the same space. With luck there will be someone else using these demos with whom you can play. If not, open the demos in two different windows and collaborate with yourself. Editor A simple collaborative plain-text editor. MobWrite is extremely good at resolving collisions which other systems would fail on. Form This form demonstrates collaboration with all the standard HTML form elements. Note that the onchange event is called remotely when the checkbox is ticked, thus allowing forms to react normally to changes. Spreadsheet This 50-cell spreadsheet is an abuse of MobWrite (there are more efficient ways of synchronizing grids of data). But it shows what can be done.
Chain.js – Data Binding Service for jQuery Chain.js is a jQuery plugin, providing unobtrusive data-binding capability that allows you to generate web contents automatically by binding your data to html. Unlike other data-binding frameworks and library, it uses pure DOM, instead of string-based innerHTML approach, so event binding won’t gone during rendering. This library can also be very helpful if you strictly separate your data from your HTML, e.g. developing using MVC-Pattern
* 1 Load the framework from Google Code * 3 Combine all your scripts and minify them * 5 Keep selection operations to a mini by caching * 6 Keep DOM manipulation to a min * 7 Wrap everything in a single element when inserting DOM * 8 Use IDs instead of classes wherever possible * 9 Give your selectors a context * 10 Use chaining properly * 11 use animate properly * 12 Learn about event delegation * 13 Use classes to store state * 14 or use jQuery's internal data() method to store state * 15 Write your own selectors * 16 Streamline your HTML and modify it once the page has loaded * 17 Lazy load content for speed and SEO benefits * 18 Use jQuery's utility functions * 19 Use noconflict to rename the jquery object when using other frameworks * 20 How to tell when images have loaded * 22 How to check if an element exists * 23 Add a JS class to your HTML attribute * 24 Return 'false' to prevent default behaviour * 25 Shorthand for the ready event