/dev tips

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

(47) Next occurrence shortcut Shortcut to cycle through panels (49)

Chrome DevTools: Live Edit CSS in Sources and increment values easily

5 Jun 2015
Live Edit CSS in Sources and increment values easily

Two things:

  1. You can edit CSS in the Sources Panel. Changes apply to the page in real time (no save required).
  2. Alt + Up to increment numeric values (Alt + Down to decrement).

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