Tuesday, February 24th, 2009

Washington Post Using SVG and VML

Category: SVG

I was reading a Washington Post article when I saw a cool diagram at the bottom of the page: I did the standard ‘right-click’ test to see if it was Flash, and was surprised to find it wasn’t. Digging deeper, I found that they are using SVG on the page to render an interactive graph Read the rest…

Posted by Brad Neuberg at 6:30 am
3 Comments

+++--
3.5 rating from 29 votes

Creating another library called Prototype?

Category: JavaScript, Library

Ben Gerrissen has created a library to handle prototype-based inheritance and the module pattern. The problem is that Ben named it Prototype! Are you kidding me Ben? :) As a reaction to the Javascript Inheritance Performance post, I found myself thinking; “Why is everyone trying to superimpose Classical OO on Prototypical OO” and “There should Read the rest…

Posted by Dion Almaer at 5:27 am
25 Comments

+++--
3 rating from 19 votes

JavaScript Function Call Profiling with FireUnit

Category: jQuery, Performance

John Resig has posted on JavaScript Function Call Profiling and new methods he has added to FireUnit: fireunit.getProfile(); Run this method after you’ve run console.profile(); and console.profileEnd(); to get a full dump of the profiling information. For example, given the following profile run: You’ll get the following JavaScript object returned from fireunit.getProfile(): < View plain Read the rest…

Posted by Dion Almaer at 12:23 am
Comment here

+++--
3.2 rating from 33 votes

Monday, February 23rd, 2009

jQuery 1.3.2 and beyond

Category: jQuery

jQuery 1.3.2 has been released and although it is mainly a bug fix maintenance release, it does a little more, including: Elements Returned in Document Order .live() Can Now Prevent Bubbling :visible/:hidden Overhauled .height()/.width() Overhauled Selector Speed-up in IE .appendTo()/etc. Now Return Inserted Elements It is also fun to look at the grab back of Read the rest…

Posted by Dion Almaer at 7:01 am
9 Comments

++---
2.7 rating from 123 votes

Watching Prototype events and a nice little tip

Category: Prototype, Tip

Kangax shows a nice use of Prototype as he writes a tip to let you see your Prototype based events as they run in your application. A nice little view. He also realized that the core piece of the bookmarklet is actually a nice view of the power of Prototype as a library: < View Read the rest…

Posted by Dion Almaer at 6:56 am
2 Comments

+++--
3 rating from 25 votes

Building a presentation experience using CSS transitions and animations

Category: CSS

JavaScript guru extraordinaire Erik Arvidsson has been playing with the new CSS transitions and animations that WebKit lead out with. He decided to build a sample presentation system: It is interesting to see the three versions that he builds. First, he uses CSS animations and @keyframes, and all that goodness, but for what he was Read the rest…

Posted by Dion Almaer at 1:51 am
Comment here

+++--
3.8 rating from 22 votes

HTML5 Canvas Cheat Sheet

Category: Canvas, Examples, Tip

Jacob is back, and this time he has a cheat sheet with him. It is nice to see the Canvas API fitting on one sheet here, and I really like the images showing how things look like and work.

Posted by Dion Almaer at 12:56 am
1 Comment

++++-
4 rating from 21 votes

Sunday, February 22nd, 2009

Cross-Browser Inline-Block

Category: Articles, Examples, Showcase

Ryan Doherty has one of those really nice articles that walk you through how to do something that should be easy in CSS but isn’t, until you know how: Cross Browser Inline Block. By the end of it all you will have this: < View plain text > HTML <style>     li {   Read the rest…

Posted by Dion Almaer at 5:04 am
11 Comments

++++-
4.1 rating from 50 votes

Friday, February 20th, 2009

Windows iPhone Simulator

Category: iPhone

There’s no way to emulate the iPhone on Windows, but Shaun Sullivan has the next best thing: taking a Windows build of WebKit and embedding it inside an iPhone-like Chrome. It’s not perfect, but it’s as close as Windows users are going to get for now–and is very handy for checking how your site will Read the rest…

Posted by Ben Galbraith at 9:00 am
7 Comments

+++--
3.6 rating from 78 votes

Comparison of JavaScript Inheritance Mechanisms; Proposal

Category: JavaScript

Andrea Giammarchi took the time to compare the JavaScript inheritance mechanisms in base2, Dojo, jsClass, MooTools, Prototype, and YUI and illustrates the same scenario with all of those frameworks. Handy indeed! He concludes with a proposal: WebReflection Proposal After an analysis like this one, how could I skip my “all the best from others without Read the rest…

Posted by Ben Galbraith at 8:00 am
11 Comments

++---
2.9 rating from 41 votes

Caching scripts in HTML5 Database

Category: HTML

Ian Collins has created DBScriptCache, a JavaScript program that “automatically caches script files in the browser’s HTML5 client-side database. Rather than including your scripts using script tags, you include them using this script. The first time a user views the page the scripts will be pulled into the db and stored. On subsequent visits the Read the rest…

Posted by Dion Almaer at 6:30 am
10 Comments

+++--
3.7 rating from 28 votes

Sprockets: Build time JavaScript dependancy management

Category: JavaScript, Ruby, Utility

Sprockets is a build time Ruby tool that reads in your JavaScript files, preprocesses and concatenates: It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation. Specially formatted lines act as directives to the Sprockets preprocessor, telling it to require the contents of another file or library Read the rest…

Posted by Dion Almaer at 12:01 am
3 Comments

+++--
3.4 rating from 30 votes

Thursday, February 19th, 2009

YUI Turns 3 and We Get a New Release as a Gift!

Category: Yahoo!

Some very cool news out of the YUI project as their namesake library turned 3 years old yesterday (That’s like 25 in internet years, right?). The framework has really grown-up to provide a solid foundation on which to build upon and developers are certainly benefiting from it’s excellent documentation and QA. To celebrate YUI’s birthday, Read the rest…

Posted by Rey Bango at 1:51 pm
Comment here

++++-
4.2 rating from 28 votes

Box2D Ported to JavaScript Using Canvas

Category: Canvas, Examples

Robert Kieffer recently told us about Box2DJS, an automated port of the popular Box2D physics library to JavaScript using <canvas> for the rendering. Using Box2DJS, you can create a flatland-esque 2D world that obeys Newtonian physics: < View plain text > js var worldAABB = new b2AABB(); worldAABB.minVertex.Set(-1000, -1000); worldAABB.maxVertex.Set(1000, 1000); var gravity = new Read the rest…

Posted by Ben Galbraith at 7:00 am
6 Comments

++++-
4.6 rating from 34 votes

The Campaign To End IE6

Category: IE

A new resistance in our fight against teh evil has begun in Norway: Yesterday, one of Norway’s biggest commercial sites, finn.no started issuing a warning to all IE6 users telling them to upgrade their browsers. Today, a host of big norwegian sites are doing the same. The campaign to end IE6 usage is on! Here’s Read the rest…

Posted by Ben Galbraith at 6:00 am
35 Comments

++++-
4.7 rating from 71 votes

Google Maps on Palm Pre; Gmail on iPhone

Category: HTML, Mobile

Vic Gundotra, my former VP at Google, gave some great demonstrations of HTML 5 and the Mobile Web the Mobile World Congress in Barcelona. He showed off the Palm Pre device running a Web application on their platform: Video courtesy of PreCommunity.com Gmail Demo on iPhone and HTC Magic Then he showed Gmail Offline running Read the rest…

Posted by Dion Almaer at 4:55 am
Comment here

+++--
3.3 rating from 11 votes

All Posts of February 2009