Lightweight and touchscreen friendly zero-dependency JavaScript library for draggable windows
npm install window-enginehtml
// End of your file
`
OR Install with NPM :
`sh
npm i window-engine
`
OR Test it first :
`html
// End of your file
`
$3
`html
Title
Content
`
! is the number of the window
color is the color of the window : purple, orange, brown, cyan, crimson, green
default color is black
$3
To add a new window, copy the structure above in your html and change ! (if this is your third window, ! = 3 for example)
Add another button to open you new window :
`html
`
$3
All of the windows must be in the same windowGroup :
`html
Your windows ...
`
$3
Add a fade effect on the windows with the class "fade" :
`html
`
$3
The following code makes the window visible without a button click :
`html
`
Of course it is possible to combine it with the fade effect :
`html
`
$3
Change the size of the window with "small" and "large" :
`html
`
normal : 800 x 400; small : 600 x 300; large : 1000 x 500
$3
`html
Window Engine
Welcome to Window Engine !
Second Window
Cyan
With fade effect !
Third Window
Brown
With fade effect !
``
$3
CSS Script
Copyright Gauthier Staehler