Backbone patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Offline.js What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eager.
smoke.js A framework-agnostic styled alert system for javascript. Lightweight, flexible, css3 animation, blah blah blah easy to use something clever needs to go here. Best of all, it's really easy to use. untitled Jump to progress the Jarallax.jumpToProgress method allows the user to animate the Jarallax animation to a position in the animation. This is a very handy method for navigation. To see it in action press one of the navigation buttons on top of the page. Example 20 Best jQuery Flipbook Plugins jQuery Flipbook plugins allow users to create flipbook or page-flips effects to present their product catalogs, sales brochures, contents etc. in a eye catching and visually effective way. For this roundup we have compiled a list of 20 Best jQuery Flipbook Plugins for your next online venture, such as a magazine site, or an online shopping site. You will probably find these most useful for your portfolio. Enjoy!
Testing Backbone applications with Jasmine and Sinon – Part 3. Routers and Views – Tinned Fruit Overview This is the third and final part in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library If you haven’t yet read the first or second parts, take a look now. In this final part, we’ll be looking at some methods for unit testing Backbone routers and views. These object types both present their own unique challenges for testing, but and provide the tools we need to isolate them and fake external code and system dependencies. We will be examining the following: Lena.JS pixel to pixel: grayscale sepia thresholding-128 invert saturation red green blue edge/line detection: roberts sharpen sobel y sobel x highpass laplacian gaussian prewitt y prewitt x Drag and drop filters hereremove all filters
50 JavaScript Libraries for Charts and Graphs How are you visualizing data in JavaScript? What is your favorite library for creating charts and graphs with JavaScript? I have been a long time fan of jqPlot for its open source approach, simplicity, examples, and great features. It performs well, it is used by many corporations, and it is built on top of jQuery. Recently, however, D3 has really caught my eye. Slicebox - 3D Image Slider Creative Lifesaver Honest Entertainer Brave Astronaut Affectionate Decision Maker Faithful Investor Groundbreaking Artist Selfless Philantropist Example 4: Same like example example 3, with a higher disperse factor Sample App with Backbone.js and Twitter Bootstrap Backbone.js is a lightweight JavaScript framework that provides the basic infrastructure (Model, Collection, View, and Router classes) to bring structure to your Web applications. Twitter Bootstrap is a UI toolkit that provides simple and flexible HTML, CSS, and Javascript to implement popular user interface components and interactions. In other words, Backbone.js and Twitter Bootstrap focus on different areas of your application: core architecture and user interface respectively.
iScroll 4 Project info Last code update: 2012.07.14 – v4.2Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webkit, Firefox, Opera desktop/mobile.Discussion groupQR Code opens demo page. Support development If this script saved your day and you wish to support future developments you may consider sending some funds via PayPal or Flattr. jq-tiles Pig ham: hock pork loin brisket pastrami frankfurter andouille. Sausage: ground round sirloin ball tip beef ribs. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. « PrevNext »
Probably one of the lightest JavaScript libraries around, hammer.js weighs at only 2KB. The library offers touch support for touch devices. The library allows a developer to add tap, double tap, drag, hold and transform actions. In addition, hammer.js can be bound to an HTML element allowing a touch event to return a callback with any kind of array whether it is an event, rotation, position, scale or touch. by coderdan Feb 11