-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (67 loc) · 4.62 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
<html>
<head>
<title>Elementary- A Superlight Javascript Library: Effects, Sortable, AJAX Frameworks</title>
<style type="text/css">
body{ font-family:Verdana, Arial, Sans-serif;
font-size:11px;
background-color:#778899; line-height:16px; }
strong, h1{ font-size:15px; background-color:#CFCFCF; font-family:Georgia, Times, Serif; }
p{ padding:10px; background-color:#DFDFDF; margin:5px; }
a{ font-weight:bold; text-decoration:none; }
a:hover{ text-decoration:underline; }
</style>
</head>
<body>
<h1>Elementary- A Superlight Javascript Library: Effects, Sortable, AJAX Frameworks</h1>
Elementary is an open source javascript code base used to develop web applications with
minimal headaches and maximum versatility. Effects with animation, <a href="https://web.archive.org/web/20061006052133/http://ajaxian.com/" title="AJAX Latest news and cool stuff">AJAX</a>, & User Application Components are all easily constructed using
simple base classes. Nothing here has any form of license. A link would be very much appreciated should you decide
you'd also like to save some time and cross-browser frustrations.
<br/><br/>
<p style="float:left;width:30%">
<strong>Base Classes</strong><br/><br/>
<a href="element.js">element.js</a> [demo] [docs]<br/>
Access common style and display properties with this easy API eliminating the need for dealing with cross browser annoyances.<br/><br/>
<a href="timer.js">timer.js</a> [demo] [docs]<br/>
Track events at specific intervals with as many objects as you want. Used in animation.js <br/><br/>
<a href="physics.js">physics.js</a> [demo] [docs]<br/>
Calculate motion for your animations using equations which describe the way real world objects behave. Linear
motion looks lame! <br/><br/>
<a href="animation.js">animation.js</a> [demo] [docs]<br/>
Bring your web pages to life and impress all your visitors with slick fades, swipes, and slides. <br/><br/>
<a href="events.js">events.js</a> [demo] [docs]<br/>
Don't let Javascript scoping problems get you down- find out how it all happend with EventInfo! <br/><br/>
<a href="window.js">window.js</a> [demo] [docs]<br/>
Find out exactly how your client is viewing your page with this handy window object.<br/><br/>
<a href="request.js">request.js</a> [demo] [docs]<br/>
Join the AJAX revolution with this easy to use remote request object. <br/><br/>
</p>
<p style="float:left;width:30%">
<strong>Components</strong><br/><br/>
<a href="components/folders.js">folders.js</a> [<a href="demos/folders.html">demo</a>] [docs]<br/>
A sortable tree menu using drag and drop. Prepare to have your mind blown.<br/><br/>
<a href="components/list.js">list.js</a> [<a href="demos/list.html">demo</a>] [docs]<br/>
Sortable lists- a short and sweet implementation which doesn't acually reorder the DOM, allowing for a cool animated effect. <br/><br/>
<a href="components/ghostdrag.js">ghostdrag.js</a> [<a href="demos/ghost.html">demo</a>] [docs]<br/>
Drag and drop using a clone of the object at lower opacity. This can be used on any element regardless of positioning.<br/><br/>
<a href="components/draggable.js">draggable.js</a> [<a href="demos/draggable.html">demo</a>] [docs]<br/>
drag = new Draggable('id'). drag.addListener(object). Requires Absolute Positioning. <br/><br/>
<a href="components/slideshow.js">slideshow.js</a> [<a href="demos/slideshow.html">demo</a>] [docs]<br/>
Create stunning slideshows with an easy to use API. <br/><br/>
<a href="components/editable.js">edtiable.js</a> [<a href="demos/editable.html">demo</a>] [docs]<br/>
Make elements on your page editable, then save them with AJAX using <a href="request.js">request.js</a>
</p>
<p style="float:left;width:30%">
<strong>Updates</strong><br/><br/>
<em>May 25th 2006</em> - Drag and Drop folder management now works in IE, still have to clean up the hander building routine, as it lags a bit post drop.<br/><br/>
<em>May 10th 2006</em> - I've taken drag and drop to the next level with ghost.js, and found some really cool applications for it
which I am currently working on implementing in a few projects. IE bugs are holding me up. Check back soon.<br/><br/>
<em>Feb 18th 2006</em> - I finaly finished the drag and drop list functionality. First implementation
will be sorting items in a CMS- I'll probably work on a multi-tier list next. <br/><br/>
<strong>About The Author</strong><br/><br/>
Ben has been developing web applications since the age of 16. He has worked for many different outfits
ranging from one-person design studios to General Electric- one of the world's largest corporations. Ben
is usually busy, however if you've got a fat wad of cash in your hand he'll probably be willing to arrange something.
</p>
</body>
</html>