Best of JavaScript, HTML5 & CSS3 - Week of September 10, 2012 : Remote Synthesis
Best of JavaScript, HTML5 & CSS3 - Week of September 10, 2012 Posted on Sep 17, 2012 Lots of tutorials this week and, even though there were fewer new library releases, the Yoeman release garnered a ton of attention and a number of follow up posts, including a beginner tutorial on the Adobe Developer Connection thanks to Andy Matthews. Yoeman seems deserving of the attention and I definitely recommend checking it out. While there are a lot of good posts this week, I also highly recommend the article on drawing pixels to the canvas by Dominic Szablewski - it is a fascinating read. Tutorials
SweetAlert
A beautiful replacement for Javascript's "Alert" So... What does it do? Here’s a comparison of a standard error message.
Minify Javascript Online / Online JavaScript Packer
Creating Nice Alerts with sweetAlert
When building JavaScript-driven websites we often have the need to provide feedback to our users to let them know if the action they have performed has been successful or not. In the early days of the web, developers used to create messages using the window.alert() function. While alert() works in practice and it’s also consistent across browsers, it’s not very flexible and, to be honest, its look and feel is terrible. Today there are several approaches adopted that range from modals to inline messages. In this article I’ll introduce you to sweetAlert, a library that acts as a replacement for the JavaScript’s alert() function.
Yeoman, At Your Service.
When kicking off a new application, we always seem to have libraries we need to manually find and add, boilerplate code that needs to be written and a thorough build and testing process we need to get setup. Today we’re excited to announce the launch of Yeoman – a project which hopes to simplify these steps in your developer workflow. Package management At the moment, adding and managing the libraries used in our applications is a very manual process for most developers. Take jQuery: navigate to the project page for the library, grab the latest version and then have to manually save or copy it into our project.
InK - Interface Kit
Aligning DOM Elements around a Circle « Ben Knows Code
I've been working on a project that requires elements to be positioned relative to an imaginary circle. I need to be able to support two different alignment scenarios. Both of these are illustrated below:
Underscore.js
Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and Backbone's suspenders. Underscore provides 80-odd functions that support both the usual functional suspects: map, filter, invoke — as well as more specialized helpers: function binding, javascript templating, deep equality testing, and so on. The project is hosted on GitHub. You can report bugs and discuss features on the issues page, on Freenode in the #documentcloud channel, or send tweets to @documentcloud.
