Tips and Tricks for Faster Front-End Builds. Michael Martin-Smucker Background.
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 This demo by @anvaka uses the ngraph.generators and ngraph.vivasvg modules to create an animated exploding SVG dot cluster. Here is the above code running in an iframe, click it to run the animation. Infinite 2D Cave Generator This demo by @hughsk uses 7 small modules to create an explorable 2D procedurally generated cave. Click the canvas to give it focus and then use WSAD or Arrow keys to explore. 2D velocity control. Visual style example.
The name change has been reflected in this post, however some of the usage methods mentioned in this post are inaccurate, please refer to the github page for the most up-to-date information. Over the past couple of years, I've assembled a library of functions for Scriptographer, and given the recent news, I began porting this rag-tag-collection into a slightly tighter library and framework for web development.
I'm calling it folio.js, mainly because at the moment I'm focusing on paperjs, in the future I'd like to try and make it more generic for use with other web based creative tools (processingjs, et. al.). In addition to the Scriptographer specfic functions, I've also ported some of the more useful features from my Processing library Frederickk. Current version can be downloaded from github here. F3D Example (code below) Geometry. KineticJS HTML5 Canvas Framework.
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!
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. jGallery jGallery is a simple jQuery plugin for displaying dynamic image galleries.
Slider Gallery The slider gallery plugin creates an easing effect for display cases. Semitransparent Rollovers The rollover effects allowed through simple CSS today have become limiting. UI Slider The UI slider is a much different base of plugin compared to the above Apple-style band. Digg Header Navigation. Typekit.