Lately I've been toying around with the idea of incorporating Metro style elements into web designs. It seems to be a trendy thing to do lately and a lot of sites have been doing it so I started experimenting with using jQuery to achieve some of the effects. There are already several Metro plugins for jQuery and jQuery UI but I wanted to write my own code and see what kind of effects I could achieve. I've setup a demo site that I'm using my my Metro UI playground.
I have several demos setup already. The live tiles use setInterval and run on a constant loop currently but I will be modifying them to use a setTimeout and make them "pausable" and allow the animations to be changed and removed as well, and hopefully a more solid base of animations. I'll also be working on compatibility with touch screen devices. Here is a list of the currently available demos:
Recently I was working on a project that required upload of images. I wanted to upload the images AJAX style without refreshing the page and thought jQuery would be a good fit. Using jQuery to post standard forms is extremely simple, but when posting multi-part forms for uploading files it's not so intuitive. This is due to browser security restrictions and sandboxing. Today I'm going to show you how to fake an asynchronous upload without reloading the page and get a result back from the server. More...