background preloader

Libraries

Facebook Twitter

Ace - The High Performance Code Editor for the Web. Top SVG Javascript Libraries Worth Looking At. Learn about SVG and simplify your work with Canvas/VML with these top Javascript SVG libraries you can use in your projects. I read a great article this morning about SVG (Scalable Vector Graphics), its current state on the web and how to use it. If you’re even a slight bit curious about SVG, it’s really a great read. So I got to wondering how many Javascript SVG libraries/frameworks are out there… Well nothing that a good google search and some looking around couldn’t cure.

Here is what I found… if you know of any JS SVG API I have not mentioned please, please let me know. Quick Tip: Using the Mustache Template Library. A while ago, I showed you how to use the jQuery template plugin in a quick tip; in this quick tip, I’ll show you how to use another template library, Mustache, which is just as easy to use. You can get Mustache.js from its GitHub project page; if you’re going to use it in a project, you can download it or git clone it; I’ve just referenced the raw file on GitHub for this quick tip: Now you can use it to render data!

Most likely, you’ll be getting your data from the server in the form of JSON when you’re using Mustache in production. However, it’s just as easy to hard-code an object literal and use that, which is what we’ll do here. Now we’re ready to define the template. Your template is simply string; you can either use a regular old JavaScript string, or you can put the template in a script tag and get it via something like jQuery’s html() method (or, of course, innerHTML). When iterating over arrays, the implicit operator ”.” will get you the value. It’s really simple to render the HTML: Closure Tools. What is the Closure Library? The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.

The Closure Library is server-agnostic, and is intended for use with the Closure Compiler. Who uses Closure Library? The Closure Library serves as the base JavaScript library for many Google products, including: Now that the Closure Library is open source, more and more developers outside Google are integrating the library in their own projects. What can the Closure Library do for me? If you are developing a large or growing application, you may benefit from the Closure Library's breadth. FusionCharts - Delightful charts and gauges in JavaScript & Flash.