Paul Irish and Divya Manian have created a fun visualization on readiness of HTML5 and CSS3 standards in various browsers.

It uses a bunch of the usual CSS cool-suspects: -webkit-gradient, -webkit-transition, -webkit-border-radius, and the like (and -moz/-o too).

The added feature is…. do a mouse scroll on the page:

Related posts:

1. YouTube and Vimeo turn on HTML5 video tag At Google I/O the team showed a demo of YouTube...
2. FireDiff: Firebug extension to track changes to DOM and CSS Kevin Decker has released FireDiff a very cool Firebug extension...
3. Custom info windows with jQuery and Google Maps Ben Nolan has a writeup on a new feature in...

Ropox: Thats interesting enough, but still to my opinion there is a lot to be made yet.

Gmail started off with the awful input type="file" “add more” typical solution that we all know and love. Then they added the ability to select multiple files via Flash…. and now they allow the ability to drag and drop files right onto the message compose using HTML5 standards.

Want to do it too? Check out the APIs and how you can do it all, including showing the thumbnails:

function handleFiles(files) {
for (var i = 0; i
var file = files[i];
var imageType = /image.*/;

if (!file.type.match(imageType)) {
continue;
}

var img = document.createElement("img");
img.classList.add("obj");
img.file = file;
preview.appendChild(img);

var reader = new FileReader();
reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
reader.readAsDataURL(file);
}
}

Related posts:

1. The Beast File- Google Θέλουμε δε θέλουμε, η Google είναι στη ζωή μας σχεδόν...
2. YouTube and Vimeo turn on HTML5 video tag At Google I/O the team showed a demo of YouTube...
3. Image upload with AS3 mac problem fix I hit my head several times on the wall before...

thats why i Love jquery, cause everything is so simple…

To get the width and height of the whole page (document), use:

var pageWidth = $(document).width();
var pageHeight = $(document).height();

To get the width and height of the viewport (window), use:

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

Opera though has a different approach. with Opera 9.5 $(window).height() returns the document height (more info here)
you can get around this by using

var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();

Related posts:

1. JQuery wildcard selectors JQuery wildcard selectors on select boxes, how to reset all...
2. Custom info windows with jQuery and Google Maps Ben Nolan has a writeup on a new feature in...
3. HTML 5 section is not just a “semantic div” James Graham of Opera has a post about how section...

It was nice enough in AS2 when you did a simple LoadVars object to get the data from a server side page :

var lv:LoadVars = new LoadVars();
lv.username = "ruliman";
lv.password = "123456";
lv.sendAndLoad("somefile.php",lv,"POST");

&message=something&var1=somethingelse&

where I was starting with & and ending with & , using name value pairs.

it Was simple , straight forward and everybody got used to it, from Flash designers to php programmers.

In AS3 though things are different.

var variables:URLVariables = new URLVariables();
variables.username = "ruliman";
variables.password= "123456";
//
trace(variables.toString());
var request:URLRequest = new URLRequest("somefile.php");
request.method = URLRequestMethod.POST;
request.data = variables;

var loader:URLLoader = new URLLoader();
loader.dataFormat = URLLoaderDataFormat.VARIABLES;

try{
loader.load(request);
}
catch (error:Error) {
trace("Unable to load URL");
}

First you need to STOP starting and ending with &.
You dont need that and in fact , you will get the above error, leaving you wondering why on earth this is not working

so from AS2 where in php you printed

print "&message=something&var1=somethingelse&";

print "message=".urlencode(something)."&var1=".urlencode(somethingelse);

so you loose the & in the beginning and in the end plus you make sure all returned data (apart from variables names) are urlencoded.
Adobe should at least MAKE A DAMN NOTE on this new way of handling the returned data from a url posted page...

Related posts:

1. Image upload with AS3 mac problem fix I hit my head several times on the wall before...
2. .htaccess pcfg_openfile: unable to check htaccess file well if you run in this error, then probably for...
3. Online Load Time for your page Καθώς έψαχνα για optimization tools και resources για MySQL έπεσα...

I hit my head several times on the wall before I found out why browsers on MAC dont work exactly as browsers on windows, after uploading a file via Flash.

the reason is simple : on MAC the browsers never calls onComplete = function(fileRef:FileReference) {}. Which means that the image is uploaded alright, but the flash app never gets a response back that the file has finished uploading.

All you have to do is , on your php/aspx/apsx/py or whatever server side file is handling your file upload from flash, you need to print something at the end of uploading.

for example in php, you could print the word : completed.

print "completed";

you can print whatever word you want, it doesnt matter, all that matters is that the server side file is printing something (After the upload has finished) and browsers on mac platforms, will pick up on that , and your file upload will work!

Related posts:

1. Error #2101: The String passed to URLVariables.decode() must be a URL-encoded query string containing name/value pairs It was nice enough in AS2 when you did a...
2. [AJAX Magazine] DHTMLX Released Version 2.1 DHTMLX announced the update of their Ajax UI Toolkit, a...
3. JQuery wildcard selectors JQuery wildcard selectors on select boxes, how to reset all...