Playground
This is a place where I put whatever experimental web design stuff I come up with. I know it's a bit barren right now, but the exposé-script is still my first and crowning achievement.
I hope to make some more stuff for the playground at some point. Perhaps some asynchronous JavaScript and XML. Or perhaps some PHP/MySQL stuff now that I can code it.
Whatever I put here will however adhere to the dogma
This is a place where I put whatever experimental web design stuff I come up with. I know it's a bit barren right now, but the exposé-script is still my first and crowning achievement.
I hope to make some more stuff for the playground at some point. Perhaps some asynchronous JavaScript and XML. Or perhaps some PHP/MySQL stuff now that I can code it.
Whatever I put here will however adhere to the dogma
It's flashy - but it's not Flash
exposé
opens as a pop-up
About a year ago I decided to see if I could create the Exposé effect from Mac OS X on a website. I ended up with more JavaScript than you can shake a stick at!
Unfortunately, this version only works fully in Safari. Firefox will do the Exposé calculatios and subsequent animation, but you can't move the objects around or click them. IE/Win is of course totally buggered since I used PNG images (and don't even get me started on IE/Mac... what a piece of junkware that is!)
I'm thinking of making a JPEG version at some point, with better cross-browser event handling, but I'll have to read and understand my own code all over again... it's been awhile since I looked at it, and damn, I didn't know I could code such complex stuff!
Anyway, if you're using Safari, go ahead and try it out. If you're not using Safari,try it out anyway... it might work
Update: I made a movie of the script in action (running in Safari 1.3) so now those of you who can't get it working can see what you're missing. The movie is all but 1MB, encoded as Xvid, and is scaled down a little
Exposé video (.avi Xvid)
If you can't play the movie in your browser, you must first download it (right-click [Win/Mac] or ctrl+click [Mac] and choose "Save link as..." or "Download linked file") and open it with a proper player. For that I suggest VLC for almost any platform.
Unfortunately, this version only works fully in Safari. Firefox will do the Exposé calculatios and subsequent animation, but you can't move the objects around or click them. IE/Win is of course totally buggered since I used PNG images (and don't even get me started on IE/Mac... what a piece of junkware that is!)
I'm thinking of making a JPEG version at some point, with better cross-browser event handling, but I'll have to read and understand my own code all over again... it's been awhile since I looked at it, and damn, I didn't know I could code such complex stuff!
Anyway, if you're using Safari, go ahead and try it out. If you're not using Safari,try it out anyway... it might work
Update: I made a movie of the script in action (running in Safari 1.3) so now those of you who can't get it working can see what you're missing. The movie is all but 1MB, encoded as Xvid, and is scaled down a little
Exposé video (.avi Xvid)
If you can't play the movie in your browser, you must first download it (right-click [Win/Mac] or ctrl+click [Mac] and choose "Save link as..." or "Download linked file") and open it with a proper player. For that I suggest VLC for almost any platform.
ajax
opens as a pop-up
This little AJAX implementation searches my posts to this site, while you type. It's the same principle as iTunes; start typing and it'll filter the list, showing only the posts that match your query.
Please note: Sometimes - for no apparent reason - the thing may stop working. It's not your fault, and it's not my fault - sometimes the JavaScript object I use simply misbehaves. Just reload the page and everything should be right as rain.
Update: I've updated the page a bit, so it now shows the number of occurrences your query has been matched in each post. As stated below, this new bit won't work in Firefox.
Update2: Updated again. Now the system search all posts, both new and old. Also, it displays the number of results in each group. As with the occurrences-per-entry numbers, the results-per-group number does not show up correctly in Firefox, so I've simply disabled them for Firefox-users
Current version: 2.1
Works in:
Safari (at least in v1.3)
Internet Explorer 6 for Windows
Firefox (will search, but number of occurrences counting is disabled)
Internet Explorer for Mac (totally buggered. Doesn't do anything, plus it thoroughly screws up the layout)
Please note: Sometimes - for no apparent reason - the thing may stop working. It's not your fault, and it's not my fault - sometimes the JavaScript object I use simply misbehaves. Just reload the page and everything should be right as rain.
Update: I've updated the page a bit, so it now shows the number of occurrences your query has been matched in each post. As stated below, this new bit won't work in Firefox.
Update2: Updated again. Now the system search all posts, both new and old. Also, it displays the number of results in each group. As with the occurrences-per-entry numbers, the results-per-group number does not show up correctly in Firefox, so I've simply disabled them for Firefox-users
Current version: 2.1
Works in:
Safari (at least in v1.3)
Internet Explorer 6 for Windows
Firefox (will search, but number of occurrences counting is disabled)
Internet Explorer for Mac (totally buggered. Doesn't do anything, plus it thoroughly screws up the layout)