<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">
<channel>
	<title>HTML + CSS + JavaScript</title>
	
	<link>http://htmlcssjavascript.com</link>
	<description>I want the web to win.</description>
	<lastBuildDate>Sun, 12 May 2013 15:40:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/HtmlCssJavascript" /><feedburner:info uri="htmlcssjavascript" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>I’m Presenting on Data Visualization at the Boston Front End Developers Meetup May 22</title>
		<link>http://feedproxy.google.com/~r/HtmlCssJavascript/~3/Bn4sdl8oqB8/</link>
		<comments>http://htmlcssjavascript.com/web/im-presenting-on-data-visualization-at-the-boston-front-end-developers-meetup-may-22/#comments</comments>
		<pubDate>Sun, 12 May 2013 15:40:48 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8522</guid>
		<description><![CDATA[Since Pascal already sent out the email, you heard it here second. I&#8217;m doing my Data Visualization presentation at the Boston Front End Developers on May 22nd. As of this writing (on a Sunday morning) almost 80 spots are filled. &#8230; <a href="http://htmlcssjavascript.com/web/im-presenting-on-data-visualization-at-the-boston-front-end-developers-meetup-may-22/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Since Pascal already sent out the email, you heard it here second. I&#8217;m doing my <a href="https://github.com/roblarsen/dataviz">Data Visualization</a> presentation at the <a href="http://www.meetup.com/Boston-Frontend-Developers/events/118950602/">Boston Front End Developers</a> on May 22nd. As of this writing (on a Sunday morning) almost 80 spots are filled. At this pace they won&#8217;t stay open for long so sign up and watch me enthuse about SVG, Canvas and a special surprise guest technology.</p>
<p>Hope to see you there (and then at <a href="http://trade-boston.com/">Trade</a> afterwards.) </p>
<img src="http://feeds.feedburner.com/~r/HtmlCssJavascript/~4/Bn4sdl8oqB8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/im-presenting-on-data-visualization-at-the-boston-front-end-developers-meetup-may-22/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://htmlcssjavascript.com/web/im-presenting-on-data-visualization-at-the-boston-front-end-developers-meetup-may-22/</feedburner:origLink></item>
		<item>
		<title>Please Fill Out My Front End Engineering Roles Poll</title>
		<link>http://feedproxy.google.com/~r/HtmlCssJavascript/~3/lLz3efmhPvI/</link>
		<comments>http://htmlcssjavascript.com/web/please-fill-out-my-front-end-engineering-roles-poll/#comments</comments>
		<pubDate>Mon, 06 May 2013 17:40:20 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[philosophy]]></category>
		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8493</guid>
		<description><![CDATA[As you may know, I&#8217;ve spent some time thinking about front end engineering at a higher level than just the code that we write and the technologies that we use. I&#8217;ve written about what we do both in terms of &#8230; <a href="http://htmlcssjavascript.com/web/please-fill-out-my-front-end-engineering-roles-poll/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>As you may know, I&#8217;ve spent some time thinking about front end engineering at a higher level than just the code that we write and the technologies that we use. I&#8217;ve written about what we do both in terms of the flavors of front end developers that exist and in terms of the roles that we slot into at work. </p>
<p>The two posts on the subject are:</p>
<p><a href="http://htmlcssjavascript.com/web/the-front-end-engineering-spectrum-the-three-generic-types-of-front-end-engineers/">The Front End Engineering Spectrum- The Three Generic Types of Front End Engineers</a><br />
and<br />
<a href="http://htmlcssjavascript.com/web/the-front-end-engineering-spectrum-the-roles/">The Front End Engineering Spectrum: The Roles</a></p>
<p>Check them out, I think they&#8217;re pretty cool. </p>
<p>These posts have resurfaced a couple of times recently and in reviewing them I thought it would be interesting to see where people&#8217;s experience plots against those roles. </p>
<p>To that end, I made a quick poll. </p>
<p>If you&#8217;re the &#8220;front end&#8221; guy or gal at your job, please fill it out. It will only take a minute</p>
<p>Check back here May 20th when I&#8217;ll share the results. The poll will close next Thursday, May 16th at 11:59 Eastern time.</p>
<p>Fill it out below, or if the form isn&#8217;t loading, <a href="https://docs.google.com/forms/d/1thFVnWzQMfRA7vWbb3t2DjZJC2k-JByK_QQiI2K3qcE/viewform">at this link</a>. </p>
<p>Also, please share it far and wide!</p>
<p><iframe src="https://docs.google.com/forms/d/1thFVnWzQMfRA7vWbb3t2DjZJC2k-JByK_QQiI2K3qcE/viewform?embedded=true" width="100%" height="1200" frameborder="0" marginheight="0" marginwidth="0">Loading&#8230;</iframe></p>
<img src="http://feeds.feedburner.com/~r/HtmlCssJavascript/~4/lLz3efmhPvI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/please-fill-out-my-front-end-engineering-roles-poll/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://htmlcssjavascript.com/web/please-fill-out-my-front-end-engineering-roles-poll/</feedburner:origLink></item>
		<item>
		<title>Windows Apps for Web and Front End Developers</title>
		<link>http://feedproxy.google.com/~r/HtmlCssJavascript/~3/kYopirxCaNE/</link>
		<comments>http://htmlcssjavascript.com/web/windows-apps-for-web-and-front-end-developers/#comments</comments>
		<pubDate>Fri, 03 May 2013 17:52:32 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[windows]]></category>
		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8459</guid>
		<description><![CDATA[Spurred on by this post by Rey Bango, I thought I&#8217;d share some of the tools I&#8217;m using myself when working on Windows. Rey&#8217;s post is great, but since Window-based developers are under-served by the community (even though there are &#8230; <a href="http://htmlcssjavascript.com/web/windows-apps-for-web-and-front-end-developers/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><a href="http://net.tutsplus.com/articles/windows-apps-for-web-developers/">Spurred on by this post by Rey Bango</a>, I thought I&#8217;d share some of the tools I&#8217;m using myself when working on Windows. Rey&#8217;s post is great, but since Window-based developers are under-served by the community (even though there are a lot of us) I figured it couldn&#8217;t hurt to add my own options.  These are almost all in addition to the tools Rey mentions as I use a lot of the same tools in his post.</p>
<h2><a href="http://www.microsoft.com/visualstudio/eng/downloads">Visual Studio 2012</a></h2>
<p>As I mentioned, I&#8217;m going to try to avoid a lot of repetition of Rey&#8217;s options in this post (which is why you won&#8217;t see Sublime Text mentioned, even though it&#8217;s #3 in my code editor triumvirate.) Still, I feel like I have to add in my two cents on VS2012. One of the weird things about the web developer community is that, as a whole, we recognize that the tools we have aren&#8217;t as good as they should be. Some of this stuff is hard to do right or do efficiently and doing both is often the domain of the real experts. Then, in the very next breath, some folks will pile onto Microsoft and Adobe with as much vitriol as they can manage. The thing is, and this is something you pick up pretty quickly when you start to work with XAML, Silverlight and Flex refugees on the open web stack, Adobe and Microsoft created pretty sweet tools and APIs. People could get their jobs done. No, they weren&#8217;t perfect but their developers felt <strong>empowered</strong>. It&#8217;s surprising that they stick around at all, after they see what our ragtag band has to offer. </p>
<p>VS2012 is one of those tools. Yes, it costs money. Yes, it only runs on Windows. Yes, it&#8217;s a multi-GB install. No, it has no street cred. All that said, even out of the box it&#8217;s a powerful editor for web tech and, if you take the time to configure it properly it&#8217;s ridiculous. </p>
<p>I&#8217;ve been using this more and more recently. </p>
<h2><a href="http://www.adobe.com/products/dreamweaver.html">Adobe Dreamweaver</a></h2>
<p>This isn&#8217;t necessarily a Windows-only thing, of course. But still, it&#8217;s worth pointing out as Dreamweaver gets a bad rap. </p>
<p>Yes, it&#8217;s a WYSIWYG editor that people have made awful things with for 15 years and people disparage &#8220;Dreamweaver developers&#8221; as people who don&#8217;t know how to hand-code anything. </p>
<p>The thing is, while it can be those things, it&#8217;s also pretty great. From the beginning (FWIW, the first version I used, 1.2, came out in 1998), Dreamweaver has embraced and understood JavaScript in ways that other editors only started to recently. Dreamweaver extensions are written in JS so JavaScript isn&#8217;t some add-on, it&#8217;s core to the product. It&#8217;s also the heir of HomeSite, the <strong>great</strong> web-centric text editor that was my bread and butter for nearly the entire 2000s.  </p>
<p>While it&#8217;s still got WYSIWYG features aplenty, it&#8217;s a fine, configurable editor with great code hinting, excellent site management tools and plenty of opportunities for automation. Mixed with Adobe Fireworks, you can smoothly move between graphics files and your web editor for even more webtastic power. My go-to editor at home where I&#8217;m running CS6. </p>
<p>I love being able to open an HTML document and having the full context of the attached files available when I&#8217;m editing. You always remain in the context of the HTML page, even when you&#8217;re switching back and forth between the attached JavaScript and CSS files. </p>
<h2><a href="http://www.textpad.com/">TextPad</a></h2>
<p>My utility text editor. If I need to open and manipulate a big text file on Windows I do it with TextPad. </p>
<h2><a href="http://www.getpaint.net/">Paint.net</a></h2>
<p>I run CS6 at home. Having a big monitor, mouse, scanner, etc. make for a better experience with my CS6 Creative Cloud subscription. That said, I have a Lenovo Yoga that I spend a lot of time on and having Paint.net on it for basic image manipulation. It&#8217;s a great image editing app. It&#8217;s not a Photoshop replacement but for an image editing utility it can&#8217;t be beat. </p>
<h2><a href="http://www.mingw.org/">Minimalist GNU for Windows/Minimal SYStem</a></h2>
<p>If you&#8217;ve installed Git for Windows, you&#8217;ll know these projects as &#8220;Git Bash.&#8221; While I&#8217;m a fan of Powershell and pin it to my taskbar, I&#8217;m glad to have this scaled down Bash prompt available to me as well. It&#8217;s surprisingly robust. </p>
<h2><a href="http://winscp.net/eng/index.php">WinSCP</a></h2>
<p>I&#8217;ve just started using this tool as a replacement for FileZilla and like it. The difference maker for me is that the local window is just an Explorer window, which means that all the customization I have on the Explorer context menu are available right in the WinSCP interface. When you&#8217;re trying to put out a fire, it&#8217;s a big deal to be able to fall back on consistent patterns (<kbd>right click&gt; open in Sublime Text</kbd>, for example)</p>
<h2><a href="http://winmerge.org/">WinMerge</a></h2>
<p>I don&#8217;t get bent out of shape with conflicts because I&#8217;ve got WinMerge. It&#8217;s just good software. </p>
<h2><a href=" https://code.google.com/p/mongoose/">Mongoose</a></h2>
<p>While I&#8217;m as happy to spin up a <a href="https://github.com/roblarsen/dataviz/blob/master/web-server.js">node server to test locally as the next guy</a>, double clicking a file to start up a quick web server is super convenient. No command line needed. Drop <code>mongoose.exe</code> in a folder, double click and you&#8217;re good to go. Pretty sweet little app.</p>
<h2><a href="http://www.7-zip.org/">7 Zip</a></h2>
<p>The Swiss Army knife for compressed files. </p>
<h2><a href="http://java.com/en/download/index.jsp">Java</a>, <a href="http://www.ruby-lang.org/en/">Ruby</a>, <a href="http://strawberryperl.com/">Perl</a>, <a href="http://www.python.org/">Python</a>, and <a href="http://nodejs.org/">Node</a> installed and on my path</h2>
<p>Many doors open up if you&#8217;ve got common programming languages installed and on your path. <a href="https://github.com/h5bp/ant-build-script/">I&#8217;ve obviously made good use of Java</a> over the years, but I commonly use Node, Python, and even Ruby tools.  </p>
<h2><a href="http://www.s3fox.net/">S3Fox</a></h2>
<p>While much of the work I do with Amazon S3 and Cloudfront is automated, occasionally you need to get up there and poke around. S3Fox adds an FTP style interface for AWS right into a Firefox tab. </p>
<hr />
<p>Those are my additions to the Windows web dev canon. What else is out there? What are we missing?</p>
<img src="http://feeds.feedburner.com/~r/HtmlCssJavascript/~4/kYopirxCaNE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/windows-apps-for-web-and-front-end-developers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://htmlcssjavascript.com/web/windows-apps-for-web-and-front-end-developers/</feedburner:origLink></item>
		<item>
		<title>My Slides from HTML5DevConf, Now with 100% More Browsing (and Photos)</title>
		<link>http://feedproxy.google.com/~r/HtmlCssJavascript/~3/5QP58Lv8KGA/</link>
		<comments>http://htmlcssjavascript.com/web/my-slides-from-html5devconf-now-with-100-more-browsing-and-photos/#comments</comments>
		<pubDate>Mon, 08 Apr 2013 14:23:06 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[google-maps]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[libraries]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8452</guid>
		<description><![CDATA[My slides from HTML5DevConf are now up for viewing on Github pages, so you don&#8217;t even need to type node web-server.js to view them. There&#8217;s one hitch where svgz files aren&#8217;t rendering, but I&#8217;m not going to worry about that &#8230; <a href="http://htmlcssjavascript.com/web/my-slides-from-html5devconf-now-with-100-more-browsing-and-photos/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/rob_react/8630312180/" title="let's do this by Rob React, on Flickr"><img src="http://farm9.staticflickr.com/8390/8630312180_2c8d458a44.jpg" width="100%" style="max-width:500px;"  alt="let's do this"></a></p>
<p><a href="http://roblarsen.github.io/dataviz/slides/index.html#/">My slides from HTML5DevConf</a> are now up for viewing on Github pages, so you don&#8217;t even need to type <code>node web-server.js</code> to view them. There&#8217;s one hitch where svgz files aren&#8217;t rendering, but I&#8217;m not going to worry about that right now. If, in the interim, you really want to see that image, you can grab it from the repo.</p>
<p>There should be video at some point in the future. When there is, I will be sure to let you all know. </p>
<p>I&#8217;m also going to be giving this talk at the Boston Front End Developers meetup in May. I&#8217;ll be sure to share that as well, once the meetup announcement is online. </p>
<p><a href="http://www.flickr.com/photos/rob_react/8630312012/" title="I presented in twin peaks by Rob React, on Flickr"><img src="http://farm9.staticflickr.com/8538/8630312012_6f96b1ccc8.jpg" width="100%" style="max-width:375px;" alt="I presented in twin peaks"></a></p>
<p><a href="http://www.flickr.com/photos/rob_react/8630311820/" title="ready to go by Rob React, on Flickr"><img src="http://farm9.staticflickr.com/8258/8630311820_82e71cd1bd.jpg" width="100%" style="max-width:375px;"  alt="ready to go"></a></p>
<img src="http://feeds.feedburner.com/~r/HtmlCssJavascript/~4/5QP58Lv8KGA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/my-slides-from-html5devconf-now-with-100-more-browsing-and-photos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://htmlcssjavascript.com/web/my-slides-from-html5devconf-now-with-100-more-browsing-and-photos/</feedburner:origLink></item>
		<item>
		<title>Quick Note: I’ve Got a Few Posts on Amazon’s tech.book(store)</title>
		<link>http://feedproxy.google.com/~r/HtmlCssJavascript/~3/wjilxyheyT4/</link>
		<comments>http://htmlcssjavascript.com/web/quick-note-ive-got-a-few-posts-on-amazons-tech-bookstore/#comments</comments>
		<pubDate>Fri, 05 Apr 2013 15:35:48 +0000</pubDate>
		<dc:creator>Rob Larsen</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[beginning html and css]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[my-work]]></category>
		<guid isPermaLink="false">http://htmlcssjavascript.com/?p=8449</guid>
		<description><![CDATA[I&#8217;ve written three articles for them. The first two are up now: Recommended HTML5 and Open Web Platform Books In which I recommend books that I think are pretty good for HTML5 and general front end engineering. Spoiler alert! I &#8230; <a href="http://htmlcssjavascript.com/web/quick-note-ive-got-a-few-posts-on-amazons-tech-bookstore/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve written three articles for them. The first two are up now:</p>
<h2><a href="http://tech-book-store.amazon.com/post/Tx34LE5CDUBCXA/Recommended-HTML5-and-Open-Web-Platform-Books" title="Recommended HTML5 and Open Web Platform Books">Recommended HTML5 and Open Web Platform Books</a></h2>
<p>In which I recommend books that I think are pretty good for HTML5 and general front end engineering. </p>
<p>Spoiler alert! I recommend my own <a href="http://www.amazon.com/gp/product/1118340183/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=1118340183&#038;linkCode=as2&#038;tag=drunkenfistcom">book</a>. I happen to think it&#8217;s pretty good so I&#8217;m not going to apologize <img src='http://htmlcssjavascript.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2><a href="http://tech-book-store.amazon.com/post/Tx11N9GQDZ0Y9FK/The-Modern-State-of-Web-Browsers" title="The-Modern-State-of-Web-Browsers">The Modern State of Web Browsers</a></h2>
<p>In which I talk about the current browser landscape. A post which was rendered a little bit out-of-date a week later when Google announced <a href="http://blog.chromium.org/2013/04/blink-rendering-engine-for-chromium.html" title="Blink!">Blink</a>. On the other hand, my concerns about Opera, outlined in the article, have already been addressed. Blink replaces Presto in the rendering engine landscape and creates a more powerful alternative to Webkit than Presto was ever going to be. Boom! Webkit monoculture averted. </p>
<p>I&#8217;ve got one more post ready to go, I&#8217;m assuming it will drop next week. I&#8217;ll be sure to share when it does. </p>
<img src="http://feeds.feedburner.com/~r/HtmlCssJavascript/~4/wjilxyheyT4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://htmlcssjavascript.com/web/quick-note-ive-got-a-few-posts-on-amazons-tech-bookstore/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://htmlcssjavascript.com/web/quick-note-ive-got-a-few-posts-on-amazons-tech-bookstore/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 0.455 seconds. --><!-- Cached page generated by WP-Super-Cache on 2013-05-19 03:46:14 --><!-- Compression = gzip -->
