-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
450 lines (438 loc) · 13.5 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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cappuccino on Node.js</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/img/favicon.ico" rel="shortcut icon">
<link href="/css/main-6ee61d5e.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css">
<link href="/blog/feed.xml" rel="alternate" title="Cappuccino Blog Feed" type="application/atom+xml">
</head>
<body class="file-index-html">
<a class="scrolltop" href="#">
<span>up</span>
</a>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">
<img alt="logo" src="/img/cappuccino-website-logo-333bd6a0.png">
</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li>
<a class="scroller" href="/#features">Features</a>
</li>
<li>
<a class="scroller" href="/downloads.html#download">Download</a>
</li>
<li>
<a href="/learn/">Learn</a>
</li>
<li>
<a href="/contribute.html">Contribute</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a href="/learn/documentation/">API</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="hero">
<div class="container">
<div class="row animated fadeInDown">
<div class="span12">
<div class="carousel slide" id="myCarousel">
<div class="carousel-inner">
<div class="active item slide1">
<div class="row">
<div class="offset1 span4 animated fadeInUpBig">
<img alt="slide2" src="img/cappuccino-icon-8c7fb1dd.png">
</div>
<div class="span4 animated fadeInDownBig">
<h1>
Modern App Development for the Web
</h1>
<p>
Cappuccino is a framework which makes it easy to create advanced web apps. With just a few lines of code you can have an app built with full undo and redo, truly amazing table views, drag and drop and every modern UI appearance and behaviour you might expect on the desktop.
</p>
<a class="scroller btn btn-success btn-large" href="/downloads.html#download">
Download Cappuccino
</a>
</div>
</div>
</div>
<div class="item slide2">
<div class="row">
<div class="offset1 span4 animated fadeInUpBig">
<h1>Write an App, not a Document</h1>
<p>
When you program in Cappuccino, you don't need to concern yourself with the complexities of document-focused web technologies like HTML, CSS, or even the DOM. Cappuccino is focused on making apps and the unpleasantries of building complex cross browser applications are abstracted away for you.
</p>
<a class="btn btn-success btn-large scroller" href="/#features">
Learn More
</a>
</div>
<div class="span4 animated fadeInDownBig">
<img alt="slide3" src="img/slide2-ffc7efa3.jpg">
</div>
</div>
</div>
</div>
<a class="carousel-control left" data-slide="prev" href="#myCarousel">‹</a>
<a class="carousel-control right" data-slide="next" href="#myCarousel">›</a>
</div>
</div>
</div>
</div>
</div>
<div id="intro">
<div class="container">
<h1>
Cappuccino is an open source framework that makes it easy to build desktop-caliber applications that run in a web browser.
</h1>
</div>
</div>
<div id="features-section">
<div class="container">
<h2 class="section_header">
<hr class="left visible-desktop">
<span>Features</span>
<a name="features"> </a>
<hr class="right visible-desktop">
</h2>
<div class="row">
<div class="span4 feature">
<img alt="Objective-J code" class="thumb" src="img/feature-objective-j-f4528aa4.jpg">
<h3>
<img alt="Lightning" src="img/lightning-e6c40525.png">
Objective-J Language
</h3>
<p class="description">
Objective-J is a powerful object-oriented language which compiles to run in the browser. Because Objective-J is a superset of JavaScript, it's easy to mix and match. Objective-J extends JavaScript with traditional inheritance and Smalltalk/Objective-C style dynamic dispatch.
</p>
<a class="btn btn-default" href="/learn/objective-j.html">Learn</a>
</div>
<div class="span4 feature">
<img alt="Fish" class="thumb" src="img/feature-widgets-ee706ea6.jpg">
<h3>
<img alt="Fish" src="img/fish-b94ae06b.png">
Stunning Controls
</h3>
<p class="description">
Cappuccino's AppKit ships with a huge number of controls, each polished far beyond what's expected on the web. You can quickly build complex apps without reinventing the wheel every time you need a scrollable, sortable, virtual, auto-saves-column-settings table view.
<br><br><small>* Fish widget not actually included.</small>
</p>
<a class="btn btn-default" href="/aristo/">Learn</a>
</div>
<div class="span4 feature">
<img alt="XcodeCapp Notification" class="thumb" src="img/feature-xcode-capp-4d483b9d.png">
<h3>
<img alt="Paint brush" src="img/brush-81782f7a.png">
Interface Builder
</h3>
<p class="description">
If you have a Mac you can build your Cappuccino user interface in Xcode's Interface Builder, just like you would in Cocoa. Skip the tweak-coordinated-rebuild-test cycle and just place labels and buttons where you need them. The XcodeCapp utility will do the rest.
</p>
<a class="btn btn-default" href="/learn/xcode-basics.html">Learn</a>
</div>
</div>
</div>
</div>
<div id="downloads">
<div class="container">
<h2 class="section_header">
<hr class="left visible-desktop">
<span>
Download
</span>
<a name="download"> </a>
<hr class="right visible-desktop">
</h2>
<div class="row">
<div class="offset1 span3">
<img alt="Box" src="img/download-box-b5d7b5ae.png">
</div>
<div class="offset1 span6">
<div class="row">
<div class="span6">
<h3>Latest Version: 1.0.0 (September 4 2018)</h3>
</div>
</div>
<div class="row">
<div class="span6">
<a class="btn btn-primary btn-large starter" href="/downloads/CappuccinoStarter-1.0.0.zip" style="margin-right: 20px;">
<img alt="Cloud" src="img/white-cloud-3bfd5ce5.png">
Starter Package
</a>
</div>
</div>
<div class="row">
<div class="span6">
<ul class="download-links">
<li>
<a href="https://github.com/cappuccino/cappuccino/commits/v1.0.0">
Source Code
</a>
</li>
<li>
<a class="scroller" href="/downloads.html#archive">
Older Versions
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span12">
<p>
Beyond the starter pack, Cappuccino comes with a number of tools to make it easy to create new applications. With or without the starter pack, you can install all of Cappuccino and accompanying tools with the following command:
</p>
<pre>curl https://raw.githubusercontent.com/cappuccino/cappuccino/v1.0.0/bootstrap.sh >/tmp/cb.sh && bash /tmp/cb.sh</pre>
</div>
</div>
</div>
</div>
<div id="what-next">
<div class="container">
<h2 class="section_header">
<hr class="left visible-desktop">
<span>
What Next?
</span>
<hr class="right visible-desktop">
</h2>
<div class="row">
<div class="span12">
<p>Your download includes a README file with a few quick tips on how to get started.</p>
<p>You'll also probably want to check out our <a href="/learn/">tutorials section</a>. The <a href="/learn/starter.html">get started</a> one is designed specifically for figuring out what to do the very first time you download Cappuccino.</p>
</div>
</div>
<div class="row">
<div class="span12">
<h3>Getting the Source</h3>
<p>
If you'd like the full source, you can check it out from our GitHub repository, or clone it with this command:
</p>
<pre>git clone git://github.com/cappuccino/cappuccino.git</pre>
<p>
Learn more about
<a href="/contribute.html">contributing.</a>
</p>
</div>
</div>
</div>
</div>
<div id="buzz">
<div class="container">
<h2 class="section_header">
<hr class="left visible-desktop">
<span>
News
</span>
<hr class="right visible-desktop">
</h2>
<div class="row">
<div class="span5">
<h3>Highlights</h3>
<div class="row">
<div class="buzz-piece">
<div class="span1">
<img src="img/ars-26af6f10.png">
</div>
<div class="span4">
<a href="http://arstechnica.com/journals/apple.ars/2008/06/26/cocoa-on-the-web-280-north-objective-j-and-cappuccino">
<h4>
Cocoa on the web: 280 North, Objective-J, and Cappuccino
</h4>
</a>
<p>...from what I have experienced using 280 Slides, a future with Cappuccino based-apps is a bright one.</p>
<strong>Chris Foresman, Ars Technica</strong>
</div>
</div>
</div>
<div class="row">
<div class="buzz-piece">
<div class="span1">
<img src="img/carsonified-063e22f7.png">
</div>
<div class="span4">
<a href="http://thinkvitamin.com/web-apps/why-objective-j-cappuccino-and-sproutcore-are-completely-changing-the-web-app-industry">
<h4>
Why Objective-J, Cappuccino and SproutCore are completely changing the web app industry
</h4>
</a>
<p>...if you use Cappuccino, those apps will automatically look and behave like ... desktop apps - with zero learning curve on the developer's side. He or she can simply focus on building an kick ass app instead of trying to re-invent basic UI functionality every single time.</p>
<strong>Ryan Carson, Carsonified</strong>
</div>
</div>
</div>
<div class="row">
<div class="buzz-piece">
<div class="span1">
<img src="img/ajaxian-379a7b11.png">
</div>
<div class="span4">
<a href="http://ajaxian.com/archives/an-interview-with-280-north-on-objective-j-and-cappuccino">
<h4 class="title">
An interview with 280 North on Objective-J and Cappuccino
</h4>
</a>
<p>I can see the allure of Objective-J / Cappuccino for building desktop-like Web applications. It gives you a very high level abstraction over the browser. No more DOM. No more CSS layouts, which can be the bane of your existence for a complicated and dynamic layout.</p>
<strong>Dion Almaer, Ajaxian</strong>
</div>
</div>
</div>
</div>
<div class="span6 offset1">
<h3>From the Blog</h3>
<div class="post">
<div class="row">
<div class="span8">
<div class="info">
<a href="/blog/2018/04/cappuccino-1-0-is-announced.html">
<h3>CappCon 2018 and the release of Cappuccino 1.0!</h3>
</a>
<div class="post_info">
<div class="date">
Apr 14, 2018
</div>
</div>
<p></p>
<h4>Details</h4>
<p>We are excited to announce the release of version 1.0 of the Cappuccino frameworks on September 4, 2018 at Université de Liège in Belgium. This is exactly 10 years after the first commit to GitHub.</p>
<p>We encourage you to <a href="https://www.meetup.com/CappCon/events/248886408/">come and join us in...</a></p>
<p>
<a href="/blog/2018/04/cappuccino-1-0-is-announced.html">Read more...</a>
</p>
</div>
</div>
</div>
</div>
<div class="post">
<div class="row">
<div class="span8">
<div class="info">
<a href="/blog/2017/07/cappuccino-0-9-10.html">
<h3>Cappuccino 0.9.10</h3>
</a>
<div class="post_info">
<div class="date">
Jul 11, 2017
</div>
</div>
<p></p>
<p>We are very proud to release this new version of Cappuccino: 0.9.10! This release follows a bit more than a year from 0.9.9 and as usual we have been quite busy. We are pretty sure that you will be as excited as us about the new improvements made to...</p>
<p>
<a href="/blog/2017/07/cappuccino-0-9-10.html">Read more...</a>
</p>
</div>
</div>
</div>
</div>
<div class="post">
<div class="row">
<div class="span8">
<div class="info">
<a href="/blog/2017/04/cappuccino-on-node-js.html">
<h3>Cappuccino on Node.js</h3>
</a>
<div class="post_info">
<div class="date">
Apr 10, 2017
</div>
</div>
<p></p>
<h3>Background</h3>
<p>Up until now Cappuccino has only been able to build on two different Javascript engines, <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Rhino">Rhino</a> (Linux and Mac) and <a href="https://developer.apple.com/reference/javascriptcore">JavaScriptCore</a> (Mac). Rhino is very old, slow and is based on Java. JavaScriptCore is very fast and modern but runs only...</p>
<p>
<a href="/blog/2017/04/cappuccino-on-node-js.html">Read more...</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="span6 links">
<h3>Links</h3>
<div class="row">
<div class="span2">
<h4>Get Started</h4>
<a href="/#features">Features</a>
<a href="/learn/">Tutorials</a>
<a href="/downloads.html">Download</a>
<a href="/learn/documentation/">API Docs</a>
</div>
<div class="span2">
<h4>Contribute</h4>
<a></a>
<a href="/contribute.html#bug-reports">Bug reports</a>
<a href="https://github.com/cappuccino/cappuccino">Source code</a>
<a href="https://github.com/cappuccino/cappuccino/wiki">Wiki</a>
<a href="https://gratipay.com/cappuccino/">Donate</a>
</div>
<div class="span2">
<h4>Get Answers</h4>
<a href="/support/">Support</a>
<a href="http://groups.google.com/group/objectivej">Mailing list</a>
<a href="https://gitter.im/cappuccino/cappuccino">Cappuccino Gitter</a>
<a href="/blog/">Blog</a>
<a href="/support/faq.html">FAQ</a>
<a href="http://www.meetup.com/World-Cappuccino-Meetup/">Meetup</a>
</div>
</div>
</div>
<div class="span6 stats">
<h3>Project Stats</h3>
<div class="row">
<div class="span2">
<h4>Build</h4>
<a href="https://travis-ci.org/cappuccino/cappuccino"><img src="https://travis-ci.org/cappuccino/cappuccino.png?branch=master">
</a>
</div>
</div>
</div>
</div>
<hr>
<div class="row copyright">
<div class="span2">
<h3>Social</h3>
<a class="social tw" href="https://twitter.com/cappuccino">
<i class="i_twitter"></i>
</a>
</div>
<div class="span8 copyright2">
<p><img width="18" height="13" src="/img/minisofa-4aa3e405.png"> Logo by <a href="http://madebysofa.com">Sofa</a>. Hosted by <a href="http://slevenbits.com">SlevenBits</a>. Copyright © 2013-2019 - Cappuccino Project.</p>
</div>
<div class="pull-right forkme">
<p>
<a href="https://github.com/cappuccino/cappuccino.org">Fork and edit this site.</a>
</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src="/js/bootstrap.min-f6d9c45d.js"></script>
<script src="/js/theme-09250c02.js"></script>
</body>
</html>