forked from mustardamus/jqapi
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
192 lines (175 loc) · 10.1 KB
/
index.html
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQAPI - Alternative jQuery Documentation</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/main.min.css" />
<!--<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/highlight.js"></script>
<script type="text/javascript" src="js/jquery.ba-bbq.min.js"></script>
<script type="text/javascript" src="js/jquery.ba-dotimeout.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>-->
<script type="text/javascript" src="js/main.min.js"></script>
</head>
<body>
<div id="navigation"><div id="loader"> </div></div>
<div id="content">
<div class="entry-title"><h1>jQAPI - Alternative jQuery Documentation - For Version 1.7</h1></div>
<div class="entry">
<h2><span class="name">Why another jQuery Documentation?</span><span class="returns">Solving your own problems is so much fun.</span></h2>
<div class="longdesc">
<p>
There are numerous alternative jQuery documentations out there, such as <a href="http://api.jquery.com/browser/">jQuery API Browser</a>,
<a href="http://remysharp.com/jquery-api/">jQuery API</a>, <a href="http://api.jquery.com/visual/">Visual jQuery</a> and another
<a href="http://view.jquery.com/trunk/tools/api-browser/">jQuery API Browser</a>. They are all out of date. The latest
<a href="http://api.jquery.com/">official documentation</a> has been <a href="http://jquery14.com/day-09/jquery-api-key-navigation">released</a>
in the <a href="http://jquery14.com/">14 days of jQuery</a>. Why the heck another one?
</p>
<p>
The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. The only thing that bugs me is the
way we have to find the right documentation for what we search for. Try to search for the <code>.is()</code> function for example. Over 100 matches
before the actual function I am looking for?!<i>*)</i> And it is a fixed layout which means even on my big screen I have to scroll all the way down and have
to scan for it. There have to be a better way, obviously.
</p>
<p>
The alternative <a href="http://rubyonrails.org/">Rails</a> documentation <a href="http://railsapi.com/">Rails API</a> is my favorite documentation
for my favorite server-side tool. Unfortunately my favorite client-side tool did not have such a fast and slick documentation. Inspired by
the Rails API and desperate for a better navigation I coded one myself. Of course with jQuery!
</p>
<p>
Just to make it clear, I only coded the navigation and re-styled the documentation. The content is the same as in the
<a href="http://api.jquery.com/">official documentation</a> and all credits belong to the jQuery team. Keep up the great work!
</p>
<p>
<i>*) Edit: it is the first search result when you enter it with brackets.</i>
</p>
</div>
</div>
<div class="entry">
<h2><span class="name">jQAPI offline version</span><span class="returns">Documentation for the road.</span></h2>
<div class="longdesc">
<p><a href="jqapi-latest.zip">Download HTML Version</a>. Documentation for jQuery version 1.7 - 1.8MB - 11/04/11</p>
<p><a href="http://github.com/downloads/erikzaadi/jqapi/jQAPI-1.7.air?v=11222011">Download AIR Version</a>. Documentation for
jQuery version 1.7 - 1.6MB - 11/22/11</p>
</div>
</div>
<div class="entry">
<h2><span class="name">Keyboard Usage</span><span class="returns">Speed it up.</span></h2>
<div class="longdesc">
<p>
The keys are working if the search field has focus or your mouse cursor is in the navigation area.
ESC key is global.
</p>
<pre><code>UP - Previous category / Previous item
DOWN - Next category / Next item
ENTER - Open category / Load selected item
ESC - Clear search field and set focus</code></pre>
</div>
</div>
<div class="entry">
<h2><span class="name">Credits</span><span class="returns">And props.</span></h2>
<div class="longdesc">
<p>
<a href="http://jquery.com">jQuery</a>, <a href="http://api.jquery.com/">jQuery documentation</a>,
<a href="http://railsapi.com/">Rails API</a>,
<a href="http://devthought.com/blog/client-side/2009/04/javascript-regexp-based-highlighting-function-for-mootools-and-jquery/">Highlight Plugin</a>,
<a href="http://benalman.com/">'Cowboy' Ben Alman</a>: <a href="http://benalman.com/projects/jquery-bbq-plugin/">BBQ Plugin</a> /
<a href="http://benalman.com/projects/jquery-dotimeout-plugin/">doTimeout Plugin</a> / Feedback,
<a href="http://yayquery.com/">yayQuery</a>,
<a href="http://technikwuerze.de/podcast/technikwuerze163/">Technikwuerze</a>,
<a href="http://erikzaadi.com/">Erik Zaadi</a>: building the AIR app,
<a href="http://search.twitter.com/search?q=jqapi">Tweople for spreding the word and their feedback</a>. To be continued (hopefully).
</p>
</div>
</div>
<div class="entry">
<h2><span class="name">Help</span><span class="returns">If you want something done right, do it yourself.</span></h2>
<div class="longdesc">
<p>
Any idea and feedback to make this a better navigation for the documentation is very welcome.
Please use the <a href="http://jqapi.uservoice.com/forums/39654" id="feedback-trigger">feedback forum</a>.
</p>
<p>
This project is open source and hosted at Github: <a href="http://github.com/mustardamus/jqapi">http://github.com/mustardamus/jqapi</a>.
Feel free to implement or extend the features you want. Just send a fork request, if your code changes makes the site better I am happy
to deploy it and give you credit.
</p>
</div>
</div>
<div class="entry">
<h2><span class="name">To Do</span><span class="returns">What is still on the list.</span></h2>
<div class="longdesc">
<ol>
<li>Fix links to other pages.</li>
<li>Make a page for the different return types and fix the links.</li>
<li>Auto scroll the navigation when keys are used.</li>
</ol>
</div>
</div>
<div class="entry">
<h2><span class="name">Changelog</span><span class="returns">jQAPI history.</span></h2>
<div class="longdesc">
<pre><code>[11/04/11] Updated Documentation for jQuery 1.7
Updated to jQuery 1.7
Added license information
No way! Valid HTML!
[09/30/11] Updated Documentation for jQuery 1.6
Remove 'Plugin' Category
[05/03/11] Updated to Documentation for jQuery 1.6
[04/01/11] Updated to Documentation for jQuery 1.5.1
[02/09/11] Updated to Documentation for jQuery 1.5
[11/12/10] Updated to Documentation for jQuery 1.4.4.
[10/22/10] Updated to Documentation for jQuery 1.4.3. Working on the <a href="http://pre.jqapi.com">new jQAPI</a>.
[07/11/10] Updated to jQuery 1.4.2, BBQ 1.2.1, doTimeout 1.0
[03/20/10] Refactored code.
Replaced feedback badge with a normal link.
Added Home link.
Top navigation with Home and Feedback link fade out when scrolling into content.
Feedback overlay now has a close link.
jQAPI has now an AIR app thanks to <a href="http://erikzaadi.com/">Erik Zaadi</a>.
[03/05/10] Updated documentation for version 1.4.2
[02/01/10] Pages are now bookmark-able. <a href="http://benalman.com/projects/jquery-bbq-plugin/">BBQ Plugin</a> doing 99% of the work.
Fixed images.
History is working.
[01/31/10] Complete rewrite with Ajax magic, better keyboard support and faster search.
[01/29/10] Released hacked together version with good ol' iframes. (<a href="http://github.com/mustardamus/jquery-api-self">repo</a>)</code></pre>
</div>
</div>
<div class="entry">
<h2><span class="name">Contact</span><span class="returns">Aka 'I haven't found another place to stick all the links I want you to go to'.</span></h2>
<div class="longdesc">
<p>
Coded by <a href="http://mustardamus.com">Sebastian Senf</a> (<a href="http://twitter.com/mustardamus">@mustardamus</a>) -
<a href="http://usejquery.com">Use jQuery</a> Showcase and Blog (<a href="http://twitter.com/usejquery">@usejquery</a>)
</p>
</div>
</div>
<div class="entry">
<h2><span class="name">License</span><span class="returns">MIT, GPL</span></h2>
<div class="longdesc">
<p>
jQuery and its documentation is licensed under the
<a href="http://jquery.org/license/">MIT & GPL licenses</a>.
jQAPI is running under the same <a href="LICENSE">licenses</a>.
</p>
</div>
</div>
</div>
<ul id="topnav">
<li><a href="http://jqapi.com/" id="home">Home</a></li>
<li><a href="http://jqapi.uservoice.com/forums/39654" id="feedback">Feedback</a></li>
</ul>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12732447-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>