Learning Three.js, FlyJSONP, HTML5Sticky

19 Aug 2011 | By Alex Young | Tags jsonp webgl apps

Learning Three.js

Learning Three.js by Jerome Etienne is a new blog full of tutorials about Mr.doob’s three.js. There’s already quite a few tutorials, with one covering drawing a cube, skyboxes and tweening.

If you’d like to learn WebGL but you’re afraid it’s only for genius mind wizards, then try reading right from the start where Jerome demonstrates how to install Three.js, then follow on to the cube tutorial. And if you make something cool, send it to us.

FlyJSONP

I noticed that TJ is still actively working on superagent which is shaping up to be a great all-purpose browser-friendly network library. Meanwhile, DailyJS reader Abdulrahman Alotaiba sent in FlyJSONP (GitHub: alotaiba / FlyJSONP, License: GNU GPLv3). This library supports cross-domain GET and POST (passed through YQL).

The author’s example demonstrates cross-domain POST:

FlyJSONP.post({
  url: 'http://storify.com/story/new',
  parameters: {
    username: 'your-username',
    api_key: 'secret-api-key',
    title: 'FlyJSONP',
    description: 'Testing it out'
  },
  success: function(data) {
    console.log(data);
  }
});

By using the YQL service, FlyJSONP has a small footprint and no dependencies. And you can try it out at the FlyJSONP demo page. And it’s good to see that the author has included QUnit tests!

HTML5Sticky

HTML5Sticky (demo, License: MIT) is actually a full-blown application by Sarfraz Ahmed that uses HTML5 trickery (local storage, CSS3, Google Web Fonts) to create a dynamic dashboard of sticky notes. He’s used Modernizr so it supports slightly older browsers like IE8 and Firefox 3.5.


blog comments powered by Disqus