Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
First draft (unstyled) of the welcome page for the codebase
- Loading branch information
Showing
1 changed file
with
75 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,75 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<title>Pragmatic Guide to JavaScript - Original codebase</title> | ||
</head> | ||
<body> | ||
|
||
<h1>Pragmatic Guide to JavaScript</h1> | ||
<h2>The original (heavily Prototype-based) codebase</h2> | ||
|
||
<h3>Check it out!</h3> | ||
|
||
<ul> | ||
<li><a href="debugbench.html">The debug bench</a></li> | ||
<li><a href="testbench.html">The test bench</a></li> | ||
<li> | ||
<h4>The DOM, events and timers</h4> | ||
<ul> | ||
<li><a href="dom/delegation.html">Leveraging event delegation</a></li> | ||
<li><a href="dom/background.html">Simulating background processing</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
<h4>UI tricks</h4> | ||
<ul> | ||
<li><a href="ui/tooltips/index.html">Pulling off classy tooltips</a></li> | ||
<li><a href="ui/popups/index.html">Making accessible popups</a></li> | ||
<li><a href="ui/preloading/index.html">Preloading images</a></li> | ||
<li><a href="ui/lightbox/index.html">Creating a lightbox effect</a></li> | ||
<li><a href="ui/infinite/index.html">Implementing an “infinite scroll”</a></li> | ||
<li><a href="ui/viewport/index.html">Maintaining the viewport when loading extra content above it</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
<h4>Form-fu</h4> | ||
<ul> | ||
<li><a href="form/submit/index.html">Temporarily disabling a submit button</a></li> | ||
<li><a href="form/feedback/index.html">Providing input length feedback</a></li> | ||
<li><a href="form/checklist/index.html">(Un)checking a whole set of checkboxes at once</a></li> | ||
<li><a href="form/validation101/index.html">Validating forms: the basics</a></li> | ||
<li><a href="form/validation102/index.html">Validating forms: going further</a></li> | ||
<li><a href="form/validation_ajax/index.html">Validating forms: the whole nine yards (Ajax checks, etc.)</a></li> | ||
<li><a href="form/tooltips/index.html">Providing on-the-fly help with tooltips</a></li> | ||
<li><a href="form/autocompletion/index.html">Auto-completing input as it’s typed</a></li> | ||
<li><a href="form/uploads/index.html">Looking snappy (at first) with dynamic multiple file uploads</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
<h4>Talking with the server side</h4> | ||
<ul> | ||
<li><a href="server/json/index.html">Using JSON</a></li> | ||
<li><a href="server/jsonp/index.html">Using JSON-P</a></li> | ||
<li><a href="server/crossdomain1/index.html">Loading stuff through “Ajax” (different domain, take 1)</a></li> | ||
<li><a href="server/crossdomain2/index.html">Loading stuff through “Ajax” (different domain, take 2)</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
<h4>Going mashups</h4> | ||
<ul> | ||
<li><a href="mashups/twitter/index.html">Syndicating your Twitter updates</a></li> | ||
<li><a href="mashups/flickr/index.html">Syndicating your Flickr updates</a></li> | ||
<li><a href="mashups/geo/index.html">Getting geocoding for a location and photos taken there</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
|
||
<h3>Grab the code</h3> | ||
|
||
<ul> | ||
<li><a href="http://github.com/tdd/pragmatic-javascript">The original codebase on Github</a></li> | ||
<li><a href="http://github.com/tdd/pragmatic-javascript-jquery">The jQuery variant</a></li> | ||
</ul> | ||
</body> | ||
</html> |