<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HTML + CSS + JavaScript &#187; Web</title>
	<atom:link href="http://htmlcssjavascript.com/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://htmlcssjavascript.com</link>
	<description>Not a Ninja, Pirate or Jedi.</description>
	<lastBuildDate>Mon, 07 May 2012 15:12:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Bits and Bobs (Book Updates, the H5BP Ant Build Script, CanvasJS and My First Six Months at Sapient)</title>
		<link>http://htmlcssjavascript.com/web/bits-and-bobs-book-updates-the-h5bp-ant-build-script-canvasjs-and-my-first-six-months-at-sapient/</link>
		<comments>http://htmlcssjavascript.com/web/bits-and-bobs-book-updates-the-h5bp-ant-build-script-canvasjs-and-my-first-six-months-at-sapient/#comments</comments>
		<pubDate>Thu, 03 May 2012 17:43:36 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[ant]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[h5bp]]></category>
		<category><![CDATA[libraries]]></category>
		<category><![CDATA[mobile web app cookbook]]></category>
		<category><![CDATA[my-work]]></category>

		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8220</guid>
		<description><![CDATA[Time to share some random updates. Mobile Web App in Practice My Manning book has shifted tracks slightly. It was originally going to be a cookbook. It&#8217;s now part of Manning&#8217;s In Practice series so the title has changed to reflect that. With that slight adjustment out of the way we&#8217;re heading into serious production [...]]]></description>
			<content:encoded><![CDATA[<p>Time to share some random updates. </p>
<h2>Mobile Web App in Practice</h2>
<p>My <a href="http://www.manning.com/">Manning</a> book has shifted tracks slightly. It was originally going to be a cookbook. It&#8217;s now part of Manning&#8217;s In Practice series so the title has changed to reflect that. With that slight adjustment out of the way we&#8217;re heading into serious production mode. For what it&#8217;s worth, my contribution is about 1/2 done at this point. The other authors are a little bit behind me, but they&#8217;ll start to crank soon. I&#8217;ll be sure to update once I have some solid dates.</p>
<h2>Project Z</h2>
<p>I won&#8217;t call it <em>Project X</em> since I worked on one of those already and I don&#8217;t want to confuse anyone that previously heard me talk about <em>that</em> behemoth. I signed a contract for another book project a few weeks ago. That&#8217;s in the planning stage right now. So much so I&#8217;m not even sure of the final title just yet. What&#8217;s interesting is that it&#8217;s a revised edition of a popular title by another author, so once we get the title sorted out and I can talk about it it&#8217;s going to be exciting. </p>
<p>I think it&#8217;s going to be a great project. </p>
<h2>Sapient</h2>
<p>Six months in, Sapient is going well. I&#8217;m enjoying myself personally and in terms of the big picture things are really starting to fall into place. I&#8217;ve got <a href="http://www.flickr.com/photos/rob_react/6954465978/in/set-72157629505650506">two excellent JavaScript engineers</a> starting on my team in Bangalore this month. We&#8217;re really trying to build out a great team in India so it feels good to have found two strong guys to anchor our efforts over there.  </p>
<p>What I&#8217;m trying to do <strong>now</strong> is build out the team here in North America. The focus is here in Boston, but I don&#8217;t think I&#8217;d turn our nose up at someone in New York or Toronto, for example. In Boston I&#8217;m looking for both <a href="http://www.linkedin.com/jobs?viewJob=&#038;jobId=2921344">senior</a> and <a href="http://www.linkedin.com/jobs?viewJob=&#038;jobId=2921380">mid level people</a> who are interested in building nutty JavaScript applications using bleeding edge technology. For example, my current project has me hacking away at both <a href="http://raphaeljs.com/">Raphael</a> and <a href="http://d3js.org/">D3</a>. Fun times. If you&#8217;re an experienced front end engineer who&#8217;s tired of working on marketing sites and want to expand your horizons with some real application work, lemme know. I&#8217;d love to hear from you. </p>
<p>Also, I&#8217;m not a bad guy to work for (unless everyone is lying to me.)</p>
<h2>CanvasJS</h2>
<p>Call this a soft-alpha. I&#8217;ve been working (along with <a href="http://bobholt.me/">Bob Holt</a> and <a href="http://marcneuwirth.com/">Marc Neuwirth</a>) on a little Canvas helper library called <a href="https://github.com/roblarsen/CanvasJS">CanvasJS</a>. </p>
<p>There are currently two areas of focus:</p>
<ul>
<li>    <strong>Chaining</strong> any method that doesn&#8217;t return an explicit value is chainable.
</li>
<li>    <strong>API Enhancements</strong> These range from new concepts (getting the boundingBox of the last operation, getting the currentPos (x and y) of the &#8216;cursor&#8217;,) missing methods (circle, rectangle) to convenience methods (canvas properties are now getter/setter methods.)</li>
</ul>
<p>Additionally, I&#8217;m thinking it would be cool to offer polyfills for certain features that might have been missed in implementation or might be new to the specification. </p>
<p>Marc and I have both used it on projects at this point so I feel like it&#8217;s probably okay to talk about at this point. I&#8217;m going to buckle down and finish up the loose ends for a decent release. That&#8217;s basically documentation and a few API loose ends. </p>
<p>Here&#8217;s what the code looks like:</p>
<div class="code-sample">
<pre><code>
var ctx = new Canvas( &quot;ctx&quot; );
ctx.reset();
for ( var i = 0; i&lt;1000; i++ ){
  var color = 'rgb(0,' + Math.floor(255 - i/7) + ',' +  Math.floor(255 - i/100) + ')';
  ctx.beginPath()
     .line({
        x:.4*i,
        y:.4*i,
        angle: i,
        distance:i * .40
      })
     .strokeStyle(color)
     .stroke();
}
</code></pre>
</div>
<p>And here it is in action. </p>
<p><iframe style="width: 100%; height: 500px" src="http://jsfiddle.net/robreact/MxuZZ/embedded/result,js,html,css/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></p>
<p>I think it&#8217;s kind of cool.</p>
<h2>H5BP Ant Build Script</h2>
<p>Finally, we&#8217;ve been busy as hell on the Ant Build Script. In just the past couple of weeks <a href="https://github.com/h5bp/ant-build-script/commit/5f33bfc6334f55ffe2f455d24294bc8d09f4be28">we&#8217;ve simplified the way we handle concatenation</a> (thanks <a href="https://github.com/dholth">dholth</a>!) and added <a href="https://github.com/h5bp/ant-build-script/commit/b4615f5982407d716bbba7b4d0cb1b61177578c1">Less CSS</a> (thanks <a href="https://github.com/rolos79">Chris Rowe</a>!) support. I&#8217;ve been really happy with the project since it&#8217;s split from the main HTML5 Boilerplate repo. We&#8217;ve got over 400 watchers and over 60 forks, which isn&#8217;t too shabby- we&#8217;re working our way up the &#8220;shell&#8221; rankings on github (we&#8217;re coming for you <a href="https://github.com/zolrath/wemux">wemux</a>). <a href="https://github.com/h5bp/ant-build-script/issues?utf8=%E2%9C%93">Which isn&#8217;t to say we don&#8217;t have a lot to do</a>.  We do. It&#8217;s just fun to watch the progress and feel like the project still has some good traction, even on its own.   </p>
]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/bits-and-bobs-book-updates-the-h5bp-ant-build-script-canvasjs-and-my-first-six-months-at-sapient/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Presentation and Some Photos from the Redefining Perspectives Event in New Delhi</title>
		<link>http://htmlcssjavascript.com/web/my-presentation-and-some-photos-from-the-redefining-perspectives-event-in-new-delhi/</link>
		<comments>http://htmlcssjavascript.com/web/my-presentation-and-some-photos-from-the-redefining-perspectives-event-in-new-delhi/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 20:53:14 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[sapient]]></category>

		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8201</guid>
		<description><![CDATA[I did another version of HTML5 From the Front Lines (download: ppt and pdf.) It was well received. Judging by the 45 minute (!!!) question and answer session alone it was one of the best presentations I&#8217;ve ever done. The Sapient team that put on the event was phenomenal. Here are a couple of photos. [...]]]></description>
			<content:encoded><![CDATA[<p>I did another version of HTML5 From the Front Lines (download: <a href='http://htmlcssjavascript.com/wp-content/uploads/2012/04/RP-larsen-html5-today.ppt'>ppt</a> and <a href='http://htmlcssjavascript.com/wp-content/uploads/2012/04/RP-larsen-html5-today.pdf'>pdf</a>.) It was well received. Judging by the 45 minute (!!!) question and answer session alone it was one of the best presentations I&#8217;ve ever done. </p>
<p>The Sapient team that put on <a href="http://www.sapient.com/indiaperspectives/">the event</a> was phenomenal.  </p>
<p>Here are a couple of photos. </p>
<p><img src="http://htmlcssjavascript.com/wp-content/uploads/2012/04/yes.jpg" alt="" title="yes" width="500" height="375" class="alignnone size-full wp-image-8209" /></p>
<p><img src="http://htmlcssjavascript.com/wp-content/uploads/2012/04/look-at-that-fancy-logo1.jpg" alt="" title="look-at-that-fancy-logo" width="450" height="338" class="alignnone size-full wp-image-8210" /></p>
<p><img src="http://htmlcssjavascript.com/wp-content/uploads/2012/04/doing-my-thing1.jpg" alt="" title="doing-my-thing" width="450" height="338" class="alignnone size-full wp-image-8211" /></p>
<p><img src="http://htmlcssjavascript.com/wp-content/uploads/2012/04/the-crowd-filing-in1.jpg" alt="" title="the-crowd-filing-in" width="450" height="338" class="alignnone size-full wp-image-8212" /></p>
<p>And here&#8217;s proof I was in India.</p>
<p><img src="http://htmlcssjavascript.com/wp-content/uploads/2012/04/proof.jpg" alt="" title="proof" width="500" height="375" class="alignnone size-full wp-image-8213" /></p>
]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/my-presentation-and-some-photos-from-the-redefining-perspectives-event-in-new-delhi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Big Book Update: Now with 100% More Co-Authors</title>
		<link>http://htmlcssjavascript.com/web/big-book-update-now-with-100-more-co-authors/</link>
		<comments>http://htmlcssjavascript.com/web/big-book-update-now-with-100-more-co-authors/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 18:17:07 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile web app cookbook]]></category>
		<category><![CDATA[my-work]]></category>

		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8167</guid>
		<description><![CDATA[I just wanted to deliver on the book update I promised last week.Mobile Web App Cookbook is rolling now, with actual words being written. That&#8217;s pretty exciting for me. What&#8217;s even more exciting is that we&#8217;re finally set with co-authors to do the technical chapters. I wanted to take a minute to introduce them, since [...]]]></description>
			<content:encoded><![CDATA[<p>I just wanted to deliver on the book update I promised last week.<a href="http://htmlcssjavascript.com/web/im-writing-a-book/">Mobile Web App Cookbook</a> is rolling now, with actual words being written. That&#8217;s pretty exciting for me. </p>
<p>What&#8217;s even more exciting is that we&#8217;re finally set with co-authors to do the technical chapters.  I wanted to take a minute to introduce them, since they&#8217;re going to be the real stars of the show, providing the hands-on expertise the book is going to deliver. Me? I&#8217;m just a table-setter.</p>
<p>Anyway, here they are, the rest of the team (in order of appearance in the book):</p>
<h2>Mike Morley</h2>
<p>Mike is going to be doing chapters on the core technologies (HTML5, CSS3 and JavaScript.) </p>
<blockquote><p>
MIKE MORLEY is a freelance mobile user interface developer at <a href="http://9eggs.com">9eggs.com</a> and has spent many years building web applications for financial institutions and digital media agencies. For the past few years he has specialized in developing mobile web applications for a range of clients from UK high street retailer New Look, the car manufacturer Ford and the UK lottery. When not building mobile web apps he may be spotted on the golf course or walking along the coast near Colchester (UK), where he lives with his wife Rachel, his young son and Chocky the dog.</p></blockquote>
<h2>Rich Freedman</h2>
<p>Rich is going to be working on the jQuery Mobile section.</p>
<blockquote><p>
RICH FREEDMAN is a consultant at <a href="http://chariotsolutions.com/">Chariot Solutions</a>, where he works with a wide variety of technologies for clients ranging from startups to members of the Fortune 500. Rich has over 20 years of application development experience. He has been blogging about software development for several years, is a DZone MVP blogger, and has reviewed several books for Manning, including JQuery in Action and Roo in Action. When he&#8217;s not programming or reading or writing about programming, he&#8217;s probably in the kitchen, whipping up a gourmet vegan meal, while thinking about programming. Rich lives in Lambertville, New Jersey, a small and architecturally wonderful 18th century city.</p></blockquote>
<h2>Lee Boonstra</h2>
<p>Lee is going to be working on the Sencha Touch chapters. </p>
<blockquote><p>Lee Boonstra lives together with her partner in Amsterdam the Netherlands. While doing her study (Art &#038; Technology) in 2004 she started her own web development company to continue to grow and learn new technologies. Right now her focus is more on mobile (web) apps. Her most successful app is available at the Apple Appstore and Google Chrome webstore: Spotlib.</p>
<p>In the last year of her study she worked for Accenture as a senior back-end (Java) developer for clients such as UPC and KLM/Air France.<br />
After 3 years she decided to make the move to the front-end. “I think it’s advantageous to understand back-end technologies while working on the front-end. I’m a creative person and I like to have a nice workflow and see my changes directly on the screen.” In 2009 she started working as a front-end team lead for eFocus, one of the top 3 fullservice internet agencies in The Netherlands. “I’m working with a lot of (front-end) technologies &#038; frameworks, and that is why I love my work so much: jQuery (Mobile), Mootools, Dojo, CSS3, HTML5, XML, SQL and recently Sencha Touch”. As a team lead she works on both mobile and web for middle to large scale clients, such as Deloitte, Heineken and Philips.</p>
<p>Beside technologies, Lee’s other passions are alternative music, attending concerts and festivals and (what she is famous in Amsterdam for) being a drag king performer and model. And let&#8217;s not get started about how extensive her videogame (console) collection is…
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/big-book-update-now-with-100-more-co-authors/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>My New Job</title>
		<link>http://htmlcssjavascript.com/web/my-new-job-2/</link>
		<comments>http://htmlcssjavascript.com/web/my-new-job-2/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 16:33:46 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[interviewing]]></category>
		<category><![CDATA[my-work]]></category>
		<category><![CDATA[philosophy]]></category>

		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8127</guid>
		<description><![CDATA[I&#8217;m late with this post. I&#8217;ve been busy! Finishing this post has been tougher than I imagined it would be. Starting a new job is tough enough, adding in two visits to New York, one to Toronto and getting ready for HTML5 Live have made it even tougher. I think I&#8217;m through the toughest part [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://htmlcssjavascript.com/wp-content/uploads/2011/11/sapient-global-markets.jpg" alt="" title="sapient-global-markets" width="500" height="299" class="alignnone size-full wp-image-8128" /></p>
<p>I&#8217;m late with this post. I&#8217;ve been busy! Finishing this post has been tougher than I imagined it would be. </p>
<p>Starting a new job is tough enough, adding in two visits to New York, one to Toronto and getting ready for HTML5 Live have made it even tougher. I think I&#8217;m through the toughest part of the transition now, so here I am, writing like a madman.</p>
<p>Anyway, I promised to talk a little bit about my new job.  I won&#8217;t go into exhaustive detail, but I know some of you are interested, so I might as well get it out of the way now, before it doesn&#8217;t feel like a &#8220;new&#8221; job any more.</p>
<p>As I mentioned previously, I&#8217;ve moved over to <a href="http://www.sapient.com/en-us/global-markets.html">Sapient Global Markets</a>. My title is Senior Specialist, Platform. </p>
<p>As for what I&#8217;m doing, my job splits into three basic components- thought leadership, building a world class front end engineering team and bringing cutting edge solutions to clients. </p>
<ul>
<li><strong>Thought leadership</strong>. I&#8217;m not a huge fan of the phrase, but &#8220;writing and talking about emerging technology&#8221; doesn&#8217;t fit as well in a job description. I&#8217;ve already been doing this as much as possible. The difference with my new role is that it&#8217;s written into my job description and mandated from up on high. So, now I&#8217;ve got scheduled time for the kind of activities (writing, speaking, open source work) that I previously had to fit in around client engagements (which rarely happened) or after hours in my &#8220;free&#8221; time. Hopefully you guys will get some benefit out of me being able to write a little bit more.</li>
<li><strong>Building a team</strong>. I&#8217;ve been instrumental in hiring and have worked developing junior staff for a few years now, so I&#8217;m pretty comfortable with this aspect of the job. The two key differences here are that I&#8217;m basically starting from scratch at my new role and I&#8217;ll be looking to build a truly global team. I&#8217;m not 100% sure what the eventually distribution will be, but I&#8217;ll be filling out slots between Boston, India and potentially a couple of other spots around the world. Making sure a team with that sort of geographical spread feel like a &#8220;team&#8221; will present a new wrinkle.
<p>Another clear challenge is cultivating front end engineering talent in India. Traditionally, people doing front end work there are junior and are doing so as a steppingstone on their way to writing &#8220;real&#8221; code- C# or Java. The combination of looking ahead to getting to do &#8220;real&#8221; work and the limited experience these guys possess have conspired to make it tougher than it should be to staff front end engineers in India. Hopefully I can help to change that by getting young Indian engineers excited about the web as a platform and open standards in general. </p>
<p>By the way, one of those roles is already open. We&#8217;re looking for a <a href="https://sapient.taleo.net/careersection/firstpass/jobdetail.ftl?lang=en&#038;job=186736">Senior Interactive Developer</a> in Boston. Come work with me. It&#8217;ll be fun. <a href="mailto:rob@htmlcssjavascript.com">Shoot me an email</a>, if you&#8217;re interested. </li>
<li><strong>Client Work</strong>. The interesting challenge at this job is that I&#8217;ll be working with clients who are much more conservative than some of the organizations I&#8217;ve worked with previously. Educating some of the financial services giants on the power of the open web platform and delivering work that leverages those technologies in novel, but concrete ways will be an ongoing challenge. The good news is many of the cooler open web technologies are tailor-made for markets based businesses, so I&#8217;ll be selling them on Canvas, SVG, WebSockets, etc. Should be fun.</li>
</ul>
<p>And that&#8217;s it. That&#8217;s the new gig. It&#8217;ll keep me busy for a while, I think.</p>
]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/my-new-job-2/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>My Slides from HTML5 Live</title>
		<link>http://htmlcssjavascript.com/web/my-slides-from-html5-live/</link>
		<comments>http://htmlcssjavascript.com/web/my-slides-from-html5-live/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 14:35:11 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[my-work]]></category>
		<category><![CDATA[presentations]]></category>

		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8122</guid>
		<description><![CDATA[I&#8217;ve got three versions to share- a pptx, an old-school ppt and a pdf I have no video. Video exists and I will share it as soon as I see it. I think it went pretty well, other than the fact that I surprised myself with the ending. I had adjusted some slides and forget [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve got three versions to share- a <a href="/downloads/html5-today.pptx">pptx</a>, an old-school <a href="downloads/html5-today.ppt">ppt</a> and a <a href="/downloads/html5-today.pdf">pdf</a></p>
<p>I have no video. Video exists and I will share it as soon as I see it. I think it went pretty well, other than the fact that I surprised myself with the ending. I had adjusted some slides and forget where the last one was&#8230; all of a sudden it was over. Oops.</p>
<p>Still it went pretty well and I&#8217;m definitely going to do the same presentation at other venues. It&#8217;s a pretty good topic, I think, and I could tweak it to be super technical or more high level depending on the audience. </p>
<p>Thanks to the HTML5 Live folks for having me down to speak. It was a good time. </p>
]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/my-slides-from-html5-live/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

