/dev tips

(62) Colour Palette Network requests on the Timeline Panel (64)

Chrome DevTools: Increment and decrement numbers in DOM attributes

29 Jul 2015
Increment and decrement numbers in DOM attributes

You can modify a DOM attribute like a CSS classname with the keyboard up/down arrows. If there is a numeric value present, such as: span_1_of_7, the up arrow key transforms that to span_2_of_7.

This can be useful when using a CSS grid system which includes numbers in the CSS class names.

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