Addy Osmani's Blog, page 8
June 12, 2013
Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study
In my new article with Paul Lewis on Smashing Magazine, we discuss how to improve the paint performance of your websites and Web apps. This is an area that we Web developers have only recently started looking at more closely, … Continue reading →
May 16, 2013
Jank Busting With Daft Punk
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. It was sluggish and stuttered regularly. You could reproduce this … Continue reading →
April 29, 2013
Author In ES6, Transpile To ES5 As A Build-step: A Workflow For Grunt
Preface: This article assumes prior knowledge of Grunt, the JavaScript task runner and that you'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 … Continue reading →
April 11, 2013
Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools
“The Unicorn has a special ability to help it's master when in trouble. When tamed, they will not attack humans or tamed creatures, but will attack anything else with negative karma" The DevTools Heap Profiler and Timeline Memory view can … Continue reading →
April 9, 2013
Yeoman Update: announcing 1.0 beta 4, Windows support, Refreshed Angular, Backbone, Ember generators and more.
Today we'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 … Continue reading →
March 26, 2013
DevTools Extensions For Web App Developers
The past year has seen many leaps made to improve developer productivity through better tooling. We'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 … Continue reading →
March 10, 2013
Take Care When Using Null Transform Hacks For Forcing GPU Acceleration
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 … Continue reading →
February 7, 2013
DevTools: Visually Re-engineering CSS For Faster Paint Times
Increasingly, whether it’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 … Continue reading →
January 27, 2013
Tooling For The Modern WebApp Developer – Video From DotJS
The video from my DotJS talk in Paris is now up. I hope it'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 … Continue reading →
January 7, 2013
Curated Talks To Help You Become A Better Front-End Engineer In 2013
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’re regularly exposed to can be a lot to take in. 2012 has … Continue reading →
