Monthly JSter #4: News of June 2013

It looks like the JS people are pretty busy even in the Summer months. I mentioned about a sibling service in our previous monthly JSter. We've officially released it! Check out CDNperf.

CDNperf is a service that allows you to benchmark various CDN providers focusing on JavaScript libraries and frameworks. Our service uses Pingdom as the data provider. The user interface is development of our own.

Remember that Monthly JSter is available as a newsletter. We promise to spam you only once per month!

Libraries

• js-sequence-diagrams - Write your UML sequence diagrams! JSter entry
• ansi-canvas - Render canvas to your terminal. JSter entry

Articles

• 5 HTML5 Javascript APIs to keep an eye on
• A Study on Solving Callbacks with JavaScript Generators
• Build a motion activated security camera, with WebRTC, canvas and Device Orientation
• Callbacks vs Coroutines
• Blazing fast node.js: 10 performance tips from LinkedIn Mobile
• AngularJS vs Ember
• Refactoring DOM Heavy JS
• Intro to Web Workers
• npm: innovation through modularity
• Comparing Node.js Support on PaaS Hosting Providers
• Performance Tuning - See how the airbnb guys do it.
• Mobile Web Problems and How to Avoid Them

{{ screenshot: http://jsbooks.revolunet.com/ }}

Resources

• JSbooks - A collection of free JavaScript related books.
• blakeembrey/code-problems - Common code problems solved in JavaScript.
• NodeZoo - Search engine for Node.js modules.
• Secrets of the Browser Developer Tools
• Open Web Platform Daily Digest
• The Toolbox - A collection of the best time-saving apps, tools, and widgets from around the web.
• dypsilon/frontend-dev-bookmarks - If you don't feel overwhelmed yet, check out this list!
• The JavaScript Cookbook - Common problems and their solutions

{{ screenshot: http://www.json-generator.com/ }}

Tools

• JSON Generator - Dummy data generator for dummies.
• David - David watches your Node.js dependencies and keeps your project up to date
• picnicc - Custom builds made easy
• Hitch - Extension model for CSS
• IE Virtual Machines
• HTML Inspector
• NV/chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools.
• Goodbye node-forever, hello PM2

Slides

• Master the CLI with Node
• node.js - production site architecture
• Typography ABC
• A Picture Costs a Thousand Words
• A Baseline for Web Performance with PhantomJS

Demos

• Seriously - Amazing video compositor in JavaScript.
• Leaflet, Jony Ive edition
• Genetic Cars 2

Games

• Request Quest
• muchmala - Jigsaw the mmorpg
• stream-adventure

Conclusion

Array(16).join('lol' - 2) + ' Batman!';