Discover a new way to find and share stories you'll love… Learn about Reading Desk

Blog Profile / Addy Osmani

Filed Under:Programming / Web Development
Posts on Regator:139
Posts / Week:0.6
Archived Since:May 26, 2010

Blog Post Archive

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 ?

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 ?

The New And Improved Developer Toolbelt – Video From Fronteers

The recording of my talk from Fronteers is now up: In it I discuss the front-end developer tooling landscape spanning the command-line, your editor, real-time feedback, build process and a few other (hopefully) helpful pieces. Slides are also available.

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 ?

The Breakpoint – Tooling Tips And Tricks (Playlist)

I and that gentleman Paul Irish have been doing a regular show on tooling - helping developers improve their workflow using the Chrome DevTools, Yeoman and more. The last five episodes are now up and you can keep track of … Continue reading ?

Record, Examine, Fix! – Performance Optimisation 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 keep our apps responsive and snappy.   Being aware of … Continue reading ?

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 arrives. The coming year is going to be an exciting time for developers as features proposed or finalised for the next versions … Continue reading ?

The Breakpoint: Episode 3 – DevTools Source Maps, Shortcut Secrets And JSRun

Watch this video on YouTube Embedded with WP YouTube Lyte.   In this episode, we take Coffeescript to JavaScript to Minified and all the way back with source maps. In addition to a new Coffeescript source map workflow, we'll cover … Continue reading ?

The Breakpoint: Episode 2 – SASS Source Maps, Feature Inspection And More.

Watch this video on YouTube Embedded with WP YouTube Lyte. I and the (real) Paul Irish return for the second live episode of the Breakpoint – a new show focusing on developer tooling and workflow. In this episode we show … Continue reading ?

HNpod 11: HTML5, Apps, Yeoman and Web Audio

I was fortunate to be on the HackerNews podcast this week, discussing Yeoman, HTML5, the state of apps and Web Audio. It was a fun show and we talked through a number of issue around native apps vs. web apps … Continue reading ?

The Breakpoint with Paul Irish and Addy Osmani: Episode 1

Watch this video on YouTube Embedded with WP YouTube Lyte. In this first episode of the The Breakpoint – a new show dedicated to developer tools and time-saving techniques—Paul Irish and I talk about Yeoman and new experimental features in … Continue reading ?

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 process we need to get setup. Today we’re … Continue reading ?

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 customization support and also includes a feature not used by many – its build system. … Continue reading ?

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 Tincr, by Ryan Ackley. We often find ourselves switching back and forth between the … Continue reading ?

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 developer workflow, spanning everything from a comprehensive build process to … Continue reading ?

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 evolve) the MVC pattern. We'll also look at a framework that tries to … Continue reading ?

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 exploring the next version of JavaScript further. What ES6 … Continue reading ?

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 or style enforcement. What is a style guide? Before we begin, let us remind ourselves exactly … Continue reading ?

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 patterns, TodoMVC and one or two other topics. If you'd … Continue reading ?

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 business logic and behaviour in an application. To this end, many implementations … Continue reading ?

Copyright © 2011 Regator, LLC