1. Overview¶

1.1. What is finre?¶

Finre is a FINe REsponsive UI framework.

1.2. Where to get it?¶

Find it on GitHub.

You also need to get and use the following dependencies:

browse.js
normalize.css: at deps/css/normalize.min.css in finre repository
modernizr.js: at deps/js/modernizr.min.js in finre repository
respond.js: at deps/js/respond.min.js in finre repository

1.3. How to use it?¶

The following HTML snippet shows the minimum code required to use finre:

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN>
<html lang=en>
<head>
  <title>Finre Application</title>
  <link rel=stylesheet href=/css/normalize.css/>
  <link rel=stylesheet href=/css/finre.min.css/>
  <script src=/js/modernizr.min.js></script>
<!--[if lt IE 9]>
  <script src=/js/respond.min.js></script>
<![endif]-->
</head>
<body class=finre>
  <script src=/js/browse.min.js></script>
  <script src=/js/finre.min.js></script>
</body>
</html>

NOTE:

Note the class=finre attribute. The body element must have the finre class, or the finre CSS rules would not apply. You can disable finre CSS rules anytime by just removing the class finre from body element.
The locations /js and /css are not mandatory and just denote typical directory organization used in websites.