Gitiles
Code Review Sign In
review.gerrithub.io / DanielSuissa / windows-js / da394198bf02cfd88ca19adf3575e3dff2fee6aa
commitda394198bf02cfd88ca19adf3575e3dff2fee6aa[log] [tgz]
authorDanielSuissa <the.upper.bound@gmail.com>Mon Nov 06 23:57:27 2017 +0200
committerGitHub <noreply@github.com>Mon Nov 06 23:57:27 2017 +0200
treeac441f263ad27f3279e052c9172f8f67a47548d9
parent075464a68a3e7c7d3319fa0439dbacc58d388244 [diff]
screen shot #1
1 file changed
tree: ac441f263ad27f3279e052c9172f8f67a47548d9
  1. images/
  2. main/
  3. script/
  4. style/
  5. README.md
README.md

windows-js

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

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.