<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head><body dir="auto"><div><br><br>Envoyé de mon iPhone</div><div><br>Le 8 mai 2014 à 16:34, Lucas Holmquist <<a href="mailto:lholmqui@redhat.com">lholmqui@redhat.com</a>> a écrit :<br><br></div><blockquote type="cite"><div><meta http-equiv="Content-Type" content="text/html charset=iso-8859-1"><p style="border: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px; margin-top: 0px !important;">Monday and Tuesday i had the pleasure of going to EmpireJS in NYC. It was my first "pure" Javascript conference( previous conf's were a mix of languages ).</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">Overall it was really cool. Some talks were better than others( as with most conferences ). The videos are also up for on youtube.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">I'm going to break this up into 2 emails, one for Day 1 and the other for Day 2</p><h1 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-day-1" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#day-1" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Day 1</h1><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-sorting-algorithms-in-javascript" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#sorting-algorithms-in-javascript" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Sorting Algorithms in Javascript</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Jenn Schiffer of California Style Sheets Fame</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=uRyqlhjXYQI" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=uRyqlhjXYQI</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">This was actually a pretty cool talk. She went over the fact that ECMAScript doesn't actually have a stable sorting spec.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">She went over 3 difference sorting algorithms,</p><ul style="border: 0px; margin: 15px 0px; padding: 0px 0px 0px 30px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;"><li><p style="border: 0px; margin: 15px 0px; padding: 0px;">Insertion Sort( stable, small amounts of data ),</p></li><li><p style="border: 0px; margin: 15px 0px; padding: 0px;">Bubble Sort( never use this one ),</p></li><li><p style="border: 0px; margin: 15px 0px; padding: 0px;">Merge Sort( fast and stable, for large data sets - DO NOT USE IN THE BROWSER )</p></li></ul><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">and were to best use them.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;"><a href="https://www.youtube.com/watch?v=kPRA0W1kECg" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=kPRA0W1kECg</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">awesome visualization of how sorts work</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-anatomy-of-a-successful-module" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#anatomy-of-a-successful-module" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Anatomy of a Successful Module</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Trevor Landau - of isJS fame</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=BNnRpiHxESc" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=BNnRpiHxESc</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">basically just an overview of how to get your module in the eyes and hands of the people( npm, node/javascript weekly, etc... ), nothing about actually creating a good module.</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-the-final-frontier" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#the-final-frontier" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>The Final Frontier</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Domenic Denicola</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=XzRBgj1AJYA" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=XzRBgj1AJYA</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">This was a cool talk, talking about how we need to start thinking about the future and need to "level up" the web.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">he went into this like offline, and about the ServiceWorker spec that is being worked on by FF/Chrome</p></div></blockquote>I know that the Simple Push guys at mozilla are currently rewriting the client part to take benefit of the ServiceWorkers, sounds cool , especially for silent notifications !<br><blockquote type="cite"><div><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">also talked about User Experience and the need for responsiveness and System integration</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">Also talk about the Developer Experience and how we need better base primitives( webcrypto, promises )</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-beaglebone-black-the-versatile-js-underdog" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#beaglebone-black-the-versatile-js-underdog" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>BeagleBone Black: The versatile JS underdog</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Kassandra Perch</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=OXWBaDsmvys" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=OXWBaDsmvys</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">Another cool talk. The BeagleBone Black is hardware, similar to the rasberry pi but has node pre installed and you can ssh into( no need for a separate monitor ).</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">She talk about how she know nothing about electronics but can still do cool stuff with it. i believe the sdk is a wrapper on top of the johnny-five library</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">she had a cool demo, showing LED's. it inspired me to buy one after the talk.</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-exploiting-a-pocket-universe" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#exploiting-a-pocket-universe" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Exploiting a Pocket Universe</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Drew Petersen</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=p1dINlm1W9M" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=p1dINlm1W9M</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">basically talking about games and using web workers to offload some tasks to help with Frames Per Second</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-the-road-to-web-components" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#the-road-to-web-components" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>The Road to Web Components</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Tom Dale, i think he is one of the guys that wrote Angular</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=yLyyXHhSl8w" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=yLyyXHhSl8w</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">This was a cool talk. He was talking about Web Components and what they are and What they are not.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">Basically web components give us the ability to create our own html tags, but shouldn't be used to place the whole application architecture, sort of what polymer might be trying to do.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">They are useful because they can be resusable and isolated and could possible help us bridge eco-systems( angular/ember apps )</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">Went on to show Ember Components - how to use web components today</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-backbonemarionette-and-requirejs" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#backbonemarionette-and-requirejs" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Backbone.Marionette and RequireJS</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Daniel Cousineau</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=4K4JKtAGPu4" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=4K4JKtAGPu4</a></p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-the-no-build-system-build-system" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#the-no-build-system-build-system" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>The no build system build system</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Peter Müller</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=N_gRlmmF4Rc" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=N_gRlmmF4Rc</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">talking <a href="abouthttps://github.com/assetgraph/assetgraph">abouthttps://github.com/assetgraph/assetgraph</a></p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-front-end-style-guides-and-greenfields" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#front-end-style-guides-and-greenfields" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Front-end Style Guides and Greenfields</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Mark Wunsch</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=JQHAQ_ckrXk" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=JQHAQ_ckrXk</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">these are my exact notes: "no fucking idea what this talk was suppose to be about"</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-gadgets-for-holistic-web-detection" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#gadgets-for-holistic-web-detection" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Gadgets for Holistic Web Detection</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Eric Shepherd</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=VpqPpbw_gns" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=VpqPpbw_gns</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">talking about the different ways of detections for web apps</p><ul style="border: 0px; margin: 15px 0px; padding: 0px 0px 0px 30px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;"><li><p style="border: 0px; margin: 15px 0px; padding: 0px;">resolution detection - bad performance</p></li><li><p style="border: 0px; margin: 15px 0px; padding: 0px;">device detection - difficult across the different stacks</p></li><li><p style="border: 0px; margin: 15px 0px; padding: 0px;">feature detection - sort of good, sort of not</p></li></ul><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">but we need all 3</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">for resolution we should be designing for the smallest width</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">and designers should be adding breakpoints in the designs as well as providing templates for all the different sizes</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">also nesting of CSS is an anti-pattern</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-lesser-known-debugging-techniques" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#lesser-known-debugging-techniques" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Lesser Known Debugging Techniques</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by Amjad Masad</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=rcjUR4icvoQ" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=rcjUR4icvoQ</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">kind of a neat talk about the different tips and tricks of debugging JS.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">showed a couple of non documented functions in chrome dev tools, like debug() and monitor()</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">also some cool debugging techniques to set break points in "getters" and "setters" of prototypes</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">introduced flo, <a href="http://facebook.github.io/fb-flo/" style="color: rgb(65, 131, 196); text-decoration: none;">http://facebook.github.io/fb-flo/</a> , an OSS tools from facebook</p><h2 style="margin: 1em 0px 15px; padding: 0px; line-height: 1.7; cursor: text; position: relative; font-size: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif;"><a name="user-content-code-memes" class="anchor" href="file:///var/folders/fv/4_4307ns3v1_nxlcf92f_znw0000gn/T/113.html#code-memes" style="color: rgb(65, 131, 196); text-decoration: none; display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0px; left: 0px; bottom: 0px;"></a>Code Memes</h2><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">by David Byrd</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">youtube link: <a href="https://www.youtube.com/watch?v=ajo8ZKsdSLg" style="color: rgb(65, 131, 196); text-decoration: none;">https://www.youtube.com/watch?v=ajo8ZKsdSLg</a></p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">basically just talking about how we can write expressions in javascript different ways, and certain ways have become popular. And that you could create your own.</p><p style="border: 0px; margin: 15px 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Helvetica, arial, freesans, clean, sans-serif; font-size: 15px; line-height: 25px;">for example,</p><pre style="border: 1px solid rgb(221, 221, 221); margin-top: 15px; padding: 6px 10px; font-family: Consolas, 'Liberation Mono', Courier, monospace; font-size: 13px; background-color: rgb(248, 248, 248); line-height: 19px; overflow: auto; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; color: rgb(51, 51, 51); margin-bottom: 0px !important;"><code style="font-family: Consolas, 'Liberation Mono', Courier, monospace; font-size: 12px; background-color: transparent; border: none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin: 0px; padding: 0px;">// Something like this
var name;
if( x ) {
name = x
} else {
name = "Bob"
}
// Is written like this
var name = x || "Bob";</code></pre><div><br></div></div></blockquote>Thx for this very detailed write up !!<br><blockquote type="cite"><div><span>_______________________________________________</span><br><span>aerogear-dev mailing list</span><br><span><a href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a></span><br><span><a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></span></div></blockquote></body></html>