Plugins
Get flash to fully experience Pearltrees
Envision.js – A Library For Interactive HTML5 Visualizations
Envision.js is a JavaScript library to simplify creating fast and interactive HTML5 visualizations . It comes with 2 chart types; TimeSeries + Finance and with an API for developers to build custom charts . The library is built on top of Flotr2 and the HTML5 Canvas . It is framework agnostic and depends on few micro libraries. It works by default on modern browsers, IE6-8 with FlashCanvas, and mobile touch devices with a WebKit browser are all supported. P.S.
We covered a demo earlier this week showing real time video processing with WebGL, but Seriously.js taking this concept even further: seriously! Seriously.js is a real-time, node -based video compositor for the web. Inspired by professional software such as After Effects and Nuke, Seriously.js renders high-quality video effects, but allows them to be dynamic and interactive.
Seriously.js: A Realtime, Node-Based Video Compositor for the Web
Created by Ryan Dahl in 2009, Node.js is a relatively new technology which has gained a lot of popularity among Web developers recently. However, not everyone knows what it really is. Node.js is essentially a server-side JavaScript environment that uses an asynchronous event-driven model. What this means is simple: it’s an environment which is intended for writing scalable, high performance network applications. It’s like Ruby’s Event Machine or Python’s Twisted, but it takes the event model a bit further—it presents the event loop as a language construct instead of as a library. And that’s not all: what’s really great about Node.js is the thousands of modules available for any purpose, as well as the vibrant community behind this young project.
Useful Node.js Tools, Tutorials And Resources - Smashing Coding
Tree menus are great for displaying nested data in a user-friendly and easy-to-browse interface. jOrgChart is a jQuery plugin which converts nested unordered lists into tree menus but with an organization chart-like output . It has support for any depth , clicking each item can show/hide the sub-levels and drag 'n' dropping elements from one node to another is possible , the interface will adjust the levels accordingly. There is no limit in the contents to be used inside each item, any HTML elements are supported (except <ul> and <li> ) and the plugin is so handy for visualizing hierarchical data (org. chart, family tree, computer network, etc.).
jOrgChart – A Plugin For Creating Interactive Organization Charts With jQuery
Akordeon – Stylish jQuery accordion plugin
Dated Added → Mar 31, 2012 Categories → jQuery Akordeon is a stylish jQuery plugin for adding efficient accordion style menu to a web page. The idea behind Akordeon is to provide a lightweight and customizable interface for collapsible panels that can hold any kind of data in a limited space. Akordeon is fully customizable and can be used to display large chunks of data (text, images etc.) in a limited space. For instance, you can use it to display categorized data or menu options just like a restaurant’s menu items with each category data displayed in a separate panel. <p style="text-align:right;color:#A8A8A8"></p>
1.3.1 demo - jQuery
Window 1 I am plumbed with a Bezier connector to Window 2 and a label, with Blank endpoints. Window 2 I am plumbed with a Bezier connector to Window 1, and a Bezier connector with Rectangle endpoints to Window 3 Window 3Exploring The Decorator Pattern In JavaScript & jQuery
Today we'll be taking a look at the decorator pattern, a structural pattern that promotes code reuse and is a flexible alternative to subclassing. This pattern is also useful for modifying existing systems where you may wish to add additional features to objects without the need to change the underlying code that uses them. Traditionally, the decorator is defined as a design pattern that allows behaviour to be added to an existing object dynamically. The idea is that the decoration itself isn't essential to the base functionality of an object otherwise it would be baked into the 'superclass' object itself. Subclassing For developers unfamiliar with subclassing, here is a beginner's primer on them before we dive further into decorators: subclassing is a term that refers to inheriting properties for a new object from a base or 'superclass' object.
jQuery Bookmarklet Generator
This would probably actually be better called “Run some arbitrary code that requires jQuery, loading a minimum required version of jQuery first (but only if necessary), affecting the host page as little as possible Bookmarklet Generator” but that wasn’t nearly as catchy as “jQuery Bookmarklet Generator” so I’m going to stick with that. This boilerplate code is useful for bookmarklets that need jQuery to execute their payload, in situations where you don’t know if jQuery or a specific minimum required version of jQuery will already exist in the page. If you just want to load jQuery itself into a page, check out the Learning jQuery “jQuerify” bookmarklet . Release v0.4 Tested in Internet Explorer 6-8, Firefox 3, Safari 3-4, Chrome, Opera 9.
A cross-browser JavaScript range and selection library. It provides a simple standards-based API for performing common DOM Range and Selection tasks in all major browsers, abstracting away the wildly different implementations of this functionality between Internet Explorer up to and including version 8 and DOM-compliant browsers. For manipulating selections in <textarea> and <input type="text"> elements, see Rangy's poorly-named and svelter twin project, Rangyinputs .
rangy - A cross-browser JavaScript range and selection library
Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Do you see the full-sized background image on this page?