jsGameSoup: A Free Software framework for making games using Javascript and open web technologies. IvanK Lib zefhemel/persistencejs - GitHub GameJs A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon). October 2014 Added 'Extras' to EaselJSTons of updates and pull requests in all libs July 2014 Major Updates to EaselJS Graphics The Story Why we built CreateJS About CreateJS CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. 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
The Dynamics of Scrolling By Drew McCormack There has been quite a bit of discussion the last few days about the momentum-based scrolling that Apple uses on the iPhone. The discussion has largely been fanned by John Gruber’s Daring Fireball blog. This got me wondering how difficult it would be to reproduce Apple’s momentum scrolling on your own in JavaScript. Physics When I started working on the problem, I was all set to tackle it like the Physicist I was trained to be. I identified several different phases of scrolling, each of which required different equations of motion: Scrolling with the finger on the screen.Scrolling with the finger on the screen beyond the end of the viewable content (ie rubberbanding).Momentum scrolling with no finger on the screen.Decelerating from momentum scrolling after passing the end of the content (ie first half of bounce).Scrolling back to the start of the content after overshooting (ie second half of bounce). Source Code You can test the scrolling here (Photo by TimboDon). Algorithm
15 Icon (@font-face) Web Fonts to Improve your User Interfaces Nowadays web applications have greatly increased and they make extensive use of icons for their user interfaces. Thanks to @font-face rule we should include icons within our web pages using icon web fonts instead of single images. In this post we have collected 15 sets of icon web fonts that you can use to design your user interfaces. Web Symbols Web Symbols is a free set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly — but IE7 for sure). Link Iconic Iconic is a minimal set of icons consisting of 177 marks in raster, vector and font formats — free for public use. Link Fico Fico is a font with 52 simple, commonly used icons and glyphs, served on the web via @font-face. Link Heydings Icons Heydings is a collection of 60 glyphs specifically intended for the accessorization and classification of textual cues such as hyperlinks, navigation elements and buttons. Link IcoMoon Link Tipogram Link Writesocial Link Pictos Link Symbol Signs Link ClickBits Link InfoBits
Raphaël—JavaScript Library jStat : a JavaScript statistical library html - Sublime Text 2 Keyboard shortcut to open file in Chrome