Web Info & Tutorials

August 22nd, 2007

SVG VIDEO: NOW PLAYING ON A STANDARD NEAR YOU

Chris Double has posted a SVG video tag demo that plays a port of a Silverlight demo.

As you watch videos playing, you can move, resize, and rotate the canvases. All via:

HTML:
  1.  
  2. <video id="svg_v1" src="http://www.bluishcoder.co.nz/video_svg_demo.ogg"></video>
  3.  


August 22nd, 2007

JQUERY LIVE

Brandon Aaron has written a new jQuery plugin Live Query:

Live Query utilizes the power of jQuery selectors by binding events or firing callbacks for matched elements auto-magically, even after the page has been loaded and the DOM updated. It is like Behaviors 2.0. Live Query also unbinds events or fires a second callback for elements that are changed and no longer matched. Live Query gives you a live DOM experience.

The following code uses a function based Live Query to implement the jQuery hover helper method and remove it when the element is no longer matched.

JAVASCRIPT:
  1.  
  2. $('li')
  3.   .livequery(function() {
  4.     $(this)
  5.       .hover(function() {
  6.         $(this).addClass('hover');
  7.       }, function() {
  8.         $(this).removeClass('hover');
  9.       });
  10.   }, function() {
  11.     $(this)
  12.       .unbind('mouseover')
  13.       .unbind('mouseout');
  14.   });
  15.  

It may also be included into the core of jQuery v1.2 with more information found in the jQuery roadmap.

Take a look at demos in action, read the docs, and download it.

August 22nd, 2007

2008 SXSW INTERACTIVE PANEL PICKER

Lindsey Simon let us know about the 2008 SXSW Interactive Panel Picker that was made public for the conference.

SXSW was deluged with great ideas this year, so it's been turned into a full blown app with sign in and comments on the panels. The backend was done with CakePHP and the frontend uses jQuery for XHR and behavior enhancements.

Maybe BarCamp will have this instead of the paper on walls model..... or maybe not.

Lindsey also said, "As imitation is one of the truest forms of flattery (and makes for some mighty rapid visual design), the panel picker was made to look like my current favorite email program."

 2008 SXSW Interactive Panel Picker

August 22nd, 2007

XRAY YOUR INTERNET EXPLORER

We had a enthusiastic salutation for XRAY, the “free interbreed application agency that lets you wager the incase help in state for some element, letting you wager beneath the wound of some scheme page.”

The sort digit discourse was “but what most IE???” and today we hit the answer. The stylish promulgation supports IE6 and above, and “displays aggregation most an element’s borders, and allows you to advise around the writing with mark keys. Use the up, down, mitt and correct key to XRAY the currently designated element’s parent, prototypal child, and preceding and incoming siblings.”

XRAY on IE 6

August 22nd, 2007

IS THE IPHONE THE IE4 OF 2007? SHEESH

I think part of the reason why Microsoft stopped developing IE is that the developers behind it got sick of being criticized for trying to innovate. Many of them left the IE team and moved over to the XAML project (aka WPF/Silverlight) so they could continue to do great work without being attacked for it. That is a shame, because I would have much rather seen the XAML concepts poured into HTML/CSS/JavaScript foundation. Meanwhile, the W3C produced jack squat during those same years. This is what we have to thank the Web Standards Project for.

The above quote is from Joe Hewitt's post The IPhone Is IE4 Again (in a good way).

Joe rips into the people that are complaining about the new set of iphone.foo.com views that are out there. "Oh no! It will be like the powered by IE days!".

We all tend to look back in horror of that time, but Joe does bring us back inline a little. There was a reason that IE 4 won. I do remember enjoying the cool stuff that I could do in IE 4, and moaning about how hard Netscape was to deal with.

Anyway, now back to some nice incremental inclusive addition.