Monday, March 29th, 2010

jQuery Special Events; Virtually… not in Real Life

Category: JavaScript, jQuery

Ben Alman has a mother of a post on his special events work for jQuery. I have a special penchant for custom events and the like, even though I have abused them just as I did in the old days of AOP! :) What are special events? The jQuery special events API is a fairly Read the rest…

Posted by Dion Almaer at 3:08 pm

3.7 rating from 39 votes

CanVG: Using Canvas to render SVG files

Category: Canvas, SVG

We love to recursively implement one technology on top of another. We have had Canvas support added to IE via VML, Flash, and Silverlight. We have had SVG implemented in Flash. Flash implemented in SVG. The latest experiment is from Gabe Lerner and is CanVG. As you can guess, it renders SVG files via the Read the rest…

Posted by Dion Almaer at 6:23 am

3.6 rating from 22 votes

TXJS: Upcoming JS Conference in Austin

Category: Conferences

JSConf is around the corner, but there’s more 2010 conference action in the pipeline. Paul Irish pinged me about YayQuery’s TXJS and its all-star cast: TXJS is a full-day conference hosted by yayQuery on June 5 in Austin, Texas. We just landed Douglas Crockford and John Resig as speakers, so what started as a regional Read the rest…

Posted by Michael Mahemoff at 4:25 am

4.1 rating from 15 votes

Friday, March 26th, 2010

CSS Raindrops; Sean Martell whizzes into the CSS logo game

Category: CSS

Sean is awesome, and his latest magic is in the Raindrop logo that he has “ported” to CSS (inspired by the Opera logo by David Desandro.) The fun is in this CSS where you will see a whole lot of gradients, and in seeing Sean’s cheat sheet on the various layers: < View plain text Read the rest…

Posted by Dion Almaer at 10:46 am
1 Comment

1.7 rating from 52 votes

Dynamic lighting effects in Canvas

Category: Canvas, Fun

Jonas Wagner has a perfect Friday fun demo that normal mapping and phong shading in JavaScript using Canvas. Your mouse cursor becomes the light source that dynamically lights up a 3D object: Jonas discusses how his code works: The 3D effect is basically created using 2 textures. One contains the color of each pixel and Read the rest…

Posted by Dion Almaer at 6:17 am

4.5 rating from 33 votes

GitHub moves network graph feature from Flash to Canvas

Category: Canvas, Flash

Given the current status of Canvas and the impending release of Apple’s iPad (which will have no Flash support at all), I finally decided to bite the bullet and do a complete rewrite of the Network Graph in JavaScript and Canvas. This is Tom Preston-Werner of GitHub, from his recent posted about migrating the network Read the rest…

Posted by Dion Almaer at 1:10 am

4.6 rating from 37 votes

Thursday, March 25th, 2010

setTimeout: how to get the shortest delay

We have all been there with our setTimeout(func, 0), but how close to 0 does it get? The intrepid David Baron of Mozilla delves into the delay in setTimeout and comes out with some interesting results. Here is his story: On Sunday, somebody with the nickname {g} was on asking about the behavior of Read the rest…

Posted by Dion Almaer at 6:23 am

4.9 rating from 20 votes

FireSass: Debug in a Sass-y way

Category: CSS, Debugging

Nathan Weizenbaum got fed up debugging Sass, and scratched his itch with FireSass, a Firebug extension for Sass (the “Syntactically Awesome Stylesheets” DSL that makes CSS more fun). WIth the extension you will see the filename and line number of the .sass file rather than the generated CSS file…. Much nicer!

Posted by Dion Almaer at 2:53 am
Comment here

3 rating from 26 votes

Wednesday, March 24th, 2010

MooTouch: jQTouch has a Moo-y contender

Category: Mobile, MooTools

Jacky Nguyen was behind a new website ExpatLiving from Singapore, and as he built out a nice view for iPhone and mobile Webkit folks, he implemented MooTouch. It is still in an early stage, and is asking for input: MooTouch is a cutting-edge JavaScript framework built on top of MooTools that truly brings the experiences Read the rest…

Posted by Dion Almaer at 6:06 am

4 rating from 42 votes

jQuery UI 1.8 comes with new plugins, effect, and fixes

Category: jQuery

jQuery UI 1.8 has been released and it contains new plugins, a new effect, bug fixes, and is forkable on GitHub What’s new? Position utility Position any element relative to any other, or even relative to the window or the mouse. In true “Write Less. Do More” fashion, it’s a simple as selecting the element Read the rest…

Posted by Dion Almaer at 12:16 am

3.8 rating from 55 votes

Tuesday, March 23rd, 2010

A Google-y Post: ANGLE, Native Client and Skipfish

Category: Google

It was a busy day for Google news for web developers, in very different areas. ANGLE This is exciting. On the Chromium blog Henry Bridge announced a new open source project called ANGLE which is implementing OpenGL ES 2.0 on top of Microsoft Direct3D APIs for Windows folk. This is a big deal as you Read the rest…

Posted by Dion Almaer at 6:54 am

3.6 rating from 24 votes

Monday, March 22nd, 2010

Should CSS vendor prefixes be nuked? Or just tweaked?

Category: CSS

PPK has gone off on CSS vendor prefixes. A lot of people have done this. He points to the lack of DRY that frustrates us all: < View plain text > css div.borderbox {     box-sizing: border-box;     /* one */     -moz-box-sizing: border-box;    /* two */     -webkit-box-sizing: border-box; Read the rest…

Posted by Dion Almaer at 10:31 am

3.5 rating from 20 votes

Safari self replicates itself…. for fun

Category: Apple, Fun

Inspired by the CSS Opera Logo (that works in a few browsers if you fix the -vendor-* CSS-ness) we now have Safari in Safari. Being a web developer who works on a Mac, I’ve noticed that Apple’s implementation of CSS3 to Webkit and Safari always felt like they were extending OS X GUI elements to Read the rest…

Posted by Dion Almaer at 8:22 am

3.2 rating from 28 votes

Spritely: sprite and pan away

Category: jQuery, Library

Spritely is a new jQuery plugin that adds sprite() and pan() to your $(). The fun front page of birds is explained with simple goodness of: < View plain text > javascript // animate through 3 frames $(‘#bird’).sprite({fps: 12, no_of_frames: 3});   // clicking on the screen flies a sprite to you $(‘#bird’).sprite({fps: 12, no_of_frames: Read the rest…

Posted by Dion Almaer at 6:42 am
1 Comment

4.5 rating from 37 votes

SproutCore 1.0 is here

Category: SproutCore

Congrats to Charles Jolley and the entire team behind the SproutCore 1.0 launch. Bespin uses SproutCore now, so I am excited to see a stable build, and the hints to the future: This project was in the works for 18 months. We rewrote 20,000 lines of code, added nearly 6,000 unit tests, and significantly improved Read the rest…

Posted by Dion Almaer at 1:22 am

3.2 rating from 36 votes

Friday, March 19th, 2010

IE9 Canvas Support Leaked by AMD?

Category: Canvas, IE

I was on a panel at OSBC with Dave Mcallister of Adobe and Brian Goldfarb of Microsoft. I wanted to talk to Brian about canvas in IE9 but held off until later where I even offered the community up to write the IE code ;) Someone off the record told me last week “it is Read the rest…

Posted by Dion Almaer at 11:23 am

4.6 rating from 44 votes