background preloader

Javascript Libs/Frameworks

Facebook Twitter

Untitled. Difference in JSON objects using Javascript/JQuery. Javascript Library. Kpdecker/jsdiff. at master · arnab/jQuery.PrettyTextDiff. Dependency Graph in js - auchenberg/dependo. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Flat UI. Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph.

Flat UI

Fuel UX. Example Below is a working radio example.

Fuel UX

Using radio Call the radio via javascript (optional): Bespoke.js. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Overview - CHAP Links Library. CHAP Links Library is a web based visualization library for displaying graphs, networks, and timelines.

Overview - CHAP Links Library

The tools are developed as Google Visualization Charts for Javascript and GWT. CHAP Links Library is developed by Almende as part of CHAP, the Collective Human Agent Paradigm. This site contains documentation, downloads and live examples of the CHAP Links Library. The Google Group CHAP Links Library can be used to ask questions and share ideas. Davidchambers/an.hour.ago. Parse, validate, manipulate, and display dates in javascript. Datejs. Rich JavaScript Applications – the Seven Frameworks (Throne of JS, 2012) A week ago was the Throne of JS conference in Toronto, perhaps the most interesting and different conference I’ve been to for a while.

Rich JavaScript Applications – the Seven Frameworks (Throne of JS, 2012)

Quoting its website: It’s no longer good enough to build web apps around full page loads and then “progressively enhance” them to behave more dynamically. Building apps which are fast, responsive and modern require you to completely rethink your approach. The premise was to take the seven top JavaScript frameworks/libraries for single-page and rich JavaScript applications — AngularJS, Backbone, Batman, CanJS, Ember, Meteor, Knockout, Spine — get the creators of all of them in one location, and compare the technologies head to head. Disclaimer: I was there to represent Knockout, so obviously I’m not neutral. . * Yes, I know that’s eight frameworks, not seven.

TL;DR Executive Summary For many web developers, it’s now taken for granted that such client-side frameworks are the way to build rich web apps. Technologies: Agreement and Disagreement. Ember.js. Backbone.js. Enyo JavaScript Application Framework. CanJS. Meteor.

Spine. Knockout : Home. Superheroic JavaScript MVW Framework. Batman.js — overview. The Top 10 Javascript MVC Frameworks Reviewed - CodeBrief. UPDATE 1/14/2012: Added Batman.js and Angular.js due to popular demand and because they looked impressive.

The Top 10 Javascript MVC Frameworks Reviewed - CodeBrief

Over the last several months I have been in a constant search for the perfect javascript MVC framework. Driven by a dire need for the right level of abstraction and features, I have tried out - some more cursorily than others - every framework I could get my hands on. JavaScriptMVC. jQuery. 50 Most Useful jQuery Plugins from 2012. With hundreds upon hundreds (if not thousands) of new jQuery plugins being released this year – what a great year it has been.

50 Most Useful jQuery Plugins from 2012

From that colossal total we have worked really hard filtering them down to bring you the 50 that we feel are the most innovative, most ground-breaking and, more importantly, the most useful jQuery Plugins from 2012. Last year, we gave you a roundup of the top 50 jQuery plugins from 2011. And today, we have put together the top jQuery plugins of this year, that is, 2012. We have split all of the plugins into the following categories: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, and finally, everything else in-between.

Turn.js: The page flip effect in HTML5. Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5.

Turn.js: The page flip effect in HTML5

The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. Let's code <div id="flipbook"><div class="hard"> Turn.js </div><div class="hard"></div><div> Page 1 </div><div> Page 2 </div><div> Page 3 </div><div> Page 4 </div><div class="hard"></div><div class="hard"></div></div> Features. Noty - A jQuery Notification Plugin. Select2 3.2. Ivaynberg/select2 at 3.3.1. jQuery Multiselect 2.0 Example Page. Flexigrid. JQuery Corner Demo. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page.

JQuery Corner Demo

Specifically, it adds div "strips" to the item to be cornered and sets a solid background color on these strips in order to hide the actual corners of the real item. So if you step back and look at the cornered element, think of there being solid colored divs hiding the true squared off corners of the item you wish to be changed. This helps you understand the inherent limitations of this small plugin. It's best suited for rounding off block-level elements (divs, paragraphs, etc) and may present more challenges when trying to round off inline elements (spans, anchors, etc).

