Archive for the 'Front Page' Category

Ambilight Sample; video and canvas

Sergey Chikuyonok gets his Philips Ambilight foo on as he created a HTML5 video + canvas sample that mimics the TV effect.
As the video runs, a snapshot is sent over to JavaScript land where colors are worked out:
PLAIN TEXT
JAVASCRIPT:

 

function getMidColors(side) {

        var w = buffer.width,

                [...]

YQL Geo library – all your geo needs in pure JavaScript

I just finished doing some talks on geo hacking (slides are available here) and how to use some of the Geo technologies Yahoo and Google provide as part of a University gig in Atlanta.
As a lot of the students liked the idea of APIs like GeoPlanet and Placemaker but had a hard time getting [...]

SVG Wow!

Erik Dahlström and Vincent Hardy have put together a cool website, called SVG Wow!, that showcases SVG doing things you didn’t expect SVG can do:

There are alot of unique demos on there.
One of my favorites uses SVG, HTML5 Audio, Web Fonts, and YUI to play music accompanied by flying animated lyrics (Chrome and Safari only):

There [...]

Ext JS 3.2 beta: stores, components, transitions, and themes

The Ext JS team have announced the 3.2 beta which includes new components and goodness.
Take the animated DataView transitions for example:

On top of that, the release includes:

Multiple sorting and filtering on Ext.data.Store

Composite Fields

Slider improvements

Toolbar plugins: ToolbarReorderer and ToolbarDroppable

New Accessibility Theme: compliant with Section 508 of the Disabilities Act.

Quality Assurance: Unit Testing: over 180 bug [...]

CSS3 Please! Instant results… Thank You

Paul Irish and Jonathan Neal have created a fun example of various CSS tweaks that you can make, and see the results instantly.
CSS3, Please! lets you play with fancy new rules such as:

border-radius
box shadow
gradients
rgba support in backgrounds
transforms
font-face

Really nice way to make tweaks inline in the page….. nicely done. Hope to see some other examples out [...]

HTML Minification

Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage.

What does it do?
Kangax has forked John Resig’s HTML parser which parses the HTML and sends that into the Minifier. This has rules that do things like whitespace optimization, comment removal, and collapsing boolean attributes (e.g. disabled=”true” [...]

Harmony: Canvas Drawing Tool

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words.
Creator Mr. Doob (Richard Cabello) explains how he used Canvas to make it darker the [...]

Spectrum Visualization with the HTML5 Audio Data API

The HTML5 specification introduces the and media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information about audio and video, but gives no way to programatically access or create such media. We [...]

modulr: a CommonJS module implementation in Ruby for client-side JavaScript

modulr is a CommonJS module implementation in Ruby for client-side JavaScript

Ruby? what does that have anything to do with it? Ah, its from one of those Prototype guys isn’t it…. Yup, Tobie is at it again, this time with modulr:

modulr accepts a singular file as input (the program) on which is does static analysis to [...]

Friday fun: Let’s translate YUI3 to jQuery

I just came across this wonderful Gist on gitHub:
PLAIN TEXT
JAVASCRIPT:

 

var $;

YUI().use(’*', function(Y){

  $ = Y.get;

  for(var p in Y) {

      $[p] = Y[p];

  }

});

 

// test

$(’body’).append(”boo!”);

 

In case you want to use YUI3 but really really like jQuery syntax :) OK, it breaks the whole sandboxing idea of YUI3, but that’s a small price to [...]