Friday, April 24th, 2009

Blackberry Storm using Raphael (SVG/VML) and SoundManager

Category: JavaScript, jQuery, Showcase, SVG

Brad Neuberg pointed me to a Blackberry Storm site that uses Raphael, jQuery, and SoundManager to offer an SVG / VML (for IE) experience. < View plain text > HTML <script src=""></script> <script src="/js/soundmanager2-nodebug-jsmin.js"></script> <script src="/js/raphael-min.js"></script> <script src="/js/trig-min.js"></script>

Posted by Dion Almaer at 6:48 am

3 rating from 30 votes

Thursday, April 23rd, 2009

myPatterns: XPath / RegEx for JS Objects

Category: JavaScript, Library

Nic Volanschi pointed us to myPatterns: myPatterns is a new library adding custom notations for data structures in JS (and also C). It’s really useful for writing elegant programs using general pattern matching. To explain myPatterns, let’s introduce a standard JavaScript object: < View plain text > js {   name: { firstname: "John", lastname: Read the rest…

Posted by Ben Galbraith at 8:00 am

2.6 rating from 38 votes

More Web Workers in Action

Category: HTML, Standards

Another day, another Paul Rouget HTML 5 demo :) This time he does something fun with Web Workers to allow you to see the difference that you can get when you use them. His latest simulation has him implementing Simulated Annealing (in video) which is useful for finding the shortest path between several points in Read the rest…

Posted by Dion Almaer at 7:14 am
Comment here

3.9 rating from 21 votes

How many ways can you iterate over an array in JavaScript?

Category: JavaScript, Tip

Myk is one of the nicest chaps that I have had the pleasure to sit closely to in Mozilla building “S”. He has a nice little tip on the many syntaxes that you can use to iterate over arrays in various JavaScript implementations and standards. Some folks had some interesting points on the various approaches: Read the rest…

Posted by Dion Almaer at 4:29 am

3.5 rating from 45 votes

Wednesday, April 22nd, 2009

Dynamically Generated PDFs… with JavaScript?

Category: JavaScript

In the “it-had-to-be-done-at-some-point” category, we give you James Hall’s latest project: I have started working on jsPDF, an entirely Javascript-based PDF generator. Currently the demo serves up the generated PDF as a Data URI, but it could be used on the server side or within browser extensions. It currently only supports simple text, but I’m Read the rest…

Posted by Ben Galbraith at 9:30 am

4.5 rating from 66 votes

Dynamic Content Injection with HTML5 Canvas and Video

Category: Canvas, Examples, Firefox, Video

Paul Rouget and Tristan Nitot are having a lot of obvious fun with Canvas and <video> these days. The latest goodness is a demo by Paul that shows real-time dynamic content injection. Notice the Firefox logo in between the two phones with bright screens? That is injected into the world thanks to Canvas. How did Read the rest…

Posted by Dion Almaer at 8:50 am

3.7 rating from 66 votes

Using Base64 encoded images on IE too

Category: Browsers, PHP

Being able to use data: URIs to do interesting things such as inline images is incredibly useful. IE 8 added support for data URIs but what about older versions of IE (which are still far too prevalent)? This nice PHP script shows how you can send back data URIs for those who support it, and Read the rest…

Posted by Dion Almaer at 5:19 am

3.9 rating from 20 votes

Tuesday, April 21st, 2009

O3D: Google releases 3D API in a Browser Plugin

Category: Google, Plugins

Google has released O3D, a browser plugin that gives developers a 3D API. It sits at a slightly higher level than other APIs (such as OpenGL / Canvas 3D type implementations) so it will be interesting to see if developers like the higher level abstraction, especially for building games. These APIs can also be implemented Read the rest…

Posted by Dion Almaer at 2:23 pm

4 rating from 55 votes

Persevere’s JavaScriptDB: Impressive JSON Performance

Category: Database, JavaScript, JSON

Kris Zyp recently posted about an intriguing new chapter in the application persistence space: The latest beta of Persevere features a new native object storage engine called JavaScriptDB that provides high-end scalability and performance. Persevere now outperforms the common PHP and MySQL combination for accessing data via HTTP by about 40% and outperforms CouchDB by Read the rest…

Posted by Ben Galbraith at 1:00 pm

4.6 rating from 51 votes

An Introduction to W3C Widgets

Category: W3C, Widgets

The king of browser compatibility tables, ppk, recently posted an introduction to W3C Widgets: The time has come to talk about the W3C Widgets part of my job. Exactly what is a widget, how do you create one, why would you want to, and which systems support them? Personally I firmly believe that widgets are Read the rest…

Posted by Ben Galbraith at 11:59 am
Comment here

4.1 rating from 25 votes

Browsing on the Couch

Category: Database, JavaScript, JSON, Library

Atul Varma, a fantastic colleague in Building “S” at Mozilla, has been playing with a JavaScript implementation of CouchDB called BrowserCouch: BrowserCouch is an attempt at an in-browser MapReduce implementation. It’s written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected. Not Read the rest…

Posted by Dion Almaer at 6:34 am
1 Comment

3.8 rating from 22 votes

Common HTTP Tracing Export Format

Category: Performance, Utility

There are many tools that can track HTTP at various levels, but they each have their own format. What if we lived in a world where there was a common format which would enable the following: Steve Souders: “Hey Dion, Facebook is doing something wacky on their category pages. Take a look at the waterfall Read the rest…

Posted by Dion Almaer at 5:39 am

4 rating from 18 votes

Monday, April 20th, 2009

How JSON Schema is turning out for the Chrome extension APIs

Category: Chrome, JSON

When Aaron talked about the Chrome extension API he mentioned how he would see if JSON Schema could help them have a JSON heavy API and allow them to easily validate. He has quickly reported back and is happy with the results. Something like this: < View plain text > javascript chromium.tabs.createTab = function(tab, callback) Read the rest…

Posted by Dion Almaer at 5:19 am

3.8 rating from 14 votes

Visualizing sort algorithms with Canvas

Category: Canvas, Fun

The image above is a visualization of a bubble sort with 15 elements. Jacob came up with the goods again as he was inspired by Aldo Cortesi’s work doing this with Cairo. Nicely done guys. If we ever get a sort algorithm question again not only will we be able to give the big O Read the rest…

Posted by Dion Almaer at 2:36 am
Comment here

3.8 rating from 21 votes

Sunday, April 19th, 2009

Sarien: Multiplayer Game Engine goes Open Source

Category: Games, Showcase

Ben loves to talk about old games such as Dark Castle. I personally love remembering old Sinclair ZX Spectrum games but also fondly remember Leisure Suit Larry. Wouldn’t it be nice if you could play classic old games such as these easily online? Martin Kool thought so, and wanted to create an open source adventure Read the rest…

Posted by Dion Almaer at 10:54 am

4.4 rating from 45 votes

Friday, April 17th, 2009

Quince: UX Pattern Explorer (in Silverlight)

Category: Design, Microsoft

A reader recently pointed us to Quince, an on-line directory of UX design patterns created by Infragistics. At first glance, Quince seems an Ajax application with some interesting animated effects, but it turns out to have been written using Silverlight (no surprise given Infragistics background). Run-time platform notwithstanding, Quince contains around 100 patterns with large Read the rest…

Posted by Ben Galbraith at 11:07 am

2.2 rating from 69 votes

All Posts of April 2009