<?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>AddyOsmani.com &#124; Articles for developers</title> <atom:link href="http://addyosmani.com/blog/feed/" rel="self" type="application/rss+xml" /><link>http://addyosmani.com/blog</link> <description>This is the home of Addy Osmani - JavaScript developer, author and speaker.</description> <lastBuildDate>Mon, 20 May 2013 11:10:59 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Jank Busting With Daft Punk</title><link>http://addyosmani.com/blog/jank-busting-with-daft-punk/</link> <comments>http://addyosmani.com/blog/jank-busting-with-daft-punk/#comments</comments> <pubDate>Thu, 16 May 2013 20:35:15 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[60fps]]></category> <category><![CDATA[devtools]]></category> <category><![CDATA[layout]]></category> <category><![CDATA[paint]]></category> <category><![CDATA[parallax]]></category> <category><![CDATA[rendering]]></category> <category><![CDATA[scrolling]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5286</guid> <description><![CDATA[Yesterday, I looked at the new Daft Punk web experience on Pitchfork. It was visually stunning, featuring rich-animations throughout. I noticed however that scrolling on the page felt quite janky in Chrome. It was sluggish and stuttered regularly. You could &#8230; <a
href="http://addyosmani.com/blog/jank-busting-with-daft-punk/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/jank-busting-with-daft-punk/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Author In ES6, Transpile To ES5 As A Build-step: A Workflow For Grunt</title><link>http://addyosmani.com/blog/author-in-es6-transpile-to-es5-as-a-build-step-a-workflow-for-grunt/</link> <comments>http://addyosmani.com/blog/author-in-es6-transpile-to-es5-as-a-build-step-a-workflow-for-grunt/#comments</comments> <pubDate>Mon, 29 Apr 2013 20:26:42 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[compile]]></category> <category><![CDATA[es5]]></category> <category><![CDATA[es6]]></category> <category><![CDATA[grunt]]></category> <category><![CDATA[traceur]]></category> <category><![CDATA[transpile]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5235</guid> <description><![CDATA[Preface: This article assumes prior knowledge of Grunt, the JavaScript task runner and that you&#39;ve heard of Traceur, the ES.next to ES5 transpiler by Google. Getting started guides are available for both projects. For information on the current state of &#8230; <a
href="http://addyosmani.com/blog/author-in-es6-transpile-to-es5-as-a-build-step-a-workflow-for-grunt/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/author-in-es6-transpile-to-es5-as-a-build-step-a-workflow-for-grunt/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools</title><link>http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/</link> <comments>http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/#comments</comments> <pubDate>Thu, 11 Apr 2013 13:32:24 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[chrome profiler]]></category> <category><![CDATA[developer tools]]></category> <category><![CDATA[devtools]]></category> <category><![CDATA[heap]]></category> <category><![CDATA[heap profiler]]></category> <category><![CDATA[heap snapshot]]></category> <category><![CDATA[memory profiling]]></category> <category><![CDATA[timeline]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5211</guid> <description><![CDATA[&#8220;The Unicorn has a special ability to help it&#39;s master when in trouble. When tamed, they will not attack humans or tamed creatures, but will attack anything else with negative karma&#34; The DevTools Heap Profiler and Timeline Memory view can &#8230; <a
href="http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/feed/</wfw:commentRss> <slash:comments>12</slash:comments> </item> <item><title>Yeoman Update: announcing 1.0 beta 4, Windows support, Refreshed Angular, Backbone, Ember generators and more.</title><link>http://addyosmani.com/blog/yeoman-update-announcing-1-0-beta-4/</link> <comments>http://addyosmani.com/blog/yeoman-update-announcing-1-0-beta-4/#comments</comments> <pubDate>Tue, 09 Apr 2013 09:44:46 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[1.0]]></category> <category><![CDATA[angular]]></category> <category><![CDATA[backbone]]></category> <category><![CDATA[beta]]></category> <category><![CDATA[beta 4]]></category> <category><![CDATA[ember]]></category> <category><![CDATA[express]]></category> <category><![CDATA[scaffolding]]></category> <category><![CDATA[tooling]]></category> <category><![CDATA[yeoman]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5182</guid> <description><![CDATA[Today we&#39;re happy to announce the release of Yeoman 1.0 beta 4. A number of large updates have been made to the project since beta 3, covering scaffolding, performance improvements and overall stability. The community around the project has also &#8230; <a
href="http://addyosmani.com/blog/yeoman-update-announcing-1-0-beta-4/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/yeoman-update-announcing-1-0-beta-4/feed/</wfw:commentRss> <slash:comments>26</slash:comments> </item> <item><title>DevTools Extensions For Web App Developers</title><link>http://addyosmani.com/blog/devtools-extensions-for-webapp-developers/</link> <comments>http://addyosmani.com/blog/devtools-extensions-for-webapp-developers/#comments</comments> <pubDate>Tue, 26 Mar 2013 10:39:47 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[angular]]></category> <category><![CDATA[backbone]]></category> <category><![CDATA[chrome developer tools]]></category> <category><![CDATA[devtools]]></category> <category><![CDATA[ember]]></category> <category><![CDATA[extensions]]></category> <category><![CDATA[grunt]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5162</guid> <description><![CDATA[The past year has seen many leaps made to improve developer productivity through better tooling. We&#39;re paying increasing attention to our workflow and many of us have spent time optimising our usage of tools like Grunt, Bower, Yeoman and the &#8230; <a
href="http://addyosmani.com/blog/devtools-extensions-for-webapp-developers/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/devtools-extensions-for-webapp-developers/feed/</wfw:commentRss> <slash:comments>22</slash:comments> </item> <item><title>Take Care When Using Null Transform Hacks For Forcing GPU Acceleration</title><link>http://addyosmani.com/blog/be-careful-when-using-null-transform-hacks-to-force-gpu-acceleration/</link> <comments>http://addyosmani.com/blog/be-careful-when-using-null-transform-hacks-to-force-gpu-acceleration/#comments</comments> <pubDate>Sun, 10 Mar 2013 12:18:35 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[2d]]></category> <category><![CDATA[3d]]></category> <category><![CDATA[gpu acceleration]]></category> <category><![CDATA[hacks]]></category> <category><![CDATA[hardware acceleration]]></category> <category><![CDATA[transform]]></category> <category><![CDATA[translate]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5143</guid> <description><![CDATA[At my jQueryTO keynote on paint optimization, I mentioned the performance benefits of promoting DOM elements to a composite layer using GPU acceleration in Chrome. Moving compositing of page layers to the GPU can offer better efficiency than the CPU &#8230; <a
href="http://addyosmani.com/blog/be-careful-when-using-null-transform-hacks-to-force-gpu-acceleration/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/be-careful-when-using-null-transform-hacks-to-force-gpu-acceleration/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>DevTools: Visually Re-engineering CSS For Faster Paint Times</title><link>http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/</link> <comments>http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/#comments</comments> <pubDate>Thu, 07 Feb 2013 12:01:57 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[devtools]]></category> <category><![CDATA[paint]]></category> <category><![CDATA[performance]]></category> <category><![CDATA[repaint]]></category> <category><![CDATA[timeline]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5088</guid> <description><![CDATA[Increasingly, whether it&#8217;s on desktop or mobile, users want their web experience to be snappy and delightful. This means that even if the browser is busy rendering the page or loading in content, the user should still be able to &#8230; <a
href="http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> <item><title>Tooling For The Modern WebApp Developer &#8211; Video From DotJS</title><link>http://addyosmani.com/blog/tooling-for-the-modern-webapp-developer-video-from-dotjs/</link> <comments>http://addyosmani.com/blog/tooling-for-the-modern-webapp-developer-video-from-dotjs/#comments</comments> <pubDate>Sun, 27 Jan 2013 17:30:25 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[canary]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[devtools]]></category> <category><![CDATA[experiments]]></category> <category><![CDATA[frames]]></category> <category><![CDATA[overrides]]></category> <category><![CDATA[sass]]></category> <category><![CDATA[snippets]]></category> <category><![CDATA[timeline]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5071</guid> <description><![CDATA[The video from my&#160;DotJS&#160;talk in Paris is now up. I hope it&#39;s useful. In it I walk through how to performance profile your apps using DevTools Timeline and the Heap profiler, debugging your mobile apps using Overrides, sexy SASS Source &#8230; <a
href="http://addyosmani.com/blog/tooling-for-the-modern-webapp-developer-video-from-dotjs/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/tooling-for-the-modern-webapp-developer-video-from-dotjs/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Curated Talks To Help You Become A Better Front-End Engineer In 2013</title><link>http://addyosmani.com/blog/curated-talks-to-help-you-become-a-better-front-end-engineer-in-2013/</link> <comments>http://addyosmani.com/blog/curated-talks-to-help-you-become-a-better-front-end-engineer-in-2013/#comments</comments> <pubDate>Mon, 07 Jan 2013 18:58:25 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[development]]></category> <category><![CDATA[front end]]></category> <category><![CDATA[inspiration]]></category> <category><![CDATA[talks]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=5058</guid> <description><![CDATA[&#160; Many of us care deeply about developing our craft, but staying up to date can be a true challenge, especially when the quantity of fresh information we&#8217;re regularly exposed to can be a lot to take in. 2012 has &#8230; <a
href="http://addyosmani.com/blog/curated-talks-to-help-you-become-a-better-front-end-engineer-in-2013/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/curated-talks-to-help-you-become-a-better-front-end-engineer-in-2013/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Improving Web App Performance With the Chrome DevTools Timeline and Profiles</title><link>http://addyosmani.com/blog/performance-optimisation-with-timeline-profiles/</link> <comments>http://addyosmani.com/blog/performance-optimisation-with-timeline-profiles/#comments</comments> <pubDate>Mon, 10 Dec 2012 00:09:54 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[developer tools]]></category> <category><![CDATA[devtools]]></category> <category><![CDATA[events]]></category> <category><![CDATA[events mode]]></category> <category><![CDATA[frames mode]]></category> <category><![CDATA[heap profiler]]></category> <category><![CDATA[profiles]]></category> <category><![CDATA[profiling]]></category> <category><![CDATA[timeline]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=4957</guid> <description><![CDATA[&#160; We all want to create high performance web applications. As our apps get more complex, we may want to support&#160;rich animations and that ideal 60 frames a second that keep our apps responsive and snappy. &#160; Being aware of &#8230; <a
href="http://addyosmani.com/blog/performance-optimisation-with-timeline-profiles/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/performance-optimisation-with-timeline-profiles/feed/</wfw:commentRss> <slash:comments>26</slash:comments> </item> </channel> </rss>