Mac OS Web - Full CSS3 Mac OS X (with working iTunes)

A CSS3 Mac Desktop Environement with native APIs (Graphics, UI, AppLoader)

Built using JavaScript, HTML5, Canvas, CSS3, Audio, Drag and Drop, Offline Support, Files

  • 226 views
  • 0 comments

More About This Demo From The Author

FRENCH OR ENGLISH

You'll will need a good graphic card, and a good processor, because they are lot a reflow/repaints

Try it for more details, I will translate it to English soon (sorry for my bad english i'm French and i'm 16 years old..)

Version 0.02a

Internationalization now supported (i18n.js->i18nEngine)

New OS Web Engine, with new Application Loader, is 9x more faster (with Javascript Date Test and iTunes Application)

Support offline mode!

Native APIs!

Exemple :

i18n (internationalization) :
i18nEngine.init("en");
i18nEngine.addDict({
MOZILLADEMOS_TEST: "Mozilla Demos"
}, "en");
before : <p>%MOZILLADEMOS_TEST% </p>
after : <p>Mozilla Demos</p>
Graphics : UI.Graphics.invertImageColor($('.logo'));

UI : UI.NSButton("Hello World");

Windows : UI.NSWindow({
titre: "Hello World",
menu: {
file: "File",
edit: "Edit",
hellotest: "Hello Test"
},
callback: function() { NSLog("Application Window Maked!"); }
});

Cross-browser logs : NSLog("a log","from (default = localhost)","type (default = log)");

Application loader : UI.AppKit.loadApplication("apps/iTunes.js","iTunes").ok(function() {
NSLog("Application loaded","appLoader");
});

Know issues:
-The volume bar is not showed in non-WebKit browsers (iTunes.js)
- The title of any music is showed in Chinese in IE10+ (iTunes.js/id3.js)
- Can't fullscreen in IE (index.js)
- Crash with Opera (all)
- The iTunes sidebar is not finished (index.css->.iTunes>.sidebar)

No comments yet.

Log in to add your own.

Get the Source Code

Download the Source 4072.39 KB · ZIP File

This demo is released under the GPL license.

More by fathy47