3. BrunchWithCoffee
“A lightweight approach to building HTML5
applications with emphasis on elegance and simplicity.”
Créé en Janvier 2011
Thomas Schranz (http://www.blossom.io/)
10. Aperçu
CoffeeScript (little language that compiles into JavaScript)
Backbone.js (supplies structure to JavaScript-heavy applications)
Underscore.js (utility-belt library for JavaScript)
11. Aperçu
CoffeeScript (little language that compiles into JavaScript)
Backbone.js (supplies structure to JavaScript-heavy applications)
Underscore.js (utility-belt library for JavaScript)
Stitch(your CommonJS modules together for the browser)
12. Aperçu
CoffeeScript (little language that compiles into JavaScript)
Backbone.js (supplies structure to JavaScript-heavy applications)
Underscore.js (utility-belt library for JavaScript)
Stitch(your CommonJS modules together for the browser)
Eco (Embedded CoffeeScript templates)
13. Aperçu
CoffeeScript (little language that compiles into JavaScript)
Backbone.js (supplies structure to JavaScript-heavy applications)
Underscore.js (utility-belt library for JavaScript)
Stitch(your CommonJS modules together for the browser)
Eco (Embedded CoffeeScript templates)
Stylus (Expressive, dynamic, robust CSS)
14. Aperçu
CoffeeScript (little language that compiles into JavaScript)
Backbone.js (supplies structure to JavaScript-heavy applications)
Underscore.js (utility-belt library for JavaScript)
Stitch(your CommonJS modules together for the browser)
Eco (Embedded CoffeeScript templates)
Stylus (Expressive, dynamic, robust CSS)
jQuery (fast and concise JavaScript Library that simplifies HTML
document traversing, event handling, animating, and Ajax interactions for
rapid web development)
19. Stylus
body
font: 12px Helvetica, Arial, sans-serif;
a.button
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
Sans les accolades
20. Stylus
body
font: 12px Helvetica, Arial, sans-serif
a.button
-webkit-border-radius: 5px
-moz-border-radius: 5px
border-radius: 5px
Sans les points-virgule
21. Stylus
body
font 12px Helvetica, Arial, sans-serif
a.button
-webkit-border-radius 5px
-moz-border-radius 5px
border-radius 5px
Sans les deux points
22. Stylus
border-radius()
-webkit-border-radius arguments
-moz-border-radius arguments
border-radius arguments
body
font 12px Helvetica, Arial, sans-serif
a.button
border-radius 5px
23. Eco
Template Engine comme ERB mais avec du
CoffeeScript dans <% ... %>
https://github.com/sstephenson/eco