Is a JavaScript plugin that helps you better design websites
Used only for sizing and displays width, height and breakpoint
so you can work on sizing better
Just link the sizeInPage.js file to your page and then call the startSizeInPage function
<script src="sizeInPage.js"></script>- startSizeInPage()
+ theme (Set General theme)
+ align (Set the location on the page)
+ opacity (Adjust transparency)
+ help (Show help)
Use options :
To use the options, we must pass them as an object and
as an argument to the startSizeInPage() function.
example :
startSizeInPage({
theme: 'dark',
align: 'bl',
opacity: '1',
help:'en'
})theme: 'dark' | 'theme': light
(theme: dark is enabled by default)
Example of use: ```javascript startSizeInPage({ theme: 'dark' }) ``` or ```javascript startSizeInPage({ theme: 'light' }) ```
align : 'tl' | 'tr' | 'bl' | 'br' | 'center'
(align: 'bl' is enabled by default)
(Values stand for directions, example: tr = top right)
Example of use: ```javascript startSizeInPage({ align: 'tl' (example) }) ```
To set the opacity and its value is between 0 and 1
(opacity: 1 is enabled by default)
Example of use: ```javascript startSizeInPage({ opacity: '0.8' (example) }) ```
help : 'en' | 'fa' To display the plugin guide (en = in English , fa = in Persian)
(help: 'none' is enabled by default)
Example of use: ``` javascript startSizeInPage({ help:'en' }) ```