-
Notifications
You must be signed in to change notification settings - Fork 0
/
cloud.html
173 lines (157 loc) · 6 KB
/
cloud.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
<!doctype html>
<html class="no-js">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>The Cloud @ CLOUD PANIC</title>
<meta name="description" content="Programming is different now. You use a laptop to build a site for millions of users. Alone. The Cloud offers mind blowing possibilities.">
<meta name="keywords" content="cloud computing, cloud services,">
<meta name="author" content="">
<link rel="icon" type="image/png" href="/media/img/favicon.png">
<link rel="stylesheet" href="/media/css/style.css?v=4">
<!-- CSS scripting & LabJS only-->
<script src="/media/js/head.min.js"></script>
</head>
<body>
<div id="wrap" class="cloud">
<a href="/about.html" id="logo" title="About Cloudpanic">
<strong>!!</strong> cloudpanic
<em>Technologies to master. Crap to ignore.</em>
</a>
<div id="story" class="clear" style="background:url(http://farm4.static.flickr.com/3045/2534231248_4fb9ff42b2_b.jpg)">
<a id="forward" href="http://cloudpanic.com/javascript.html"><em>Next Technology</em>:JavaScript<span></span></a>
<div id="content">
<div id="title">
<h1>The Cloud</h1>
<h2>
Programming is different now. You use a laptop to build a site for millions of users. Alone. The Cloud offers mind blowing possibilities.
<em id="created">
Tue, 23 Nov 2010 10:00:00 +0200
</em>
</h2>
</div>
<div id="bottom">
<div id="share">
<a id="tweet" href="http://twitter.com/share"
data-text="Technology to master: The Cloud @ cloudpanic.com"
class="twitter-share-button" data-count="vertical"
data-via="cloudpanic">Tweet</a>
<iframe id="facebook" frameborder="0" src="http://www.facebook.com/plugins/like.php?href=http://cloudpanic.com/cloud.html&layout=box_count&show_faces=true&width=450&action=like&colorscheme=light&height=65" scrolling="no" allowTransparency="true"></iframe>
</div> <div id="facts" class="clear ">
<ul>
<li>
<h3>Cloud computing</h3>
<p>Cloud applications are elastic. The more traffic you have the more CPU, disc and memory is provided.
Automatically. Your application can serve every person on the globe, not just a small group.</p>
</li>
<li>
<h3>Cloud services</h3>
<p>This site's source code is on Github, Dropbox is used for previewing, Flickr for image serving, Google Analytics
for tracking, Facebook and Twitter for spreading the word. Everything is free and immediate. Today free lunch
truly exists.</p>
</li>
<li>
<h3>The new world</h3>
<p>New emerging organizations grow themselves on the cloud. Cheaper, simpler, more secure, flexible and automated.
The hard work is done for you. You pay for what you use or nothing. Complex enterprise solutions cannot compete.</p>
</li>
</ul> </div>
<div id="links" class="clear">
<p><a href="http://aws.amazon.com">Amazon <em>THE Cloud service</em></a>
<a href="http://www.rackspace.com/index.php">Rackspace <em>Cloud service #2</em></a>
<a href="http://gigaom.files.wordpress.com/2010/06/go-cloud-r3.jpg">GIGAOM <em>Rise of the Cloud</em></a>
<a href="http://www.indeed.com/jobtrends/Cloud-Computing.html">Indeed <em>Cloud Job Trends</em></a></p> </div>
</div>
</div>
</div>
<div id="navi" class="clear">
<div id="incloud" class="navi">
<h3>Technologies to master</h3>
<a
href="http://cloudpanic.com/redis.html"
>
Redis
</a>
<a
href="http://cloudpanic.com/user-interfaces.html"
>
User Interfaces
</a>
<a
href="http://cloudpanic.com/cloud.html"
class="active">
The Cloud
</a>
<a
href="http://cloudpanic.com/javascript.html"
>
JavaScript
</a>
<a
href="http://cloudpanic.com/services.html"
>
Services
</a>
<a
href="http://cloudpanic.com/stateless-design.html"
>
Stateless design
</a>
<a
href="http://cloudpanic.com/static-html.html"
>
Static HTML
</a>
</div>
<div id="inpanic" class="navi">
<h3>Crap to ignore</h3>
<a
href="http://cloudpanic.com/nokia.html"
>
Nokia
</a>
<a
href="http://cloudpanic.com/features.html"
>
Features
</a>
<a
href="http://cloudpanic.com/enterprise-solutions.html"
>
Enterprise solutions
</a>
<a
href="http://cloudpanic.com/flash.html"
>
Flash
</a>
<a
href="http://cloudpanic.com/java.html"
>
Java
</a>
<a
href="http://cloudpanic.com/sap.html"
>
SAP
</a>
</div>
<div id="marketing-crap">
<strong style="background-image: none; color: white; text-indent: 0; font-size: 36px; width: 400px; margin: 37px;">This blog is closed.</strong>
</div>
</div> </div>
<div id="footer">
<a href="/about.html">About</a> •
<a href="http://www.flickr.com/photos/55014838@N08/galleries/72157625062868131/">Photo credits</a> •
<a href="http://github.com/tipiirai/cloudpanic">Source code</a> (Github)</a>
</div>
<script>
head.js("/media/js/site.js")
.js("http://platform.twitter.com/widgets.js")
.js("http://www.google-analytics.com/ga.js", function() {
var tracker = _gat._getTracker("UA-19863497-1");
tracker._trackPageview();
});
</script>
</body>
</html>