Google's Chrome DevTools toolset for developers was just updated with three new tools that will make it easier for developers to write their code and produce their products.
The additions were unveiled in an Aug. 5 post by Vsevolod Vlasov, a DevTools software engineer, on The Chromium Blog. The new features are meant to "improve your authoring experience more than ever before," he wrote.
The use of CSS preprocessors such as Sass will now be easier because users will no longer have to switch to another program and refresh Chrome as they do presently, he wrote. That improvement comes from CSS preprocessor mapping. "CSS preprocessor mapping enables live-editing of these sources directly within the Sources panel," wrote Vlasov. "To see it in action, just map the .scss file, then Ctrl-click on a property or value to jump to the variable, mixin or function that defined it. Support for other pre-processors such as Less, Stylus and Compass is in the works."
More details on the improved process can be found in the DevTools css-preprocessor documentation, he wrote.