The customizable responsive and truly adaptive framework that provides absolute precision in user interface development. The lightweight of S4 makes it desirable in high-load systems.
-
Download the current release
s4/ ├── css/ │ ├── desktop/ │ │ ├── landscape.css │ │ ├── portrait.css │ │ └── themes.css │ ├── mobile/ │ │ ├── landscape.css │ │ ├── portrait.css │ │ └── themes.css │ └── tablet/ │ │ ├── landscape.css │ │ ├── portrait.css │ │ └── themes.css │ └── elements.css └── js/ ├── current-device.min.js └── s4.min.js -
Include CSS and JavaScript
Embed the <script> tag in the <head>, and add attribute [onload] for start JavaScript bundle in the <body>. Add the [theme] attribute in the <html> for CSS.
... <html theme="light"> <head> ... <script src="s4/js/s4.min.js"></script> </head> <body onload="S4()"> ... </body> </html>
Arthur Selimov
Arthur Selimov
Thanks to Matthew Hudson for providing current-device tool that allows the S4 to be an absolutely responsive framework.