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 pag...
Blog
You can find my latest AI engineering articles on Substack, leadership on LeadDev, or browse my topic guides and personal blog posts below.
Personal Blog
Tooling For The Modern WebApp Developer - Video From DotJS
http://www.youtube.com/watch?v=3C5-LjRfomYThe 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...
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 ...
Improving Web App Performance With the Chrome DevTools Timeline and Profiles
We all want to create high performance web applications. As our apps get more complex, we may want to support rich animations and that ideal 60 frames a second that k...
A Few New Things Coming To JavaScript
I believe the day-to-day practice of writing JavaScript is going to change dramatically for the better when ECMAScript.next arrives. The coming year is going to be an exciting t...
The Breakpoint - Tooling Tips And Tricks (Playlist)
Woo! The last five episodes of The Breakpoint (our show on tooling) are now up and you can keep track of them by subscribing to this playlist. We're hoping to cover finding ...
Writing Fast, Memory-Efficient JavaScript
JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about ...
The New And Improved Developer Toolbelt - Video From Fronteers
The recording of my talk from Fronteers is now up: http://vimeo.com/52450814. In it I discuss the front-end developer tooling landscape spanning the command-line, your edit...
The Breakpoint: Episode 3 - DevTools Source Maps, Shortcut Secrets And JSRun
httpv://www.youtube.com/watch?feature=player_embedded&v=HijZNR6kc9A In this episode, we take Coffeescript to JavaScript to Minified and all the way back with source map...
The Breakpoint: Episode 2 - SASS Source Maps, Feature Inspection And More.
httpv://www.youtube.com/watch?feature=player_embedded&v=PPXeWjWp-8YI and the (real) Paul Irish return for the second live episode of the Breakpoint - a new show focusing on ...
The Breakpoint with Paul Irish and Addy Osmani: Episode 1
httpv://www.youtube.com/watch?feature=player_embedded&v=ktwJ-EDiZoUIn this first episode of the The Breakpoint - a new show dedicated to developer tools and time-saving tech...
HNpod 11: HTML5, Apps, Yeoman and Web Audio
I was fortunate to be on the HackerNews podcast, discussing Yeoman, HTML5, the state of apps and Web Audio. It was a fun show and we talked through a number of issue around nati...
Yeoman, At Your Service.
When kicking off a new application, we always seem to have libraries we need to manually find and add, boilerplate code that needs to be written and a thorough build and testing...
Custom Sublime Text Build Systems For Popular Tools And Languages
Sublime Text is currently the text editor of choice for a number of developers in the open-source community. It’s sophisticated, has powerful text selection and customizat...
Lets Tincr: Bi-directional Editing And Saving With The Chrome DevTools
Following on from my post last year on the Chrome DevTools AutoSave project, I’d like to share another useful extension Nikita Vasilyev brought to my attention called...
Journey Through The JavaScript MVC Jungle
When writing a web application from scratch, it’s easy to feel like we can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility pl...
Improved Developer Tooling and Yeoman
Did you guys enjoy Paul Irish’s talk at Google I/O?In case you missed it, yesterday we announced Yeoman - a project we’ve been working on to greatly help improve dev...
Digesting JavaScript MVC - Pattern Abuse Or Evolution?
In my talk from London Ajax, we'll explore the current state of MVC in the JavaScript community, how Smalltalk-80's MVC differed and whether modern frameworks abuse (or ...
ECMAScript 6 Resources For The Curious JavaScripter
I’ve recently spent a lot of time looking at EcmaScript 6 and thought it would be useful to put together a short page of resources to help anyone else interested in explor...
JavaScript Style Guides And Beautifiers
Today we're going to explore JavaScript style guides, specifically: their importance, style guides worth reviewing and tools that can assist in automated code beautification...
Discussing JavaScript Design Patterns On JavaScript Jabber
I was lucky enough to be on the JavaScript Jabber podcast this week, discussing JavaScript Design Patterns. It was a fun hour and we talked through a number of architectural pat...
Understanding MVVM - A Guide For JavaScript Developers
MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces (UI) from that of the bu...
Backbone.Paginator - New Pagination Components For Backbone.js
Pagination is a ubiquitous problem we often find ourselves needing to solve on the web. Perhaps most predominantly when working with back-end APIs and JavaScript-heavy clients w...
Pro-tip: How To Backup All Of Your GitHub Repositories In One Go
Today, I’m going to present solutions for easily backing up all of your GitHub repositories in just a step or two. Minimal knowledge of GitHub fundamentals are assume...
Substack
Future-proofing your Software Engineering career
Practical strategies for engineering careers in the future
The 70% problem: Hard truths about AI-assisted coding
A field guide and why we need to rethink our expectations
User-centric engineering
Engineering with user empathy is the foundation of great products
There is no right time. Just time and what you do with it.
How to thrive in imperfect conditions
Comparison is the thief of joy
Navigating comparison with mindfulness
Focus on what you can control
Actionable advice for empowerment
10 lessons from 12 years at Google
My lessons learned along the way.
LeadDev
Grow your influence like a leader, not a boss
Extending your influence past your immediate circle isn't as straightforward as you'd like to hope. But there are a few strategies you can employ to help.
How to build an effective technical strategy
Building a tech strategy requires a lot of moving parts. Learn about what routes to take and whether decisions should be top-down.
How to keep up with tech trends and upskill sustainably
With so many developments in the tech world it's difficult to keep up. Here are some strategies to stay on top of your upskilling.
Navigating competing priorities as an engineer
How can you prioritize when everyone's ask is an urgency and you don't have time to fit it all in?
Managing the chaos of context switching
It's time to examine the good, the bad, and the very ugly elements of context switching. Even better, we'll take a look at some strategies for managing it.
Focus on outcomes over outputs
Software engineering teams should focus on outcomes over outputs to deliver the best user and business value.
What makes an effective software engineer?
Being a good software engineer is not necessarily the same as being an effective one. Here, Google's Addy Osmani identifies the ten key traits of effective software engineers.