James Luterek

OS type UI written in Javascript with JQuery

Posted on 12/5/2008 1:57:59 PM in JavaScript

Introduction

I started creating an operating system like user interface in JavaScript. I had intended to use it for the admin sections of my content management system(that runs this website), but through developing it I started to question it's usability and decided to discontinue development.

Features in it's current state:

Start Button
Task Bar - view open windows and set focus/minimize
Windows (Create, move, maximize, minimize, resize, etc.)
Show Desktop on right click
Properties (Theme Color, Text Color, Background Color, Background Image)
Properties saved in cookies for next visit

View Online

Design

It was written entirely in JavaScript/HTML/css using the JQuery framework. I used a few styles that don't have full browser support, as a result it looks much better in Firefox vs. IE, however it is fully functional in IE7+, FF2+, untested in safari and opera. These styles are in replace of images, the only image on the page is the background.

Feedback

Tony Dunsworth

Posted on 12/5/2008 3:51:22 PM

Looks really nice and something I will keep an eye on for projects I have been working on.

Yeco

Posted on 12/5/2008 4:18:18 PM

Well... Im fan of jQuery and I use it every single time I can, but, I have to recognize that ExtJS has better UI capabilities. Your desktop looks veeeery cool, but still needs a lot of work, I feel a slow and heavy behavior under firefox.

Keep up the great and hard work.

Posted on 12/6/2008 9:38:12 AM

drag'n'drop is very buggy in Chrome..

Zhou Renjian

Posted on 12/7/2008 1:29:51 AM

Nice!

Java2Script's newly released v2.0.0 also has a JavaScript desktop, including task bar, notification area and shortcut board.

Please check it out at http://demo.java2script.org/

msafiullah

Posted on 12/7/2008 8:59:50 AM

this is so cool.

Name:

Posted on 12/7/2008 7:09:13 PM

Comments:

Stuart

Posted on 12/8/2008 6:36:07 AM

It's an interesting concept using it as an admin, there are a few bugs in it. Mainly:

1) If you have two windows, and have both open and have one above the other, when you click the one behind it doesn't bring focus.

2) Same as above but instead of clicking the window behind the active one you click the taskbar item for it, it minimises the unactive window instead of bring it to focus.

3) You can drag windows above the taskbar.

EllisGL

Posted on 12/9/2008 9:17:07 AM

I've started a project like this a while back ago.. I since abandoned it thou. If you want, email for the code I did create.

Hikari

Posted on 5/21/2009 3:36:56 AM

Great job dude!

It works better than Win 3.11 and is more stable than Win95 :P

paul

Posted on 6/20/2009 12:27:51 AM

comment

Aurelius1664