OS Style Gallery

This is a very recent web interface that I absolutely love. It is inspired by *magneto-ms's Skinner's Instinct portfolio. His is absolutely amazing, but it is flash; mine is completely HTML, CSS, and JavaScript. It is extremely interactive, much like a normal operating system, but it is not confusing or overloaded with extras (so I am told). This is my first design with red as a primary color; normally I don't use red for anything, but it just seemed to fit so well. The media player was a little tricky, but it turned out good. The movable windows were really simple, yet they add so much to the overall design. I added my current class schedule so that I could use this for my semester project in my CS class; yes, I am done ahead of time, but the professor said it was very good and I could use it if I added a schedule to it. The only downside is that it is Firefox only, as IE does not natively support transparent PNGs, which make the whole interface possible. I know there are work-arounds, but the designer should not have to work around a specific browser; Firefox meets all of my needs, and eventually IE should catch up to where Firefox is now, at least in support and features. I have not tested this with IE7, so if someone using IE7 could let me know how it compares to the screenshot (or, better yet, to the live version in Firefox), I would be eternally grateful.

It is hand designed and coded in its entirety, using some scripts I created for previous designs, which were hand coded as well, but not specifically for this interface.

View the live version.

Comments, suggestions, and questions are warmly welcomed.