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 reproduce this by scrolling up and down through the page, something that I struggled with.
Paint profiling it with the DevTools, I noticed lots of issues with layout (peaking ~ 514ms), heavy paint (peak ~178ms) Continue Reading →
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 ES6, read the current working draft spec.
Today I used a Grunt task called grunt-traceur by Aaron Frost to author code in ES6 (maximally minimal classes, modules, rest params, spread operators) and transpile back to ES5 as a build-step. It felt fantastic and the final product now Continue Reading →
“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 be used to diagnose memory leaks on both desktop and mobile (via remote debugging). When you first use them however, they can feel like a little like a black box, requiring some trial and error to correctly master.
In this article, I’ll walk you through how to tame these tools with answers to some common FAQs to help save you time when memory profiling your apps.
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 been growing, tackling ideas such as Rails, PHP and Express middleware as well as new generators. In this post, I'll summarize the major updates made to the project as well as exciting work done by the community.
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 terminal.
Another important area worth spending time on is your debugging workflow – if you're like me, this starts with the Chrome DevTools. When building an application with a specific framework or language abstraction, there's actually some additional tooling available to you in the form of recent DevTools extensions.
In this post, I'll share a quick summary of the latest developments in this area, ranging from Continue Reading →
I'm on the Chrome team at Google, working on tools to help improve developer productivity and satisfaction.
My personal projects include TodoMVC, which helps developers compare JavaScript MVC frameworks and AuraJS. I've also written 'Developing Backbone.js Applications' and 'Learning JavaScript Design Patterns'.
First do it, then do it right, then do it better. This is one fundamental I always keep in mind when developing anything.
If you're a developer wishing to learn something new, regardless of skill-level, remember that as important as it is to read, it's equally as important to get out there and *do*.
Create a new gist or fiddle, pop open the console and experiment. It's effing fun.
I feel honored to have quite a few friends involved in OSS, many of who are spread across the world but remain active and passionate at what they do. Thanks to my wife, family and the OT-crew for being ah-mazing.
