1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
---
layout: main
title: Welcome to API documentation
scripts: ["/site/assets/libs/jquery/jquery.min.js", "https://cdn.moot.it/latest/moot.min.js", "/site/assets/js/comments.min.js"]
---
<h2>API documentation v2.0.0 (work in progress)</h2>
<h4>This is evolving and will probably change as things advance</h4>
<div class="intro">
Tidy up and accelerate your workflow
</div>
<ul>
<li><a href="#setup">Setup</a></li>
<li>
<a href="#configuration">Configuration</a>
<ul>
<li>head_conf</li>
<ul>
<li>Screen breakpoints (lt, gt)</li>
<li>Browser breakpoints (lt, gt)</li>
<li>HTML5 Shim</li>
<li>CSS Router: HashTag prefix</li>
<li>CSS Router: Page prefix</li>
<li>CSS Router: Section prefix</li>
</ul>
</ul>
</li>
<li>
<a href="#responsive">Responsive Design</a>
<ul>
<li><a href="#browser">Browser Information</a></li>
<ul>
<li>head.browser.name</li>
<li>head.browser.version</li>
<li>head.browser.ie</li>
<li>head.browser.ff</li>
<li>head.browser.chrome</li>
<li>head.browser.ios</li>
<li>head.browser.android</li>
<li>head.browser.webkit</li>
<li>head.browser.opera</li>
</ul>
</ul>
<ul>
<li><a href="#screen">Screen Information</a></li>
<ul>
<li>head.screen.height</li>
<li>head.screen.width</li>
<li>head.screen.innerHeight</li>
<li>head.screen.innerWidth</li>
<li>head.screen.outerHeight</li>
<li>head.screen.outerWidth</li>
</ul>
</ul>
<ul>
<li><a href="#features">Feature Detections</a></li>
<ul>
<li>head.feature(name, bool)</li>
<ul><li>head.mobile</li></ul>
<ul><li>head.desktop</li></ul>
<ul><li>head.touch</li></ul>
<ul><li>head.portrait</li></ul>
<ul><li>head.landscape</li></ul>
<ul><li>head.retina</li></ul>
<ul><li>head.transitions</li></ul>
<ul><li>head.transforms</li></ul>
<ul><li>head.gradients</li></ul>
<ul><li>head.opacity</li></ul>
<ul><li>head.multiplebgs</li></ul>
<ul><li>head.boxshadow</li></ul>
<ul><li>head.borderimage</li></ul>
<ul><li>head.borderradius</li></ul>
<ul><li>head.cssreflections</li></ul>
<ul><li>head.fontface</li></ul>
<ul><li>head.rgba</li></ul>
</ul>
</ul>
<ul>
<li><a href="#html5">HTML5 Shim</a></li>
</ul>
<ul>
<li><a href="#router">CSS Router</a></li>
<ul>
<li>page</li>
<li>section</li>
</ul>
</ul>
<ul>
<li><a href="#ready">Document Ready</a></li>
<ul><li>head.ready(document|label|filename|callback)</li></ul>
</ul>
</li>
<li>
<a href="#load">Resource Loading</a>
<ul><li>head.load(js|css, callback)</li></ul>
<ul><li>head.test(condition, success, failure, callback)</li></ul>
</li>
</ul>
{% include api/2.0.0/setup.html %}
{% include api/2.0.0/configuration.html %}
<h1 id="responsive">Responsive Design</h1>
<hr id="browser"/>
{% include api/2.0.0/browser.html %}
{% include api/2.0.0/screen.html %}
{% include api/2.0.0/features.html %}
{% include api/2.0.0/html5.html %}
{% include api/2.0.0/router.html %}
{% include api/2.0.0/ready.html %}
{% include api/2.0.0/load.html %}
<br /><br />
<div class="intro">
<strong>Make it the only script in your HEAD.</strong>
« A concise solution to universal problems »
</div>
{% include sections/download.html %}
<div id="moot"> </div>
<div id="examples"> </div>
|
