Introduction – Responsive Framework
Responsee is an open source responsive CSS framework based on 12-column grid. Websites based on Responsee are fully responsive – they display content correctly on each type of devices. Besides basic CSS file also supplementary files of components are part of Responsee.
The whole package Responsee all contains the following files:
responsee.css (main Responsee CSS file) / size: 42,7 kb
components.css (Custom forms, Responsive Tabs, Buttons, Tooltips, Timeline, Accordion and Modals set CSS file) / size: 10,8 kb
icons.css (icon set CSS file) / size: 26,4 kb
responsee.js (main Responsee JavaScript file) / size: 8,7 kb
jquery-1.8.3.min.js
jquery-ui.min.js
icons fonts
OWL carousel files
1 HTML template file (business template)
Application Basics
Only basic CSS file responsee.css is necessary for correct working of grid. For correct working of responsive navigation the file responsee.js, jQuery (we recommend application of jQuery version 1.8.3) and jQuery UI is necessary. We do not recommend editing of basic CSS file responsee.css, however overwrite file properties by another your own CSS file. Do not forget, please, that components icon sets and OWL carousel have their own licence terms and conditions, which you can find on home websites of the projects. Recommended entry of HTML heading is:
Head section
<link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/responsee.css"> <link rel="stylesheet" href="css/icons.css"> <link rel="stylesheet" href="css/your-custom-css-file.css"> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript" src="js/modernizr.js"></script>
Footer section
<script type="text/javascript" src="js/responsee.js"></script>
