Monthly JSter #7: News of September 2013
September, another month filled with JavaScript coding! The community definitely kept busy again. This time we have an extra dose of demos available. You might also be interested in js13k entries.
Remember that Monthly JSter is available as a newsletter. Our RSS feed contains some occasional extra content.
Libraries
{{ screenshot: http://html9responsiveboilerstrapjs.com/ }}
- HTML9 Responsive Boilerstrap JS - Do I need to say more?
- annyang! - Speech recognition for your site!
- OJ - Build websites with objects. Weird but strangely working idea.
- json.human.js - JSON formatting for human beings, not just programmers.
- Fabric.js 1.3 - Fabric.js reached version 1.3. See change log for details.
- steganography.js - Hide data into images on your site. For whatever good that might do...
- browser-specific-css - Write CSS aimed for specific browser, device or operating system.
- choc - Step through code in a visual manner. Perfect for education.
UI
{{ screenshot: http://designmodo.github.io/Flat-UI/ }}
- favico.js - Finally a way to do cool stuff with favicons!
- Flat UI - It doesn't get flatter than this.
- tabler - Build dynamic tables on client side. JSter entry
- TogetherJS - Allow collaboration on your site.
- CLNDR - Calendar plugin for jQuery with some class. JSter entry
- Semantic UI - Humanize your semantics.
- FastActive - Make websites and web apps feel as responsive as native apps on touch devices.
- ZorroJS - Combine transparency of PNGs with size of JPGs.
Articles
{{ screenshot: http://flippinawesome.org/2013/08/19/ractive-js-expressions-and-the-new-wave-of-reactive-programming/ }}
- Ractive.js Expressions and the New Wave of Reactive Programming
- Internationalization API tips and tricks
- Implementing Native Drag and Drop
- Five Helpful Tips When Using RequireJS
- More maintainable Gruntfiles
- Taming Big Data - Interview with Udi Falkson of iknow.io
- You’re Optimizing The Wrong Things
- How to Become a JavaScript Badass
- Extreme Javascript Minimization
- Quick Tip – Empty a JavaScript Array
Backend
{{ screenshot: http://martinfowler.com/articles/asyncJS.html }}
- Testing Asynchronous JavaScript
- Analysis of generators and other async patterns in node
- ES6 on Node.js
- What is the MEAN stack?
MVC
{{ screenshot: http://www.ng-newsletter.com/posts/d3-on-angular.html }}
- Backbone Is Not Enough
- Learn AngularJS With These 5 Practical Examples
- D3 on AngularJS
- 10 Reasons Why You Should Use AngularJS
- Frameworkless JavaScript
UI
{{ screenshot: http://philipwalton.github.io/solved-by-flexbox/ }}
Resources
{{ screenshot: http://garann.github.io/template-chooser/ }}
- favicon-cheat-sheet
- Template engine chooser
- A Collection of Page Transitions
- Dungeons & Developers
- SICP in JavaScript
- ECMAScript 5 compatibility table - There's one for ES6 too. Truly a lifesaver.
- Sigh, JavaScript
- BrowserSwarm - Testing automation.
- SMACSS - Also known as "Scalable and Modular Architecture for CSS"
- JavaScript Allonge is Free - It's an ebook.
Tools
{{ screenshot: http://getfireshell.com/ }}
- FireShell - Fiercely quick front-end boilerplate and workflows.
- Google Web Designer - Bring ideas (or ads) to life across screens.
Services
{{ screenshot: http://thecodeplayer.com/ }}
- Errormator - Track errors and performance issues in your app.
- node-modules - Yet another search engine for Node.js modules.
- Codewars - Katas, lots of them.
- Code Avengers - Courses, challenges and the shiz.
- HERE API - Alternative to Google Maps.
- TheCodePlayer - Video style walkthroughs showing how to create something from scratch.
- debuggify - Error analytics for modern JavaScript applications.
Hardware
{{ screenshot: http://www.dragoninnovation.com/projects/22-tessel }}
- Tessel - It's available now.
Games
{{ screenshot: http://jswarrior.fusioncharts.com/ }}
- The JavaScript Warrior - Runs on JavaScript. Literally.
- Learn Node.js via Adventures
- HelloRun
- JSNES
Demos
{{ screenshot: http://jsmess.textfiles.com/ }}
- Chirp - Chiptunes in JavaScript.
- sthlmjs meetup slides - A different kind of WebGL presentation.
- Pacman in CSS - Omnomnom.
- Just a reflektor, source
- Tearable cloth in asm.js
- World in 1k
- JavaScript MESS - Nostalgy.
- FikaScript - Swedish version of JavaScript. Jättebra!
- jor1k - OpenRISC OR1K Javascript Emulator Running Linux.
- Projekktor - Audio synced slides.
Conclusion
To make a mistake is human and to repeat that mistake over millions of browsers is JavaScript.