forked from jsla/js.la
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpast-events.html
209 lines (185 loc) · 14.7 KB
/
past-events.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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>JS.LA - A monthly JS meetup</title>
<script type="text/javascript" src="javascripts/vendor/prototype.js"></script>
<script type="text/javascript" src="javascripts/vendor/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="javascripts/vendor/lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" href="stylesheets/vendor/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<header>
<div class="night">
<div class="header-width">
<div class="yellow-box">
<a href="index.html"><div class="logotype"></div></a>
<a href="index.html"><div class="skyline"></div></a>
<a href="index.html"><div class="tagline">A monthly JavaScript meet up in Los Angeles.</div></a>
</div>
</div>
<div class="navigation">
<div class="navigation-width">
<a href="index.html">Upcoming Events</a>
<a class="current" href="past-events.html">Past Events</a>
<a href="contact.html">Want to present?</a>
<a href="https://twitter.com/losangelesJS">Twitter</a>
</div>
</div>
</div>
</header>
<div class="main-width">
<div class="past-event-announcement">
<span>A collection of all our presentations with supplementary links and more.</span>
</div>
<!-- THIS IS THE DIVIDER OF EVENTS, ADD THE DATE OF THE EVENT HERE -->
<div class="past-event-divider">Thursday, April 26, 2012</div>
<div class="sponsors-2x">
<a href="http://crosscamp.us" target="_blank" style="float:left"><img src="./images/hosts/crosscampus.png"></a>
<a href="http://spire.io" target="_blank" style="float:right"><img src="./images/hosts/sponsor-spire.png"></a>
</div>
<div class="keynote clearfix">
<img src="./images/speakers/yahoo.png" alt="keynote speaker" class="keynote-image" height="130" width="130">
<div class="keynote-detail">
<h1>Introducing Mojito</h1>
<h2>Gamaiel Zavala, Yahoo!</h2>
<p><a href="http://developer.yahoo.com/cocktails/mojito/">Mojito</a> is a sweet (and minty!) MVC application framework built on YUI 3 that enables agile development of Web applications. Gamaiel Zavala will be presenting an introduction to Mojito including set up, routing, controllers, models, addons, binders, and configuration. Gamaiel has been building Media sites at Yahoo! for 6 years and is currently working on Media's migration to Mojito.</p>
</div>
</div>
<div class="keynote clearfix">
<img src="./images/speakers/davidguttman.png" alt="keynote speaker" class="keynote-image" height="130" width="130">
<div class="keynote-detail">
<h1>Seeing Sound with HTML5</h1>
<h2>David Guttman <a href="https://twitter.com/davidguttman">@davidguttman</a> </h2>
<p>Embrace JavaScript-induced synesthesia. Thanks to recent advances in web audio API technology, you can now see sound---in your browser. Thus, the time for in-browser music visualization is now! It's easier than ever before with <a href="http://davidguttman.github.com/easy-ears/">EasyEars.js</a> and David will show you how.</p>
</div>
</div>
<div class="lightning clearfix">
<img src="./images/speakers/flashtml5.jpg" alt="lightning speaker" class="lightning-image" height="110" width="110">
<div class="lightning-detail">
<h1>Achieving Native Mobile App Performance using JavaScript</h1>
<h2>Michael Anthonya <a href="http://twitter.com/#!/flashtml5">@flashtml5</a></h2>
<p>JS for mobile development and getting the best performance out of CSS3 tweens.</p>
</div>
</div>
<div class="event-photos">
<a href='http://js.la/2012/04/26/IMG_1250.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1250.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1252.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1252.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1253.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1253.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1254.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1254.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1255.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1255.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1256.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1256.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1257.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1257.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1258.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1258.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1259.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1259.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1261.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1261.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1263.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1263.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1264.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1264.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1265.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1265.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1266.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1266.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1269.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1269.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1270.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1270.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1273.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1273.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1274.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1274.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1278.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1278.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1279.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1279.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1283.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1283.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1284.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1284.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1285.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1285.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1287.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1287.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1288.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1288.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1289.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1289.thumbnail.jpg' /></a>
<a href='http://js.la/2012/04/26/IMG_1292.jpg' rel='lightbox'><img src='http://js.la/2012/04/26/IMG_1292.thumbnail.jpg' /></a>
</div>
<!-- THIS IS THE DIVIDER OF EVENTS, ADD THE DATE OF THE EVENT HERE -->
<div class="past-event-divider">Thursday, March 29, 2012</div>
<div class="sponsors">
<a href="http://www.citygridmedia.com/"><img src="./images/hosts/citygrid.png"></a>
</div>
<!-- KEYNOTE SPEAKER GOES HERE -->
<div class="keynote clearfix">
<img src="./images/speakers/substack.jpg" class="keynote-image" height="130px" width="130px">
<div class="keynote-detail">
<h1>Breaking up big node.js apps into lots of tiny services</h1>
<h2>James Haliday <a href="">@substack</a> |
<!-- ADD PRESENTATION LINK HER -->
<a target="_blank" href="http://substack.net/doc/how_to_write_big_apps/" class="presentation">The presentation</a> <a target="_blank" href="https://github.com/substack/airport-cluster-example" class="presentation">Example</a>
</h2>
<p>Splitting up your architecture into tiny processes that talk to each other over the network is useful for many of the same reasons that unix utilities are useful: they can focus on doing one thing well and it's trivial to glue a bunch of tiny processes together to serve some more complicated end goal. It can be difficult to write and deploy applications this way, but I've written some libraries such as dnode, upnode, seaport, and fleet to make this much easier to manage. In this talk I'll show how you can glue tiny processes together and split bigger ones up with these tools.</p>
</div>
</div>
<!-- KEYNOTE SPEAKER GOES HERE -->
<div class="keynote clearfix">
<img src="./images/speakers/travisglines.jpeg" class="keynote-image" height="130px" width="130px">
<div class="keynote-detail">
<h1>An Introduction to WebGL and three.js</h1>
<h2>Travis Glines <a href="">@travisglines</a> |
<!-- ADD PRESENTATION LINK HER -->
<a target="_blank" href="https://github.com/tglines/js.la-three.js-presentation" class="presentation">Presentation Github</a>
</h2>
<p>I had recently been working a lot with WebGL and three.js and will give a simple primer on what WebGL is, using three.js and how to make something neat.</p>
</div>
</div>
<!-- LIGHTNING SPEAKER GOES HERE -->
<div class="lightning clearfix">
<img src="./images/speakers/desertjim.jpg" class="lightning-image" height="110px" width="110px">
<div class="lightning-detail">
<h1>Creating Thumbnails from Movies Using JS and HTML5</h1>
<h2>James Baca <a href="">@desertjim</a> |
<!-- ADD PRESENTATION LINK HER -->
<a target="_blank" href="http://jamesbaca.net/slides/" class="presentation">Slides and Demo</a>
</h2>
<p><span class="emphasis">No description given.</span></p>
</div>
</div>
<!-- LIGHTNING SPEAKER GOES HERE -->
<div class="lightning clearfix">
<img src="./images/speakers/dmvaldman.jpg" class="lightning-image" height="110px" width="110px">
<div class="lightning-detail">
<h1>Streamlining Client Side JS Development</h1>
<h2>David Valdman <a href="">@dmvaldman</a>
<!-- ADD PRESENTATION LINK HER -->
</h2>
<p><span class="emphasis">No description given.</span></p>
</div>
</div>
<!-- END OF EVENT BLOCK, COPY PAST THE PREVIOUS BLOCK TO ADD A NEW ONE -->
<div class="event-photos">
<a href='http://js.la/2012/03/29/P3292353.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292353.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292357.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292357.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292362.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292362.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292366.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292366.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292368.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292368.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292370.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292370.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292371.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292371.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292372.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292372.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292376.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292376.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292380.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292380.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292382.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292382.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292385.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292385.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292388.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292388.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292390.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292390.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292391.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292391.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292393.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292393.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292396.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292396.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292398.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292398.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292401.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292401.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292403.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292403.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292405.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292405.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292408.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292408.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292409.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292409.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292413.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292413.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292416.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292416.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292419.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292419.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292424.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292424.thumbnail.jpg' /></a>
<a href='http://js.la/2012/03/29/P3292430.jpg' rel='lightbox'><img src='http://js.la/2012/03/29/P3292430.thumbnail.jpg' /></a>
</div>
</div>
</body>
</html>