Develop right in Chrome DevTools ... with Sass too! (Google I/O 2013)

Paul Irish goes on a walk through of some awesome Google Chrome DevTools features. Some of the great features to learn about:

  • Edit and save files right in the browser with workspaces. You can view changes live and persist changes made in the Elements panel to disk.

  • Develop and debug Sass (and other preprocessor files with sourcemap support) via the Elements inspect tool. (Note, this talk was a little while ago and it’s no longer necessary to enable an advanced option for Sass.)

This is a video of a session from Google I/O 2013.

The page itself has lots of detail and screenshots too.