Recently I added support for native border-radius rounding in browsers that support it (Opera 10.5+, Firefox, Safari, and Chrome). Auto-Ready! The default pattern is round $(this).corner("wicked"); $(this).corner("sculpt"); $(this).corner("dogfold"); $(this).corner("bevelfold"); $(this).corner("invsteep"); Jquerycurvycorners - A jQuery plugin for adding rounded corners to HTML block elements. Supports anti-aliasing, borders and background images.

jQuery Curvy Corners is a jQuery plugin for adding rounded corners to HTML block elements i.e.

jquerycurvycorners - A jQuery plugin for adding rounded corners to HTML block elements. Supports anti-aliasing, borders and background images.

DIVs. It Supports anti-aliasing, borders and background images. It is licensed under the LGPL. It is based on, and contains code from, "Curvy Corners" by Cameron Cooke. The end result is a jQuery optimised file thats much smaller in size that still works great. jQuery Org Chart – a plugin for visualising data in a tree-like structure « The Silver Lining. jQuery Org Chart – a plugin for visualising data in a tree-like structure jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure.

jQuery Org Chart – a plugin for visualising data in a tree-like structure « The Silver Lining

To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display. Features include: Jlayout/examples. jQuery UI. Sidr - A jQuery plugin for creating side menus. jQuery pics. GLYPHICONS - library of precisely prepared monochromatic icons and symbols.

jQuery Quicksand plugin. Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB. jQuery Radial Menu Plugin - by Nirvana Tikku. Options / Defaults The plugin's defaults are -- listClass By default, the radmenu plugin looks for the class "list" to build the menuitems. Since the plugin looks for classes, you can use any markup that you wish to represent the menu. Bespoke.js. jQuery Menu widget demo - jQWidgets Javascript HTML5 UI Framework.

Timeglider. 1. Parties. The parties to this Agreement are You, the licensee ("You") and Timeglider. If You are not acting on behalf of yourself as an individual, then "You" means your company or organization. Log in. Timeglider/jquery_widget at 345442fa3dc7c66b23c36031a6569693ecf309bd. Qooxdoo. Yeoman - Modern workflows for modern webapps. RequireJS. Tablecloth.js. ThemergencyThemergency. FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them. What Does It Do? FooTable transforms your HTML tables into expandable responsive tables.

This is how it works: It hides certain columns of data at different resolutions (we call these breakpoints). jQuery HTML Table Toolbox - Noupe Design Blog. Apr 13 2010 By Paul Andrew In the 15 years since the HTML table element was first incorporated into HTML 2.0, it has been on a constant roller coaster ride. Upon its introduction it was a revelation, it was a new way for web designers to present detailed data in structured tabular format, it made our life easier and we loved it.

But as is the nature of web development, it was pushed further and further to do even more. 35 Amazing jQuery Tables. Most of the developers today use div instead of table to display data on web pages to offer more a flexible and customisable look and feel. That’s why we’re here to give you all of the best jQuery html table plugins for you to use to display, manage and sort your data with minimal effort. Enjoy! jQuery Plugin for Fixed Header Tables - Home. Twitter/typeahead.js. Better introductions for websites and features with a step-by-step guide for your projects. Javascript Libraries. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

AmplifyJS - A Component Library for jQuery. Amplify.request is an abstraction layer that can be used for any kind of request for data. amplify.request sets out to separate the data retrieval and caching mechanisms from data requestors. Using the amplify.request.define function you can create and maintain your entire server interface and caching policy in a single place, reducing the impact of any server interface changes. Components that need data can retrieve the data through amplify.request without concern for data caching, server interface, resource location, data types, wrappers, and all the other specificities of the client/server interaction. Requests made through amplify.request will always be resolved asynchronously, even if the resource invokes the callbacks immediately. This ensures that you will never having timing problems if the request definition is changed in the future. Just getting started? JSONSelect. Jaml - JavaScript HTML templating engine.

Jaml is a small but delightful way of rendering HTML using JavaScript. It uses a simple DSL-like syntax to DRY up your code. There are only 2 steps - registering a template and rendering it. Let's look at something simple first. On the left of each example is the source code, and on the right the rendered output. In each example on this page, the output in the textarea on the right has been evaluated from the text on the left, so if for some crazy reason you have JavaScript disabled you won't see anything... Starting Simple Here's how we can represent a simple HTML template in JavaScript with Jaml: Localstorage js. CreateJS. A Javascript library that makes working with the HTML5 Canvas element easy.