Meta tags:

Headings (most frequently used words):

easily, change, css, number, values, from, the, keyboard, in, increments, of, 10, 100, see, also,

Text of the page (most frequently used words):
the (16), css (6), devtools (5), increment (5), #number (5), #change (5), hold (4), keyboard (4), tips (4), 100 (3), you (3), can (3), numbers (3), easily (3), values (3), edit (2), this (2), page (2), your (2), also (2), time (2), arrow (2), keys (2), way (2), and (2), quickly (2), but (2), polypane (2), safari (2), chrome (2), firefox (2), edge (2), from (2), increments (2), menu (2), last, 2021, authors, patrick, brosset, zoom, liking, see, ctrl, alt, same, shift, press, button, decrement, down, make, sure, text, cursor, focus, value, panel, elements, rules, styles, using, test, changes, while, checking, result, real, there, more, various, control, speed, which, manually, entering, new, works, course, gets, creativity, little, bit, when, playing, with, styling, layout, code, useful, able, widths, margins, other, categories, supported, mastodon, social, account, github, repository, open, all, browser, category, webcomponents, testing, productivity, personalization, perf, network, javascript, html, highlighter, help, frameworks, export, debug, console, apps, accessibility, guides, understanding, close, skip, main, content,

Text of the page (random words):
easily change css number values from the keyboard in increments of 0 1 1 10 100 skip to main content close menu devtools tips guides understanding devtools tips by category accessibility apps console css debug export frameworks help highlighter html javascript network perf personalization productivity testing webcomponents tips by browser chrome edge firefox polypane safari all tips open menu github repository mastodon social account easily change css number values from the keyboard in increments of 0 1 1 10 100 categories css supported by edge firefox chrome safari polypane when playing with styling or layout code in devtools it s useful to be able to change widths margins and other css number values quickly manually entering new numbers works of course but it gets in the way of creativity a little bit in devtools you can change numbers by using the arrow keys on your keyboard this way you can easily and quickly test changes while checking the result in real time in the page but there s more you can also hold the various control keys to change the speed at which the numbers increment focus a css value in the styles rules elements panel make sure the text cursor is on a number press the up or down arrow button on the keyboard to increment or decrement the number by 1 hold shift at the same time to increment by 10 or hold alt to increment by 0 1 or hold ctrl to increment by 100 see also zoom the devtools ui to your liking authors patrick brosset last edit 10 29 2021 edit this page