background preloader

KineticJS - HTML5 Canvas JavaScript Library Framework

KineticJS - HTML5 Canvas JavaScript Library Framework
Jason Follas Jason Follas is an Architect for Perficient, helping clients located in the greater Detroit region (including Toledo, where he lives and leads the Northwest Ohio .NET User Group). For nearly two decades, he has created interesting solutions based on Microsoft technologies, including an aircraft load planning system used by an air freight company, geospatial web applications, and material blend optimization software. He is a frequent speaker at conferences and user groups across the United States, and helps to organize CodeMash, a conference held every January in Ohio. On the side, Jason enjoys writing apps and games for the Windows Store.

http://kineticjs.com/

flotr2 Introduction Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements. Features: mobile support framework independent extensible plugin framework custom chart types FF, Chrome, IE6+, Android, iOS lines bars candles pies bubbles OutsideOfSociety Another year have almost passed by, time for my yearly blogpost… The trend at work is no Flash at all this year, it have mostly moved over towards WebGL and Canvas, and I kinda enjoy it for the most part. Lately I have worked on a large project where we tried to experiment with what we could do in modern browsers on modern mobile devices, as everything is supposed to be “mobile” these days. It was interesting for sure, and a learning process. And also a lot of work, iterating and testing.

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 October 2014 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. WOW! Look at these examples: You can implement these the same way you'd use the js alert()...just put "smoke." in front of it.

Flight by Twitter Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've included a simple email client demo (browse the source) built over the Flight framework. There's also a flight implementation over on the todoMVC site (source), courtesy of @mkuklis 13 Chart and Graph plotting javascript plugins There are more and more Javascript chart and graph plotting solutions are being released and available for free online. I work on a complicated graph for a website before, we used highchart as the solution, during that time, there isn't a lot of plugins to choose from, but now, we can easily find many very capable charting libraries. Personally, the rise of this kind of plugins are due to: Flash used to be the best solution, but everyone is moving on from there.Modern browsers and powerful computing make it possible to render live data easily.Maturity of different technologies in drawing vector: VML, SVG and Canvas.

GLSL 1.2 Tutorial In this tutorial shader programming using GLSL 1.2 will be covered. Although many parts are now considered deprecated, the essence of GLSL has remained constant. Besides, this tutorial will continue to be online because learning the basics of deprecated OpenGL is easier than learning the new versions. 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.

alertify.js - browser dialogs never looked so good Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it.

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 Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js WebGL Inspector An advanced WebGL debugging toolkit About WebGL Inspector is a tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier. jQuery.Shapeshift Demo What is Shapeshift? Inspired heavily by the jQuery Masonry plugin, Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest. What sets it apart is the ability to drag and drop items within the grid while still maintaining a logical index position for each item. This allows for the grid to be rendered exactly the same every time Shapeshift is used, as long as the child elements are in the correct order.

Related:  WEB technicsanimations