forked from AmpersandJS/ampersandjs.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (129 loc) · 8.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Ampersand.js, Javascript, ampersand, Node.js, Apps, HTML5">
<meta name="author" content="Ampersand.js, Javascript, ampersand, Node.js, Apps, HTML5">
<title>Ampersand.js - Home</title>
<link rel="stylesheet" href="//cloud.typography.com/7773252/613684/css/fonts.css">
<link rel="stylesheet" href="/public/css/normalize.min.css">
<link rel="stylesheet" href="/public/css/main.css">
<script>
!function(g,s,q,r,d){r=g[r]=g[r]||function(){(r.q=r.q||[]).push(
arguments)};d=s.createElement(q);q=s.getElementsByTagName(q)[0];
d.src='//d1l6p2sc9645hc.cloudfront.net/tracker.js';q.parentNode.
insertBefore(d,q)}(window,document,'script','_gs');
_gs('GSN-375569-B', false);
_gs('set', 'cookieDomain', '.ampersandjs.com');
_gs('track');
</script>
</head>
<body class="undefined">
<nav class="nav-main cf"><a href="/" class="logo logo-ampersand">Ampersand.js</a><a href="/learn" class="nav-item">Learn</a><a href="/docs" class="nav-item">Docs</a><a href="http://tools.ampersandjs.com" class="nav-item external">Find Modules</a><a href="/contribute" class="nav-item">Contribute</a><a href="/learn/quick-start-guide/" class="button button-primary">Get Started</a></nav>
<header class="hero">
<div class="illustration beach"><img src="/public/images/ampersand-at-the-beach.svg"></div>
<h1>A highly modular, loosely coupled, non-frameworky framework for building advanced JavaScript apps.</h1>
</header>
<hr>
<section class="splash">
<div class="container cf">
<div class="splash-intro">
<h2>Why Ampersand.js?</h2>
<p>We <3 <a href="http://backbonejs.org/">Backbone.js</a> at <a href="http://andyet.com">&yet</a>. It’s brilliantly simple and solves many common problems in developing clientside applications.</p>
<p>But we missed the focused simplicity of tiny modules in node-land. </p>
<p>We wanted something similar in style and philosophy, but that fully embraced tiny modules, npm, and browserify.</p>
<p>Ampersand.js is a well-defined approach to combining (get it?) a series of intentionally tiny modules.</p>
<p>Read <a href="http://blog.andyet.com/2014/06/25/introducing-ampersand-js">the post introducing ampersand.js</a> on our blog for more background.</p>
<h3>Maximize simplicity</h3>
<p><em>If you don’t actively fight for simplicity in software, complexity will win, and it will suck.</em></p>
<ul>
<li>Everything is a CommonJS module.</li>
<li>Everything is installed via npm.</li>
<li>Everything is MIT licensed.</li>
<li>Trusted versioning with semver.</li>
</ul>
<h3>Designed for rich “app” experiences</h3>
<ul>
<li>Modern browsers by default. Unapologetically supporting only IE9+.</li>
<li>The browser is a runtime, not a document viewer.</li>
<li><3s realtime apps</li>
</ul><a href="/learn" class="button button-primary">Discover Ampersand.js</a>
</div>
<div class="releases-list">
<h3>Recent releases</h3>
<div class="module-card">
<h4 class="module-name">ampersand-dom-bindings</h4>
<p class="module-version">v3.3.0 – Oct 09, 2014</p>
<p class="module-links"><a href="https://github.com/ampersandjs/ampersand-dom-bindings">github</a><a href="https://npmjs.org/package/ampersand-dom-bindings">npm</a></p>
</div>
<div class="module-card">
<h4 class="module-name">ampersand-state</h4>
<p class="module-version">v4.3.12 – Oct 06, 2014</p>
<p class="module-links"><a href="https://github.com/ampersandjs/ampersand-state">github</a><a href="https://npmjs.org/package/ampersand-state">npm</a></p>
</div>
<div class="module-card">
<h4 class="module-name">ampersand</h4>
<p class="module-version">v2.0.1 – Sep 26, 2014</p>
<p class="module-links"><a href="https://github.com/ampersandjs/ampersand">github</a><a href="https://npmjs.org/package/ampersand">npm</a></p>
</div><a href="/contribute" class="button button-primary">How to contribute</a>
</div>
</div>
<hr>
<div class="callout community">
<h2>See who is using Ampersand.js today</h2>
<div class="users-list cf"><a href="https://otalk.im/login" class="logo logo-otalk">Otalk</a><a href="https://yahoo.com/" class="logo logo-yahoo">Yahoo!</a><a href="https://andbang.com/" class="logo logo-andbang">And Bang</a><a href="https://talky.io/" class="logo logo-talky">Talky</a></div>
</div>
<hr>
<div class="callout human-javascript">
<h2>A foundation for building simple but powerful JS apps with Ampersand.js</h2><img src="/public/images/human-javascript.png" class="humanjs-ipad"><a href="http://humanjavascript.com/" class="logo logo-humanjs">Human JavaScript</a>
<p>Henrik Joreteg introduces practical patterns for powerfully simple application development. <a href="http://humanjavascript.com/"><em>Human Javascript </em></a>is a saner way to write JS.</p><a href="https://gumroad.com/l/humanjs" class="button button-secondary">Buy the book for $39</a><a href="http://read.humanjavascript.com/" class="button button-secondary">Read it free online</a>
</div>
<hr>
<div class="callout modules-list">
<h2>Useful modules</h2>
<div class="cf">
<div class="module-card">
<h4 class="module-name">bows</h4>
<p class="module-author">by Philip Roberts</p>
<p class="module-description">Rainbowed console logs for chrome, opera and firefox in development.</p>
<p class="module-links"><a href="https://github.com/latentflip/bows">github</a><a href="https://npmjs.org/package/bows">npm</a>
</p>
</div>
<div class="module-card">
<h4 class="module-name">bind-transforms</h4>
<p class="module-author">by Henrik Joreteg</p>
<p class="module-description">Bind models properties to properly prefixed CSS transforms in backbone/humanjs views.</p>
<p class="module-links"><a href="https://github.com/HenrikJoreteg/bind-transforms">github</a><a href="https://npmjs.org/package/bind-transforms">npm</a>
</p>
</div>
<div class="module-card">
<h4 class="module-name">getusermedia</h4>
<p class="module-author">by Henrik Joreteg</p>
<p class="module-description">cross-browser getUserMedia shim with node.js style error-first API.</p>
<p class="module-links"><a href="https://github.com/HenrikJoreteg/getUserMedia">github</a><a href="https://npmjs.org/package/getusermedia">npm</a>
</p>
</div>
</div><a href="/contribute" class="button button-primary">View all modules</a>
</div>
</section>
<footer class="footer-main">
<nav class="nav-footer"><a href="/learn" class="nav-item">Learn</a><a href="/docs" class="nav-item">Docs</a><a href="http://tools.ampersandjs.com" class="nav-item">Find Modules</a><a href="/contribute" class="nav-item">Contribute</a><a href="https://github.com/ampersandjs" class="nav-item">Github</a><a href="https://twitter.com/ampersandjs" class="nav-item">Twitter</a></nav>
<p>Sponsored by <a href="https://andyet.com">&yet </a><br>with the help of our <a href="/contribute">contributors</a></p><a href="/" class="logo logo-ampersand-gray">&</a>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44685415-1', 'humanjavascript.com');
ga('send', 'pageview');
</script>
<script src="/public/js/highlight.pack.js"></script>
<script>
hljs.configure({classPrefix: ''});
hljs.initHighlightingOnLoad();
</script>
</body>
</html>