<p><a href="http://www.amazon.co.uk/Fragile-Things-Gaiman-Neil/dp/0755334124%3FSubscriptionId%3D180CCZQDRSAWM30FTCG2%26tag%3Dsnowblink03%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D0755334124"><img src="http://ecx.images-amazon.com/images/I/51A19PPW9RL._SL160_.jpg" alt="Fragile Things"/></a></p> <p>It was still light when I started queuing out the back of the Forbidden Planet. About 100 people stood between me and <a href="http://www.neilgaiman.com/">Neil Gaiman</a>.</p> <p>Many of the fans brought various Gaiman artifacts to be signed. The guy in front of me had a faded looking 2000AD from the 70s amongst other things. I was just clutching my freshly store bought copy of <a href="http://www.amazon.co.uk/Fragile-Things-Gaiman-Neil/dp/0755334124%3FSubscriptionId%3D180CCZQDRSAWM30FTCG2%26tag%3Dsnowblink03%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D0755334124">Fragile Things</a>.</p> <p>It was dark when I reached the door. He looked as tired as I felt. Maybe it was because he knew there were only a dozen more people to do. Maybe he is just naturally a nice guy. He seemed to always say a few things to everyone, even taking photos if requested. He managed to keep smiling and made the wait worthwhile.</p> <p>After two and half hours in the queue:</p> <p><a href="http://flickr.com/photos/snowblink/254373648"><img src="http://farm1.static.flickr.com/85/254373648_409db8bef9_m.jpg" alt="Fragile Things"/></a></p> [![Fragile Things][amazon1-img]][amazon1] It was still light when I started queuing out the back of the Forbidden Planet. About 100 people stood between me and <a href="http://www.neilgaiman.com/">Neil Gaiman</a>. Many of the fans brought various Gaiman artifacts to be signed. The guy in front of me had a faded looking 2000AD from the 70s amongst other things. I was just clutching my freshly store bought copy of [Fragile Things][amazon1]. It was dark when I reached the door. He looked as tired as I felt. Maybe it was because he knew there were only a dozen more people to do. Maybe he is just naturally a nice guy. He seemed to always say a few things to everyone, even taking photos if requested. He managed to keep smiling and made the wait worthwhile. After two and half hours in the queue: [![Fragile Things][flickr1-img]][flickr1] amazon1: 0755334124 flickr1: 254373648 2006-09-27T22:29:00-07:00 368 1 2008-10-29T07:32:13-07:00 <h2>Dan Webb: Unobtrusive Javascript</h2> <p>I said a quick hi to my colleagues as I dashed from the congress hall to Dan Webb's talk. I was surprised at the small venue they had given him, but quickly grabbed a seat. Good thing too, as I discovered that people were turned away from the talk.</p> <p>After this incident, <a href="http://www.skillsmatter.com/">Skillsmatter</a> were quick to attempt to rectify the problem by determining numbers <em>before</em> assigning rooms. Dan kindly gave a repeat performance the following day in the congress hall, for all those who missed it.</p> <h3>Back in Fashion</h3> <p>From the ashes of the browser wars and DHTML came CSS, XHTML, and Web Standards. Javascript had a bad name. However, along came AJAX and Web 2.0, and made Javascript trendy again.</p> <h3>Unobtrusive DOM scripting</h3> <p>CSS and XHTML separate out content and style. Separating out Javascript is the next logical step.</p> <p>It is not merely about putting Javascript in a different file. It requires a change in mindset. Javascript should be used to <em>enhance</em> an already working application. Javascript should not be required to use the application.</p> <h3>Rails</h3> <p>Rails helpers such as <code>link_to_remote</code> create Javascript which works, but is not good. <code>link_to_remote</code> generates a link which will not work without Javascript: it does not degrade gracefully. Collections also produce ugly HTML, which inevitably lead to fatter pages.</p> <h3>UJS Plugin</h3> <p>The <a href="http://www.ujs4rails.com/">Unobtrusive Javascript Plugin</a> hopes to rectify this situation.</p> <p>You can just select parts of the page to apply behaviours to. apply_behaviour (CSS selector, event)</p> <p>Will create the appropriate Javascript file which will act upon the CSS selector. There will be no Javascript mixed in with your HTML.</p> <p>Links should never have side effects. If they must do something besides be a link, then they should be buttons. You can always apply any behaviour you want to your button, after you have confirmed it works.</p> <h3><code>respond_to</code></h3> <p>Assuming that you have a <code>button_to</code> on your view which will add something to your basket, you will have an action in the controller to deal with it. Make sure that works first.</p> <p>Now you can make it fancier by adding a behaviour. However, you don't want to have to rewrite the action just because you are using Javascript to do some additional things.</p> <p>Enter <code>respond_to</code>: this new feature in Rails controllers will allow an action to respond differently depending on what was requested.</p> <pre><code>respond_to do |type| type.html { redirect_to products_url} type.js # does default which is to render action.rjs end </code></pre> <h3>Case Study</h3> <p>Dan kindly provided us with an example of UJS in action. (It's an online sneaker store, in case the Web 2.0 name didn't give it away).</p> <ul> <li><a href="http://www.danwebb.net/railsconf2006/ujs_shopping.zip">Sneakr Case Study</a></li> </ul> <h3>Path to Enlightenment</h3> <ol> <li>Write a working app using semantic HTML</li> <li>Style with CSS</li> <li>Apply JS to hijack the page elements to enhance the UI</li> <li>Learn Javascript and DOM scripting</li> </ol> <h3>Conclusion</h3> <p>I enjoyed Dan's talk, because he made it look easy and especially because it made so much sense. The generated pages looked amazingly clean; like seeing a styled page for the first time after years of table hell. Thanks Dan and Luke! </p> ## Dan Webb: Unobtrusive Javascript I said a quick hi to my colleagues as I dashed from the congress hall to Dan Webb's talk. I was surprised at the small venue they had given him, but quickly grabbed a seat. Good thing too, as I discovered that people were turned away from the talk. After this incident, [Skillsmatter](http://www.skillsmatter.com/) were quick to attempt to rectify the problem by determining numbers _before_ assigning rooms. Dan kindly gave a repeat performance the following day in the congress hall, for all those who missed it. ### Back in Fashion From the ashes of the browser wars and DHTML came CSS, XHTML, and Web Standards. Javascript had a bad name. However, along came AJAX and Web 2.0, and made Javascript trendy again. ### Unobtrusive DOM scripting CSS and XHTML separate out content and style. Separating out Javascript is the next logical step. It is not merely about putting Javascript in a different file. It requires a change in mindset. Javascript should be used to *enhance* an already working application. Javascript should not be required to use the application. ### Rails Rails helpers such as `link_to_remote` create Javascript which works, but is not good. `link_to_remote` generates a link which will not work without Javascript: it does not degrade gracefully. Collections also produce ugly HTML, which inevitably lead to fatter pages. ### UJS Plugin The [Unobtrusive Javascript Plugin](http://www.ujs4rails.com/) hopes to rectify this situation. You can just select parts of the page to apply behaviours to. apply_behaviour (CSS selector, event) Will create the appropriate Javascript file which will act upon the CSS selector. There will be no Javascript mixed in with your HTML. Links should never have side effects. If they must do something besides be a link, then they should be buttons. You can always apply any behaviour you want to your button, after you have confirmed it works. ### `respond_to` Assuming that you have a `button_to` on your view which will add something to your basket, you will have an action in the controller to deal with it. Make sure that works first. Now you can make it fancier by adding a behaviour. However, you don't want to have to rewrite the action just because you are using Javascript to do some additional things. Enter `respond_to`: this new feature in Rails controllers will allow an action to respond differently depending on what was requested. respond_to do |type| type.html { redirect_to products_url} type.js # does default which is to render action.rjs end ### Case Study Dan kindly provided us with an example of UJS in action. (It's an online sneaker store, in case the Web 2.0 name didn't give it away). * [Sneakr Case Study](http://www.danwebb.net/railsconf2006/ujs_shopping.zip) ### Path to Enlightenment 1. Write a working app using semantic HTML 2. Style with CSS 3. Apply JS to hijack the page elements to enhance the UI 4. Learn Javascript and DOM scripting ### Conclusion I enjoyed Dan's talk, because he made it look easy and especially because it made so much sense. The generated pages looked amazingly clean; like seeing a styled page for the first time after years of table hell. Thanks Dan and Luke! 2006-09-18T22:43:00-07:00 367 1 2007-05-26T17:18:45-07:00 <h2>Kathy Sierra: Creating Passionate Users</h2> <p>I have been enjoying <a href="http://headrush.typepad.com/">Kathy</a>'s blog for the past month or so. So, I was eager to hear her keynote.</p> <p>She spoke about what she knows, and what I believe she is passionate about: Creating Passionate Users</p> <h3>Passionate Users</h3> <p>She explained that for any application you build, or tool as she refered to it, you need to create passionate users. They are the ones who will evangelize your product, help other users, and generally improve your product more than you could on your own.</p> <h3>Suck Threshold</h3> <p>Users will start out sucking, then they will become competent, before they become passionate. In order to move users past the suck threshold:</p> <ol> <li>Have a clear goal. Something the user can aspire to being able to do.</li> <li>Have a clear path. A series of steps that will allow the user to get there.</li> <li>Easy first step.</li> </ol> <h3>Flow</h3> <p>You may have experienced this when coding, or doing anything else you are passionate about. You enter the Zone. The Flow. Time flies by without you realising it. You believe you are always one compile away from finishing.</p> <p>The longer users can stay in the Flow, the more passionate they become. Enchant the user, and keep them in the flow state where they are happiest.</p> <blockquote> <p>Make it hard to do the wrong things.<br/> Make it easy to do the right things.</p> </blockquote> <h3>User Experience Spiral</h3> <p>Knowledge and skill, balanced correctly with challenge will engage the user. The challenge is what the user can do with the application, not the application itself.</p> <p>Motivating Benefit -> Interaction -> Payoff (which is the next benefit)</p> <p>You get the challenge, and promise of some reward, so you go on to learn something new. Once you have learned something new, your next challenge is dangled in front of you which uses what you learned. This is something which I felt when reading the Head First series of books.</p> <p>Interesting point: </p> <ul> <li>Boys found it motivating just getting to the next level.</li> <li>Girls asked what they would get for getting to the next level.</li> </ul> <h3>Community</h3> <p>Forums, conferences, user groups, study groups, blogs with comments. This is where people can go to seek help. It is key that there are no dumb questions and no dumb answers. Having key figures in the community also help lead and motivate others.</p> <h3>Conclusion</h3> <p>I thoroughly enjoyed Kathy's talk. She tied together various disciplines which are not normally considered together, to come out with insightful ideas. </p> ## Kathy Sierra: Creating Passionate Users I have been enjoying [Kathy](http://headrush.typepad.com/)'s blog for the past month or so. So, I was eager to hear her keynote. She spoke about what she knows, and what I believe she is passionate about: Creating Passionate Users ### Passionate Users She explained that for any application you build, or tool as she refered to it, you need to create passionate users. They are the ones who will evangelize your product, help other users, and generally improve your product more than you could on your own. ### Suck Threshold Users will start out sucking, then they will become competent, before they become passionate. In order to move users past the suck threshold: 1. Have a clear goal. Something the user can aspire to being able to do. 2. Have a clear path. A series of steps that will allow the user to get there. 3. Easy first step. ### Flow You may have experienced this when coding, or doing anything else you are passionate about. You enter the Zone. The Flow. Time flies by without you realising it. You believe you are always one compile away from finishing. The longer users can stay in the Flow, the more passionate they become. Enchant the user, and keep them in the flow state where they are happiest. > Make it hard to do the wrong things. > Make it easy to do the right things. ### User Experience Spiral Knowledge and skill, balanced correctly with challenge will engage the user. The challenge is what the user can do with the application, not the application itself. Motivating Benefit -> Interaction -> Payoff (which is the next benefit) You get the challenge, and promise of some reward, so you go on to learn something new. Once you have learned something new, your next challenge is dangled in front of you which uses what you learned. This is something which I felt when reading the Head First series of books. Interesting point: - Boys found it motivating just getting to the next level. - Girls asked what they would get for getting to the next level. ### Community Forums, conferences, user groups, study groups, blogs with comments. This is where people can go to seek help. It is key that there are no dumb questions and no dumb answers. Having key figures in the community also help lead and motivate others. ### Conclusion I thoroughly enjoyed Kathy's talk. She tied together various disciplines which are not normally considered together, to come out with insightful ideas. 2006-09-15T15:42:00-07:00 366 1 2007-05-26T15:30:00-07:00 <p><a href="http://flickr.com/photos/snowblink/244135731"><img src="http://farm1.static.flickr.com/86/244135731_756facd6fb_m.jpg" alt="Tom"/></a></p> <h3>Tom Ward</h3> <blockquote> <p>I would eat a monkey.</p> </blockquote> <p>The next morning</p> <blockquote> <p>I should qualify that: I wouldn't go out of my way to eat a monkey. </p> </blockquote> <h3>DHH</h3> <blockquote> <p>I owe Matz a lot. I would do a lot for that man.</p> </blockquote> [![Tom][flickr1-img]][flickr1] ### Tom Ward > I would eat a monkey. The next morning > I should qualify that: I wouldn't go out of my way to eat a monkey. ### DHH > I owe Matz a lot. I would do a lot for that man. flickr1: 244135731 2006-09-15T09:23:00-07:00 365 1 2007-05-26T17:15:16-07:00 <h3>First Impressions</h3> <p>The first Rails conference in London, attracted about 400 people. Given the number of people you'd think that name tags would be used. Unfortunately, the name tags were printed with the names being the smallest and most unreadable text at the bottom of the tag.</p> <p>Some people had lanyards, others clipped these useless plastic rectangles somewhere on their person, some had acquired bits of string. Not what I expected from a £500 a head conference.</p> <h3>DHH Keynote</h3> <p>The conference kicked off with DHH talking about Rails 1.2. He intends for this to be the last major 1.x release before 2.0</p> <p>Main changes include: </p> <ul> <li>dependency system</li> <li>auto reloading, support in models, and controllers, of modules</li> <li>routing</li> <li>removal of deprecated features: in development this will generate warnings, and simply <s>not</s> work in production</li> </ul> <p>SimplyRestful intends to use HTTP to indicate what to do. What appears to be have been taken up by many others was the respond_to</p> <p><typo:code lang="ruby"> respond_to do |format| format.html # render :action => 'index.rhtml' format.xml { render :xml => @posts.to_xml}<br/> format.js # render :action => 'index.rjs' end </typo:code></p> <p>One question I had was what is to stop me messing with other people's model using SimplyRestful. <a href="http://onestepback.org/">Jim Weirich</a> asked a similar question at the end of the day. Apparently there would be authentication.</p> <p><!-- SimplyRestful will not ship with 1.2, but is available as a gem. --></p> <p>SimplyHelpful is another plugin, this time aimed at views. Basically it allows you to write your views more like you might expect: dealing with models.</p> <p>DHH then showed a picture of a flower, and the talk ended. His keynote continued in the evening. Perhaps it was good that this happened, as he was very caustic.</p> <h3>The Rant</h3> <p>The second half of his talk was basically a rant. He was not happy about the reaction of a vocal few when there was a security issue raised, and the mailing list was moved without warning.</p> <p>He felt that he owes the average Joe very little. They downloaded the software and then demand that it works. He showed and read out the license which ships with Rails. His conclusion: I don't owe you shit.</p> <p>He then proceeded to clarify that he aimed that statement at people who have not contributed anything to the community. They have no currency with him.</p> <p>I am not sure he understands that the problem was not the security problem, or the mailing list move. The problem was the way it was communicated to the community. Why were people expecting a more open explanation of the security problem, and notification of a mailing list move? Using DHH's words - it's convention.</p> <p>It is convention to explain what security hole you have just patched. It is convention to warn the mailing list before you move it. That is why people reacted the way they did. They were treated without respect, and it is now clear why: DHH is leading by example.</p> <p>He noted <a href="http://headrush.typepad.com/">Kathy Sierra</a>'s talk mentioned "be nice" as the key to her forums working so well. I wonder if he ignored the rest of her talk.</p> <p>More about the first day of the conference tomorrow, as it is now midnight. </p> ### First Impressions The first Rails conference in London, attracted about 400 people. Given the number of people you'd think that name tags would be used. Unfortunately, the name tags were printed with the names being the smallest and most unreadable text at the bottom of the tag. Some people had lanyards, others clipped these useless plastic rectangles somewhere on their person, some had acquired bits of string. Not what I expected from a £500 a head conference. ### DHH Keynote The conference kicked off with DHH talking about Rails 1.2. He intends for this to be the last major 1.x release before 2.0 Main changes include: * dependency system * auto reloading, support in models, and controllers, of modules * routing * removal of deprecated features: in development this will generate warnings, and simply <s>not</s> work in production SimplyRestful intends to use HTTP to indicate what to do. What appears to be have been taken up by many others was the respond_to <typo:code lang="ruby"> respond_to do |format| format.html # render :action => 'index.rhtml' format.xml { render :xml => @posts.to_xml} format.js # render :action => 'index.rjs' end </typo:code> One question I had was what is to stop me messing with other people's model using SimplyRestful. [Jim Weirich](http://onestepback.org/) asked a similar question at the end of the day. Apparently there would be authentication. <!-- SimplyRestful will not ship with 1.2, but is available as a gem. --> SimplyHelpful is another plugin, this time aimed at views. Basically it allows you to write your views more like you might expect: dealing with models. DHH then showed a picture of a flower, and the talk ended. His keynote continued in the evening. Perhaps it was good that this happened, as he was very caustic. ### The Rant The second half of his talk was basically a rant. He was not happy about the reaction of a vocal few when there was a security issue raised, and the mailing list was moved without warning. He felt that he owes the average Joe very little. They downloaded the software and then demand that it works. He showed and read out the license which ships with Rails. His conclusion: I don't owe you shit. He then proceeded to clarify that he aimed that statement at people who have not contributed anything to the community. They have no currency with him. I am not sure he understands that the problem was not the security problem, or the mailing list move. The problem was the way it was communicated to the community. Why were people expecting a more open explanation of the security problem, and notification of a mailing list move? Using DHH's words - it's convention. It is convention to explain what security hole you have just patched. It is convention to warn the mailing list before you move it. That is why people reacted the way they did. They were treated without respect, and it is now clear why: DHH is leading by example. He noted [Kathy Sierra](http://headrush.typepad.com/)'s talk mentioned "be nice" as the key to her forums working so well. I wonder if he ignored the rest of her talk. More about the first day of the conference tomorrow, as it is now midnight. 2006-09-14T23:54:00-07:00 364 1 2007-05-26T15:29:59-07:00