* 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…
* supports for all of Standard ML, including modules, pattern matching, higher-order functions, generative exceptions, etc. * Standard ML Basis Library support * SMLtoJs supports calling JS functions and for executing plain JS. Standard ML functions may be exported and called by JavaScript code. * Simple DOM access. Simple DOM access and support for installing Standard ML functions as DOM event handlers and timer call back functions. * Optimization. All Standard ML module language constructs, including functors, functor applications, and signature constraints, are eliminated at compile time. SMLtoJs performs a series of compile time optimizations, so it generates fairly efficient JS code * Reactive Web Programming. SMLtoJs has library support for Reactive Web Programming. See the rwp_ex1 example. The simple library API captures the basic notions of behaviors and event streams as well as the concepts of behavior transformers and event stream transformers.
CloudKit provides RESTful JSON storage with optional OpenID and OAuth support, including OAuth Discovery. Stored entities are versioned. Services manage their own storage and do not require schema updates when models change. CloudKit is Rack middleware and as such can be used on its own or alongside other Rack-based applications or middleware components such as Rails, Merb or Sinatra. The CloudKit stack provides an optional OAuth Filter with support for OAuth Core 1.0 and OAuth Discovery. Share your APIs with other web services, desktop apps, Open Social gadgets and more. + An OpenID Filter supplies authentication for browser-based clients. Both the OAuth and OpenID Filters collaborate to simultaneously provide login screens and auth challenges in a single HTTP response. + Discoverable, schema-free, auto-versioned JSON storage tracks each version of each JSON document to allow progressive diff/merge with decentralized or occasionally connected clients.
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.
// 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.
We create concept maps, a type of model, to explore and learn about complex information spaces. By showing everything—the forest and the trees—in a single view, concept maps help people create mental models and clarify thoughts. We create concept maps to share understanding— with our clients, peers, and others interested in the subjects. Please note: many of our concept maps are poster size. They can be printed at smaller sizes (11 x 17), but may be difficult to read. A few of the maps have been printed and are available through our office.
The ADO.NET Data Services framework consists of a combination of patterns and libraries that enable the creation and consumption of data services for the web. The goal of the ADO.Net Data Services framework is to facilitate the creation of flexible data services that are naturally integrated with the web, using URIs to point to pieces of data and simple, well-known formats to represent that data, such as JSON and plain XML. This results in the data service being surfaced to the web as a REST-style resource collection that is addressable with URIs and that agents can interact with using the usual HTTP verbs such as GET, POST or DELETE. Many of the Microsoft cloud data services (Windows Azure tables, SQL Data Services, etc.) expose data using the same REST interaction conventions followed by ADO.NET Data Services. This enables using the ADO.NET Data Services client libraries and developer tools when working not only with on premises services created using the ADO.NET Data Services Fra