🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Emlastic is a jQuery plugin used for creating elastic web layout using em that allows to automatically and dynamically scale web elements according to the screen size.

Elastic-layout

Documentation

Emlastic

jQuery plugin for creating elastic webpages

Getting Started

Download the production version or the development version.

In your web page:

<script src="jquery.js"></script> <script src="dist/emlastic.min.js"></script> <script>   $(document).ready(function() {     $.emlastic(); // "emlastic"   }); </script>

Install with Bower

bower install emlastic

Options

Supported options:

designSize

Type: number
Default: 1920

direction

Type: String Default: "horizontal"

Can be horizontal or vertical.

container

Type: string, DOM Element, null
Default: null

pixelsInEm

Type: number
Default: 100

How many design pixels will one em contain. You'll need to devide by this number when writing values in you CSS.

License

MIT © Angel Vladov


You May Also Like