/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(108) Quickly jump to any place in your code with AceJump Three tricks for use in the DOM tree (110)

Chrome DevTools: Visualise and edit colours in the Sources Panel with inline colour previews

22 Jul 2016
Visualise and edit colours in the Sources Panel with inline colour previews

The Sources Panel can now provide visual inline colour previews which you can also edit for any defined colours in your CSS/Sass/Less. If you click on the colour preview, the colour picker tool appears.

Enable the 'Source color picker' Canary Experiment to try this out

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.