Blog
Categories
- Jul 07 2010
Popcorn.js Walkthrough
Popcorn.js, which I wrote about recently, is an infant javascript library that allows film makers to better showcase their videos on the web using html5’s video element. Using popcorn, directors can incorporating social media and integrate several features such as subtitles and credits that may be beneficial in the context of the web. Although typically, […]
Continue Reading
Popcorn.js Walkthrough - Jul 04 2010
Popcorn.js
Bocoup, being enormously generous, gave me this week off to work on the open source project Popcorn.js at Mozilla, Toronto. Popcorn.js is sponsored by Web Made Movies, Mozilla’s Open Video Lab, a Mozilla Drumbeat project. Popcorn will allow film makers to do a lot of cool stuff with html5 <video> such as adding credits, subtitles, […]
Continue ReadingPopcorn.js- Tagged in:
- open source,
- tools and workflow
- Jun 25 2010
Canvas in IE9…Too Good To Be True?
Contents What a Difference a Day MakesTesting Processing.jsWhat Works & What SucksFeature TestsComparing SpeedBugs Submitted & Re-OpenedConclusion What a Difference a Day Makes If you have not yet heard the big news, Internet Explorer 9 is shipping with Canvas support! Also with the Video and Audio tags, WOFF Fonts and tons other other HTML5 goodness. […]
Continue ReadingCanvas in IE9…Too Good To Be True?- Tagged in:
- performance,
- tools and workflow
- Jun 23 2010
Make your own JavaScript Ninja with Processing.js
.NET Magazine: Mom will be proud! I was asked back at the start of the year by .NET Magazine (Practical Web Design in the US) to write a JavaScript article on the subject of my choice. I doubt you read the article because I went to the stores and bought all the copies. (Had to […]
Continue ReadingMake your own JavaScript Ninja with Processing.js- Tagged in:
- tutorial
- Jun 21 2010
Alternate x axis Intervals In g.raphaël.js linechart()
Use the code below to try out everything that I talk about in this post, and check out the live demo over on code.bocoup.com. modified-x-axis-intervals-and-labels.js //based on the source of http://g.raphaeljs.com/linechart.html var options = { axis: “0 0 1 1”, // Where to put the labels (trbl) axisxstep: 16 // How many x interval labels […]
Continue ReadingAlternate x axis Intervals In g.raphaël.js linechart()- Tagged in:
- performance,
- tools and workflow
- Jun 21 2010
Javascript Web Workers: Chrome 5+ supports new SharedWorker()
In my excitement and haste upon discovering new SharedWorker() support in the Opera 10.60 Beta, I neglected to snoop around the window object of my two favorites, Chrome 5+ and FireFox 3.6+ … WHOOPS! If I had done so, I would’ve discovered, as I did just now, that Chrome 5+ ALSO supports new SharedWorker(). Of […]
Continue ReadingJavascript Web Workers: Chrome 5+ supports new SharedWorker()- Tagged in:
- performance,
- tools and workflow
- Jun 18 2010
Find the closest Power of 2 with JavaScript
One of the things I have been working on over the last couple of days, is a convenient set of functions to manipulate a Processing.js Canvas for use in the CubicVR WebGL Engine. You may already know that a OpenGL performs best with textures with 2^n (power of 2) dimensions. To minimize CPU load, We […]
Continue ReadingFind the closest Power of 2 with JavaScript- Tagged in:
- performance,
- tools and workflow
- Jun 18 2010
Javascript Web Workers: Opera 10.6 Beta Supports SharedWorkers
While poking around the Web Worker API in the latest Opera Beta Release, I discovered that they had also implemented support for Shared Web Workers. If you’re not familiar with Shared Web Workers, have a look here. The basic premise is that a Shared Worker can have multiple connections made to one Worker. Paraphrased from […]
Continue ReadingJavascript Web Workers: Opera 10.6 Beta Supports SharedWorkers- Tagged in:
- performance,
- tools and workflow
- Jun 17 2010
Processing Pixel Data with Web Workers…
One of the questions that came up in the Processing track was: “Can you pass the image data from a Canvas to a Web-Worker for processing?” My assumption was “yes” as the specs declare you can paste any complex object to and from workers so long as you’re not trying to pass a DOM element. […]
Continue ReadingProcessing Pixel Data with Web Workers…- Tagged in:
- design,
- performance
- Jun 17 2010
Javascript Web Workers: Opera 10.60 Beta Supports Complex Messages
Opera 10.60 Beta was announced this week and along with the list of new HTML5 features it’s supporting was Web Workers. Of course I was excited to run it through the renderer/worker test suite I set up for my previous posts about Safari 5 and Chrome 5. The results were pleasing, the first Opera release […]
Continue ReadingJavascript Web Workers: Opera 10.60 Beta Supports Complex Messages- Tagged in:
- performance,
- tools and workflow