Tips and Tricks for Faster Front-End Builds. Michael Martin-Smucker Background Let's be honest, for most of us in the front-end world, setting up a build tool consists of finding a previous project with a similar structure, copying the Gruntfile or Gulpfile, and tweaking some minor details, such as folder names, to better suit the new project.
Even migrating from a task runner like Grunt to a newer build tool like Gulp is often an exercise in searching NPM for gulp- equivalents of grunt-contrib- plugins. Previously used grunt-contrib-stylus? Browserify. Canvas Splitter This demo by @hughsk uses two modules, one that creates RGB lookup tables and another that slices the color table canvas element into smaller canvases.
Here is the above code running in an iframe Exploding Dots. Visual style example.
A suite of Javascript libraries and tools designed for working with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon).
New class model, with big performance increases. Javascript Territory - JSter Javascript Catalog. CodeCombat. Geometry. KineticJS HTML5 Canvas Framework. 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. Ember.js - About. From Java to Node.js « n0tw0rthy.
I’ve been developing for quite a while and in quite a few languages.
Somehow though, I’ve always seemed to fall back to Java when doing my own stuff – maybe partly from habit, partly because it has in my opinion the best open source selection out there, and party because I liked its mix of features and performance. Specifically though, in the web arena things have been moving fast and furious with new languages, approaches, and methods like RoR, Play! , and Lift (and many others!). While I “get it” regarding the benefits of these frameworks, I never felt the need to give them more than an initial deep dive to see how they work. I nod a few times at their similarities and move on back to plain REST-ful services in Java with Spring, maybe an ORM (i try to avoid them these days), and a JS-rich front-end. Recently, two factors made me deep dive into Node.js. So I jumped in. First of all, the event-driven (and non-blocking) model is a perfect fit for server side development. Machine.js. TaffyDB - The JavaScript Database.
Progressive <canvas> pie charts. Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari.
Download version 3.2.1 Uncompressed 8.7Kb jquery.peity.js. jQuery++ Superheroic JavaScript MVC Framework. JavaScript Patterns. Backbone.js Tutorial - by noob for noobs. Back to home Backbone.js Tutorial – by noob for noobs The official website describes Backbone.js as a library to supply structure to Javascript heavy web applications.
After using Backbone.js for a week I could never see myself building any sort of Javascript functionality regardless of size without using Backbone.js or alternatives. I have decided to write a quick introduction for those trying to grasp the mechanics behind it. I am only a beginner also and would love suggestions and tips to improve my code. I am also very curious to hear what you think about how MVC ties into Javascript development and the most effective library you have used for logically organizing your Javascript. Dreaming In JavaScript. JSON-REST. 22 Time Saving jQuery Development Plugins. jQuery has taken the World Wide Web by storm allowing web developers the chance to work on an exclusing JavaScript library.
With many shorthand code options available jQuery handles amazing functionality unseen before any time in the web’s history. The library supports DOM manipulation, CSS properties, animations, Ajax, and a whole lot more! Check out this list of 22 amazing jQuery plugins. These are open source projects free for download and built over the jQuery library. Each plug-in comes with internal documentation which describes exactly how to use the code and which version of jQuery is recommended. Typekit.