A concept library for making your website take next step in becoming a desktop application like

Clone this repo:

Branches

  1. f8a18a3 Update README.md by DanielSuissa · 5 years ago master
  2. a2001b0 Update README.md by DanielSuissa · 5 years ago
  3. 35822d1 Add files via upload by DanielSuissa · 5 years ago
  4. d2b38e2 Update README.md by DanielSuissa · 5 years ago
  5. da39419 screen shot #1 by DanielSuissa · 5 years ago

windows-js

A concept library for making your website take next step in becoming a desktop application like

Example : Single Screen, Single Focus Desktop App

This is still a work in progress

  1. Arrange your information within natural behaving Windows
<app-window caption="my content">
    <app-window-body border="yes" bordercolor="white" bgcolor="transparent" scroll="auto">
        <!-- Your Content Here -->
    </app-window-body>
</app-window>
  1. Group related topics by creating Tabs
<app-window caption="exprerimental tabs">
    <tabs-controller>
        <tab-controller name="settingsTab" caption="settings">
            <!-- content #1 -->
        </tab-controller>
        <tab-controller name="activationTab" caption="activation">
            <!-- content #2 -->
        </tab-controller>
        <tab-controller name="tableTab" caption="table">
            <!-- content #3 -->
        </tab-controller>
    </tabs-controller>
</app-window>
  1. Change entire appearance using css

  2. Use multiscreen-option while enabling users to smoothly drag windows from one chrome page to another. Try activating:

Application.screeensApi.extend()

Then put both windows side by side, now drag :)

You can now extend to whatever number of screens you like.

Example : Double Screen Desktop App

Drag your windows between browser instances Example : Double Screen Desktop App