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
Ajaxify is a jQuery plugin. it can convert all links in a web page into an ajax load and submit requests. with this ultra weight plugin, you can build a complex ajax website with one single line. welcome to web 2.0 world!!. Main features * Ajax GET and POST requests. * History & bookmarking support. * Partial load from the output. * Four events support. * Forms Support * Animations Usage One line of code can do the job: $('.ajaxify').ajaxify(); And HTML code will be something like: <a class="ajaxify" href="example.php" target="#container">Click here</a>
This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace. I will also document the scripts more thoroughly and publish multiple examples. I will continue to publish scripts there and support as I have time via the new community forum. I will try and post more frequently here on a wide range of web development related topics. Here is an example of the markup to build a slideshow…
// behaviors, events how it compares to flapjax Protoscript is a simplified scripting language for creating Ajax style prototypes for the Web. With Protoscript it's easy to bring interface elements to life. Simply connect them to behaviors and events to create complex interactions. Here's an example that fades & closes the image when the user clicks on it. (It's live, so go ahead and try it!) $proto('img#avatar', { Click: { onClick: { Fade: { opacity: {to: 0}, onComplete: {Close : {} } } } } }); The protoscript above says: for an image with id avatar, fade it out when the user clicks on it and close it when the fade completes. By combining different behaviors with different elements and events you can create complex interactions without writing JavaScript. Want to see it in action? Here are the current set of behaviors. Click any of them to see live examples.