Monday, March 29th, 2010
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…
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…
Friday, March 26th, 2010
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: PLAIN TEXT CSS: Read the rest...
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...
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...
Thursday, March 25th, 2010
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 irc.mozilla.org asking about the behavior of Read the rest...
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!
Wednesday, March 24th, 2010
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...
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...
Tuesday, March 23rd, 2010
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...
Monday, March 22nd, 2010
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: PLAIN TEXT CSS: div.borderbox { box-sizing: border-box; /* one */ -moz-box-sizing: border-box; /* two */ -webkit-box-sizing: Read the rest...
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...
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: 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: 3}).activeOnClick().active(); $('body').flyToTap(); Read the rest...
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...
Friday, March 19th, 2010
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...
Category: Mozilla
Michael Hanson and a team at Mozilla Labs have been doing some really interesting work with Identity in the browser (and taking ownership back from services). They just released an alpha add-on for Firefox that begins to integrate contacts from services (right now: "Gmail, Twitter, and, on MacOS-based machines, the local Address Book" but growing). Read the rest...