-
Notifications
You must be signed in to change notification settings - Fork 0
/
feed.xml
516 lines (420 loc) · 30.2 KB
/
feed.xml
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
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Blog Name</title>
<subtitle>Blog subtitle</subtitle>
<id>http://blog.url.com/</id>
<link href="http://blog.url.com/"/>
<link href="http://blog.url.com/feed.xml" rel="self"/>
<updated>2013-09-19T00:00:00Z</updated>
<author>
<name>Blog Author</name>
</author>
<entry>
<title>Overview of available ruby markdown libraries</title>
<link rel="alternate" href="/blog/2013/09/19/ruby-markdown-libraries/"/>
<id>/blog/2013/09/19/ruby-markdown-libraries/</id>
<published>2013-09-19T00:00:00Z</published>
<updated>2013-09-19T00:00:00Z</updated>
<author>
<name>Article Author</name>
</author>
<content type="html"><p><img alt="Markdown in in iA Writer" src="/blog/2013/09/19/ruby-markdown-libraries/teaser-0e0f357c.gif" />
<small>Markdown text in iA Writer</small></p>
<p>I was confronted by the technology decision lately of chosing a ruby
markdown library for a Rails project. The following overview was mostly
of personal interest, but may be helpful for other people too.
For errata or missing libraries please contact me via the comments form.</p>
<p>These were my requisites</p>
<ul>
<li>Support for tables</li>
<li>Active development</li>
<li>Support for Latex/PDF export (alternative via other markup language) <sup>A</sup></li>
<li>Native markdown support for id/class <sup>A</sup></li>
<li>Pure ruby (no C extensions) <sup>A</sup></li>
</ul>
<p><sup>A</sup> optional</p>
<p>READMORE</p>
<table><thead>
<tr>
<th>Candidates</th>
<th style="text-align: center">tables</th>
<th style="text-align: center">pdf</th>
<th style="text-align: center">pure ruby</th>
<th style="text-align: center">Active development<sup>B</sup></th>
<th>License</th>
<th style="text-align: right">Remarks</th>
</tr>
</thead><tbody>
<tr>
<td>Github Markup <a href="https://github.com/github/markup">↩</a></td>
<td style="text-align: center"></td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td>MIT</td>
<td style="text-align: right">1</td>
</tr>
<tr>
<td><del>Markup</del> <a href="https://github.com/jameswilding/markup">↩</a></td>
<td style="text-align: center"></td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td style="text-align: center"></td>
<td></td>
<td style="text-align: right"></td>
</tr>
<tr>
<td>Redcarpet <a href="https://github.com/vmg/redcarpet">↩</a></td>
<td style="text-align: center">✓</td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td></td>
<td style="text-align: right">1, 2</td>
</tr>
<tr>
<td>RDiscount <a href="https://github.com/davidfstr/rdiscount">↩</a></td>
<td style="text-align: center"></td>
<td style="text-align: center"></td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td>BSD</td>
<td style="text-align: right">3</td>
</tr>
<tr>
<td>Bluecloth <a href="https://github.com/mislav/bluecloth/">↩</a></td>
<td style="text-align: center"></td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td style="text-align: center"></td>
<td></td>
<td style="text-align: right"></td>
</tr>
<tr>
<td>Bluecloth 2 <a href="https://github.com/ged/bluecloth">↩</a></td>
<td style="text-align: center"></td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td style="text-align: center"></td>
<td></td>
<td style="text-align: right"></td>
</tr>
<tr>
<td>kramdown <a href="https://github.com/gettalong/kramdown">↩</a></td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td>MIT</td>
<td style="text-align: right"></td>
</tr>
<tr>
<td>Maruku <a href="https://github.com/bhollis/maruku">↩</a></td>
<td style="text-align: center"></td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td>MIT</td>
<td style="text-align: right">4</td>
</tr>
</tbody></table>
<h4>Non-ruby implementations</h4>
<table><thead>
<tr>
<th>Candidates</th>
<th style="text-align: center">tables</th>
<th style="text-align: center">pdf</th>
<th style="text-align: center">pure ruby</th>
<th style="text-align: center">Active development<sup>B</sup></th>
<th>License</th>
</tr>
</thead><tbody>
<tr>
<td>pandoc-markdown <a href="http://johnmacfarlane.net/pandoc/">↩</a></td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">-</td>
<td style="text-align: center">✓</td>
<td>GPL</td>
</tr>
<tr>
<td>MultiMarkdown <a href="https://github.com/fletcher/MultiMarkdown">↩</a> <br>(aka MultiMarkdown.pl)</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">-</td>
<td style="text-align: center"></td>
<td></td>
</tr>
<tr>
<td>MultiMarkdown <a href="https://github.com/fletcher/peg-multimarkdown">↩</a> <br>(aka peg-multimarkdown or MultiMarkdown v3)</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">-</td>
<td style="text-align: center"></td>
<td></td>
</tr>
<tr>
<td>MultiMarkdown 4 <a href="https://github.com/fletcher/MultiMarkdown-4">↩</a></td>
<td style="text-align: center">✓</td>
<td style="text-align: center">✓</td>
<td style="text-align: center">-</td>
<td style="text-align: center">✓</td>
<td>GPL/MIT</td>
</tr>
</tbody></table>
<h2>Remarks</h2>
<ol>
<li>Redcarpet is the Github Markdown rendering library used in Github Markdown</li>
<li>This document is a markdown file rendered with Redcarpet (via Middleman), see <a href="https://github.com/gorillasoftware/gorillasoftware/blob/master/source/blog/2013-09-19-ruby-markdown-libraries.markdown">here</a></li>
<li>RDiscount is a wrapper for Discount (Discount is an implementation of John Gruber&rsquo;s Markdown markup language in C)</li>
<li>Support for tables via inline HTML</li>
</ol>
<p><sup>B</sup> I presume a project with multiple commits to the project repository in the last 12
months as in active development.</p>
</content>
</entry>
<entry>
<title>Come in, we're open</title>
<link rel="alternate" href="/blog/2013/09/16/come-in-we-are-open/"/>
<id>/blog/2013/09/16/come-in-we-are-open/</id>
<published>2013-09-16T00:00:00Z</published>
<updated>2013-09-16T00:00:00Z</updated>
<author>
<name>Article Author</name>
</author>
<content type="html"><p><img alt="Open 24 Hrs - Money Change" src="/blog/2013/09/16/come-in-we-are-open/teaser-ae68a2fa.jpg" />
<small>Open 24 Hrs - Money Change <a href="http://www.flickr.com/photos/ell-r-brown/4039347263">↩</a></small></p>
<p><strong>tl;dr</strong> – Long story short: gorilla software is looking for thrilling and
challenging web projects. If you are searching for a skilled Full Stack
developer for your next web experience drop me a line at
<a href="mailto:sebastian@gorillasoftware.ch">sebastian@gorillasoftware.ch</a>.</p>
<div class="separator"><div class="line line-1"></div></div>
<p>In den letzten zwei Jahren habe ich verschiedene interessante Projekte
erfolgreich durchführen können und bin wieder am aquirieren.</p>
<ul>
<li>Software Entwicklung: Kurz- bis Mittelfristig, auf Projektbasis oder als Freelancer</li>
<li>Mittel- bis Langfristige Projektbegleitung von Kick-off bis Go-Live</li>
<li>Bootstrapping: Consulting &amp; Coaching</li>
<li>On-site beim Kunden oder in meinem Büro</li>
<li>Verfügbar ab Oktober</li>
<li>Kapazität: 50% bis 80%</li>
</ul>
<p>Meine Stärken und aktuellen Vorlieben sind:</p>
<p>Backend Stack:</p>
<ul>
<li>Ruby (Ruby on Rails, Sinatra)</li>
<li>SQL (PostgresSQL, MySQL) &amp; NoSQL (Redis, MongoDB)</li>
<li>JavaScript/CoffeeScript (Node.js, Express)</li>
<li>*NIX</li>
</ul>
<p>Frontend Stack:</p>
<ul>
<li>HTML5/CSS3</li>
<li>JavaScript/CoffeeScript</li>
<li>Backbone.js</li>
<li>Middlemanapp/Yeoman (Yo, Grunt, Bower)/RequireJS</li>
<li>Mobile Web-Applikationen</li>
</ul>
<p>Weitere Informationen und das Kontaktformular finden sie unter
<a href="http://gorillasoftware.ch">http://gorillasoftware.ch</a></p>
<div class="separator"><div class="line line-1"></div></div>
<p>Update 2013-09-26: Full German description added</p>
</content>
</entry>
<entry>
<title>Conway's Game of Life, again</title>
<link rel="alternate" href="/blog/2013/09/14/game-of-life/"/>
<id>/blog/2013/09/14/game-of-life/</id>
<published>2013-09-14T00:00:00Z</published>
<updated>2013-09-14T00:00:00Z</updated>
<author>
<name>Article Author</name>
</author>
<content type="html"><img src="/blog/2013/09/14/game-of-life/teaser-11dfa1c0.gif" /><p>After having participated at a Coderetreat <a href="/blog/2013/09/12/code-retreat/">last week</a>I decided to implement my own version of the game in JavaScript. </p><div id="gol"><p><div class="row"><canvas class="small-12" style="height: 300px; background-color: white; display: block; margin: 0 auto; box-shadow: #111 0 0 1px;"></canvas></div></p><p> <div class="label">Note:</div> Click and drag on the grid to create living cells.</p><p><div class="row"><div class="columns small-12 medium-1"><p><div class="round alert label">Generation: <span class="js-sequence">0</span></div></p></div><div class="columns small-6 medium-offset-9 medium-1"><p><input class="js-toggle small button radius" type="button" value="Start" /></p></div><div class="columns small-6 medium-1"><p><input class="js-reset small button radius" type="button" value="Reset" /></p></div></div></p></div><p>These are the ingredients: </p><ul><li> <a href="http://paperjs.org">Paper.js</a> — The Swiss Army Knife of Vector Graphics Scripting.</li><li> <a href="http://backbonejs.org">Backbone.js</a> — Glue the game and UI stuff together</li><li> <a href="http://yeoman.io/">Yeoman</a> / <a href="http://gruntjs.com/">Grunt</a> / <a href="http://bower.io/">Bower</a> / <a href="http://requirejs.org/">RequireJS</a> — Dependency handling and building (Hm, this was'n really necessary. Just out of personal curiosity)</li></ul><p>The code is available on github </p><ul><li> <a href="https://github.com/kpricorn/game-of-life">kpricorn/game-of-life</a> — Game of Life implementation</li><li> <a href="https://github.com/kpricorn/game-of-life-sample">kpricorn/game-of-life-sample</a> — Sample JS App</li></ul></content>
</entry>
<entry>
<title>The Coderetreat – Conway's Game of Life</title>
<link rel="alternate" href="/blog/2013/09/12/code-retreat/"/>
<id>/blog/2013/09/12/code-retreat/</id>
<published>2013-09-12T00:00:00Z</published>
<updated>2013-09-12T00:00:00Z</updated>
<author>
<name>Article Author</name>
</author>
<content type="html"><img src="/blog/2013/09/12/code-retreat/retreat-199da54c.jpg" /><small>Retreat at Long Island. Engraving by J.C. Armytage from painting by M.A. Wageman <a href="http://www.flickr.com/photos/ooocha/2594127956/">↩</a></small><h3>The Coderetreat</h3><p>Yesterday, I took part in my first <a href="http://coderetreat.org/">Coderetreat</a> at the <a href="ch-open.ch/wstage/workshop-tage/2013/aktuelles-programm-2013/ws-15-coderetreat-honing-the-craft-together/">/ch/open workshop days </a> in Zürich. I was pretty sceptical about the day to come. The course description didn't mention much about the topics which are to be worked on. But I was also looking forward to work on my <em>social coding skills</em>. </p><h3>The course process</h3><p>The main task, we were working on for the whole day was called <a href="http://en.wikipedia.org/wiki/Conway's_Game_of_Life">Conway's Game of Life</a>.<blockquote>The Game of Life, also known simply as Life, is a cellular automaton devised by the British mathematician John Horton Conway in 1970. The "game" is a zero-player game, meaning that its evolution is determined by its initial state, requiring no further input. One interacts with the Game of Life by creating an initial configuration and observing how it evolves. <cite><a href="http://en.wikipedia.org/wiki/Conway's_Game_of_Life">Wikipedia</a></cite></blockquote></p><h4>Rules</h4><p><ol><li>Any live cell with fewer than two live neighbours dies, as if caused by under-population.</li><li>Any live cell with two or three live neighbours lives on to the next generation.</li><li>Any live cell with more than three live neighbours dies, as if by overcrowding.</li><li>Any dead cell with exactly three live neighbours becomes a live cell, as if by reproduction.</li></ol></p><p>The main focus of the Coderetreat day wasn't the taks itself. It was more about the approach with focus on clean, re-usable code and test driven development. The session lasted 45' each, with a 15' review session. </p><p>I'll try to summarize shortly the different sessions, what the individual goal was and my lessons learned. </p><h4>Session #1 - Warm-up</h4><p>This was mostly a warm-up round. As I was used to TDD already, I could dive into the problem solving immediately as the driver. </p><ul><li>Using a single file for specs and production code turned out to be a good choice for TDD, especially in early phases. </li><li>It's helpful to invest time and effort into your development environment. Being able to run the specs quickly with a keyboard shortcut (I use <a href="https://github.com/skalnik/vim-vroom">vim-vroom</a> for that) or automated (e.g. with <a href="https://github.com/guard/guard">guard</a> ) helps you to pick up speed, especially when moving between production-and test-code. </li><li>I liked the fact, that we had to delete the code after the session was over.</li></ul><h4>Session #2 - New constraint: No return values</h4><p>After changing groups, the coding started again from zero. As an additional constraint for this session, we were not allowed to use return values. </p><p>In this session, you could clearly see, how important it is to talk to your coding partner. Some challenges are better approached by thoroughly discuss a possible solution or approach upfront. In my opinion, this is what makes pair programming so valuable. </p><h4>Session #3 - New constraint: No conditionals</h4><p>OK, this time no conditionals. Almost all the groups came up with some sort of dictionary decision tree based solution. The proposed Object Oriented approach first seemed as a total overkill (it was some kind of state machine, where a cell could trigger a state change of a counter depending on it's own life state). </p><hr /><h4>Session #4 - New constraint: Time</h4><p>In my opinion, this was the best session. The 'Write test/implementation' and refactoring cycles were time-boxed to 3'. Later this time was reduced to 2' and even 1'. The implementation and test code that was not yet finished (green) had to be deleted after every cycle. </p><p>Also if the code quality was questionable, this was the session were I came closest to a running implementation. It forced to shrink your coding cycles to about one or two lines per production and test code each. This constraint really kept you going the red/green TDD iteration path. And it forces you to be proficient in your development environment. </p><h4>Session #5 - The Devil is in the details</h4><p>For the last session, I was working with a ActionScript/PHP developer and we were struggling in finding a suitable environment, that fit for both. It showed pretty quickly, that for a successful pairing session it's essential that both participants are familiar with the environment. As for me, I am using vim together with the Dvorak keyboard layout. You seldom find people who are familiar with this environment (that is also my biggest doubt about using it). But even a slight little change in your work-flow can already slow you down drastically (like the different layouts used in Switzerland like German, Swiss-German, US, ...). </p><p>If you are working together with a vim user, these issues can be addressed by using some sort of screen sharing (e.g. tmux). But again, it forces many people to leave their known environment. Perhaps the emerging usage of web IDEs like <a href="https://c9.io/">cloud9</a>can facilitate pair programming. </p><h3>The follow-ups</h3><p>As a follow up, I implemented the Game of Life in CoffeeScript. The code is
available <a href="https://github.com/kpricorn/game-of-life">here</a>I will write a post about the implementation details. </p><h3>Summary</h3><p>All in all it was a great and exciting experience and I highly recommend to anyone to participate in such a Coderetreat day. </p></content>
</entry>
<entry>
<title>FEC13 - Day 2</title>
<link rel="alternate" href="/blog/2013/08/30/fec13-ii/"/>
<id>/blog/2013/08/30/fec13-ii/</id>
<published>2013-08-30T00:00:00Z</published>
<updated>2013-08-30T00:00:00Z</updated>
<author>
<name>Article Author</name>
</author>
<content type="html"><p><img alt="Front page of The Economist, 17 June 2000" src="/blog/2013/08/30/fec13-ii/frontend-2c26ca15.jpg" />
<small>Front page of The Economist, 17 June 2000 <a href="http://www.flickr.com/photos/criminalintent/3534628502">↩</a></small></p>
<p>Second day of Frontend Conf Zürich 13. The schedule looks promising. Here are
my picks of today.</p>
<p></p>
<h2><a href="https://twitter.com/danrubin">Dan Rubin</a> - The New Language of Web Design</h2>
<p>★★★★✩</p>
<p><em>Responsive Web Design</em></p>
<p>Term borrowed from architecture. Example: Building in Paris where
the amount of incoming light is changing over the day.</p>
<p><em>Scroll</em></p>
<blockquote>
<p>A scroll is a roll of papyrus, parchment, or paper which has been written,
drawn or painted upon for the purpose of transmitting information or using as a
decoration.</p>
</blockquote>
<p>30 years later, apple reinvents scrolling and moves on to panning.</p>
<p><em>Naming of bootstrap</em></p>
<p>First was Blueprint, but that was too closely connected to styleguide. Blueprint (CSS) already taken.</p>
<blockquote>
<p><em>Better practice &gt; best practice</em></p>
</blockquote>
<p>A best practice today may be outdated in a couple of years.</p>
<p><em>Fold/Above the fold</em></p>
<p>The fold, as used in web design, describes the area which is visible in the
browser&rsquo;s viewport without scrolling. A better practice name for this may be
the scroll.</p>
<p>See: <a href="http://designshack.net/articles/above-the-scroll-does-it-matter-anymore/">http://designshack.net/articles/above-the-scroll-does-it-matter-anymore/</a></p>
<p><em>Bleed</em></p>
<blockquote>
<p>Bleed is a printing term that refers to printing that goes beyond the edge of
the sheet before trimming. In other words, the bleed is the area to be trimmed
off.</p>
</blockquote>
<hr>
<h2><a href="https://twitter.com/johnjpeebles">John Peebles</a> - How to Build the Perfect Product Your Users Want But Can&rsquo;t Describe</h2>
<p>★★★★✩</p>
<p><em>The 5 whys</em></p>
<ul>
<li><a href="http://en.wikipedia.org/wiki/5_Whys">http://en.wikipedia.org/wiki/5_Whys</a></li>
</ul>
<hr>
<h2><a href="https://twitter.com/chrisdavidmills">Chris Mills</a> - Getting rid of Images using CSS3</h2>
<p>Pointed me to Lea Verou <a href="http://lea.verou.me/">http://lea.verou.me/</a></p>
<ul>
<li><a href="http://leaverou.github.io/contrast-ratio/">http://leaverou.github.io/contrast-ratio/</a></li>
</ul>
</content>
</entry>
<entry>
<title>FEC13 - Day 1</title>
<link rel="alternate" href="/blog/2013/08/29/fec13-i/"/>
<id>/blog/2013/08/29/fec13-i/</id>
<published>2013-08-29T00:00:00Z</published>
<updated>2013-08-29T00:00:00Z</updated>
<author>
<name>Article Author</name>
</author>
<content type="html"><p><img alt="Unlock / Lock - user interface issue with bathroom doors at Microsoft, Redmond Campus, Redmond, Washington, USA" src="/blog/2013/08/29/fec13-i/frontend-e95a2d0e.jpg" />
<small>Unlock / Lock - user interface issue with bathroom doors at Microsoft, Redmond Campus, Redmond, Washington, USA <a href="http://www.flickr.com/photos/wonderlane/4315076635">↩</a></small></p>
<p>Here is my short rating and overview of the Thursday talks of Frontend
Conference in Zürich. The ratings are highly subjective.</p>
<p></p>
<h2>Mark Otto - Future of Frontend Frameworks</h2>
<p>★★★★✩</p>
<p>Call it Github/Twitter biased, but I liked the speaker. I&rsquo;m always
thrilled when &lsquo;designers&rsquo; do probably code better than you.</p>
<ul>
<li><a href="https://github.com/jonathantneal/MediaClass">https://github.com/jonathantneal/MediaClass</a></li>
<li><a href="http://www.framerjs.com/">http://www.framerjs.com/</a></li>
<li><a href="http://maker.github.io/ratchet/">http://maker.github.io/ratchet/</a></li>
<li><a href="http://purecss.io/">http://purecss.io/</a></li>
</ul>
<hr>
<h2>Hans Christian Reinl - Be Friends With Your Designers and Style Guides</h2>
<p>★★✩✩✩</p>
<ul>
<li>chaotic, nothing new - The talk didn&rsquo;t seem to me very consistent in
topic.</li>
<li>when did you last use quotes? - Why is one of the main (and mostly
nicest) styleguide components always a quote.</li>
</ul>
<p><img alt="Blockquotes. Screenshot of bootstrap CSS docs" src="/blog/2013/08/29/fec13-i/quotes-2de269a7.png" /></p>
<ul>
<li><a href="http://frontify.com/">http://frontify.com/</a></li>
</ul>
<p>Some own ideas discovered while looking for UI state in CSS:</p>
<ul>
<li><a href="http://css-tricks.com/the-checkbox-hack/">http://css-tricks.com/the-checkbox-hack/</a></li>
<li><a href="http://podlipensky.com/2013/06/css-only-load-images-on-demand/">http://podlipensky.com/2013/06/css-only-load-images-on-demand/</a></li>
</ul>
<hr>
<h2>Vitaly Friedman - Responsive Web Design: Clever Tips and Techniques</h2>
<p>★★★★★</p>
<ul>
<li>Very inspiring talk, cutting edge hacks and workarounds</li>
<li>Shocking: it&rsquo;s 2013 annd we have to apply such patterns</li>
</ul>
<h3>Atomic design</h3>
<ul>
<li><a href="http://coding.smashingmagazine.com/2013/08/02/other-interface-atomic-design-sass/">http://coding.smashingmagazine.com/2013/08/02/other-interface-atomic-design-sass/</a></li>
<li><a href="http://patternlab.bradfrostweb.com/">http://patternlab.bradfrostweb.com/</a></li>
</ul>
<h3>Progressive reduction (theory and example)</h3>
<p>I guess, this will give developers headache</p>
<ul>
<li><a href="http://layervault.tumblr.com/post/42361566927/progressive-reduction">http://layervault.tumblr.com/post/42361566927/progressive-reduction</a></li>
<li><a href="http://layervault.tumblr.com/post/42442865260/implementing-progressive-reduction">http://layervault.tumblr.com/post/42442865260/implementing-progressive-reduction</a></li>
</ul>
<h3>SVG/Icon-Stacks</h3>
<p>The SVG Stack with the anchor/target CSS style is a neat idea. Sadly,
it&rsquo;s not well supported by the current browsers.</p>
<ul>
<li><a href="http://simurai.com/post/20251013889/svg-stacks">http://simurai.com/post/20251013889/svg-stacks</a></li>
<li><a href="http://conor.cc/posts/icon-stacks">http://conor.cc/posts/icon-stacks</a></li>
<li><a href="http://conor.cc/posts/textured-icons-with-icon-stacks">http://conor.cc/posts/textured-icons-with-icon-stacks</a></li>
</ul>
<h3>ImageOptim</h3>
<p>Only for reference. I haven&rsquo;t checked those.</p>
<ul>
<li><a href="http://imageoptim.com/">http://imageoptim.com/</a></li>
<li><a href="http://pngmini.com/">http://pngmini.com/</a></li>
<li><p><a href="http://jpegmini.com/mac">http://jpegmini.com/mac</a></p></li>
<li><p><a href="https://github.com/JamieMason/ImageOptim-CLI">https://github.com/JamieMason/ImageOptim-CLI</a></p></li>
</ul>
<p>Good resource: Conor Muirhead</p>
<h3>srcset</h3>
<p>This will make <code>data-src</code> obsolete, hopefully.</p>
<ul>
<li><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/">http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/</a></li>
</ul>
<hr>
<h2>Denys Mishunov - Let me tell you a story</h2>
<p>★★★★✩</p>
<ul>
<li>Mid-life crisis &ndash; I wasn&rsquo;t totally sure about his intentions, but I
liked his stories.</li>
</ul>
<hr>
<h2>Urban Etter - Frontend Performance - Where it matters</h2>
<p>★✩✩✩✩</p>
<ul>
<li>Stuff that is done by any decent framework</li>
<li>I&rsquo;m wondering, how serious SRF is taking it&rsquo;s web development</li>
</ul>
<hr>
<h2>Kim Joar Bekkelund - Patterns of Large-Scale Javascript Apps</h2>
<p>★★★★★</p>
<p>Recommended book: Growing Object-Oriented Software Guided by Tests</p>
<ul>
<li>The java guy</li>
<li>Dependency injection, pass data into a module</li>
<li>Only access DOM/data within it&rsquo;s own scope</li>
<li>Avoid the need for the DOM in modules</li>
<li>Personal goal: Write an app without jquery/zepto</li>
<li>AMD &lt; commonjs (or ECMAScript 6) in current browsers</li>
<li><p>Personal goal: use require.js / bower / TypeScript</p></li>
<li><p><a href="http://superherojs.com/">http://superherojs.com/</a></p></li>
<li><p><a href="http://www.growing-object-oriented-software.com/">http://www.growing-object-oriented-software.com/</a></p></li>
<li><p><a href="http://bekk.no">http://bekk.no</a></p></li>
<li><p><a href="https://speakerdeck.com/kimjoar/patterns-of-large-scale-javascript-applications">https://speakerdeck.com/kimjoar/patterns-of-large-scale-javascript-applications</a></p></li>
</ul>
</content>
</entry>
</feed>