background preloader

Javascript libraries

Facebook Twitter

20 JavaScript Frameworks Worth Checking Out. The number of web applications being created and used has grown rapidly since the new millenium.

20 JavaScript Frameworks Worth Checking Out

And importantly, so has the sheer complexity of them -- specially on the front end. No more static pages, no sir! You have a ton of sections each interacting with each other and the server and yes, it's as complicated as it sounds and just as hard to pull off. Today, I'd like to talk about a few choice JavaScript frameworks that aim to simplify front-end application development. If you think jQuery is the answer, you lose a cookie and get an F grade! Creating responsive, fluid, and maintainable interfaces for web apps isn't as easy as one would imagine -- there is data to be sent back to the server and the results parsed, data stores to be updated, views to be re-rendered and so much else that needs to be done in the background.

Sure, a few of these may be a little old but their code bases have lots of lessons to teach. Related links: Rich JavaScript Applications – the Seven Frameworks (Throne of JS, 2012) It’s no longer good enough to build web apps around full page loads and then “progressively enhance” them to behave more dynamically.

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

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. A Javascript library that makes working with the HTML5 Canvas element easy. Recent Updates Follow @CreateJS November 2014 Updates in preparation for next release (coming soon).New class model, with big performance increases October 2014 Lots of bug fixes and pull requests.New 'Extras' folder in GitHub with useful tools and classes July 2014 Major overhaul of Graphics to include a useful command pattern, and a big performance increase.Added Graphics.store() / unstore() The Story Why we built EaselJS About EaselJS EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas.

Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b b10b. 13 Awesome Javascript Libraries for HTML5. The growing popularity of HTML5 has created a boom in the development of JavaScript libraries that can integrate with HTML5. These libraries are easy to implement and can instantly provide a whole new level of power and control over an existing HTML 5 application. We put together a list of 13 awesome, light JS libraries to help you get your next HTML 5 application off and running.

CreateJS is actually a suite of four different JavaScript libraries. They consist of EaselJS, TweenJS, SoundJS, and PreloadJS. EaselJS is feature rich to help you create more with the canvas element. WYSIHTML5 Is a lightweight rich text editor that can generate valid and semantic HTML5 markup. Fixie is a great way to add in the Latin filler text based on the interpreted HTML5 tag used. Sisyphus uses local storage to save your existing form input in the event of a browser crash. Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael. Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?

Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael

If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Raphaël even has some support for IE 6, although some of its underlying technology cannot be implemented there.Do you need to support Android? Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there.

PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace. Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine. Getting Started. Modernizr: the feature detection library for HTML5/CSS3.