Google Chrome のデベロッパーツール （Developers Tool ）のショートカット
Google Chrome を起動して Command + Shift + c を押すとデベロッパーツール が起動します。
そのデベロッパーツールで使えるショートカットがなかなか便利 !
https://developers.google.com/web/tools/chrome-devtools/shortcuts?hl=ja
スタイルシートのプロパティ変更時のショートカットなどは覚えておくといいかと思われます。
| [Styles] サイドバー | Windows の場合 | Mac |
|---|---|---|
| ルールの編集 | 1 回クリック | 1 回クリック |
| 新しいプロパティの挿入 | スペースで 1 回クリック | スペースで 1 回クリック |
| ソースのスタイル ルール プロパティ宣言の行に移動 | Ctrl+プロパティをクリック | Cmd+プロパティをクリック |
| ソースのプロパティ値宣言の行に移動 | Ctrl+プロパティ値をクリック | Cmd+プロパティ値をクリック |
| 色の定義値を順に表示 | Shift+カラーピッカー ボックスをクリック | Shift+カラーピッカー ボックスをクリック |
| 次または前のプロパティの編集 | Tab、Shift+Tab | Tab、Shift+Tab |
| 値を増やす / 減らす | 上矢印、下矢印 | 上矢印、下矢印 |
| 値を 10 ずつ増やす / 減らす | Shift+上矢印、Shift+下矢印 | Shift+上矢印、Shift+下矢印 |
| 値を 10 ずつ増やす / 減らす | PgUp、PgDown | PgUp、PgDown |
| 値を 100 ずつ増やす / 減らす | Shift+PgUp、Shift+PgDown | Shift+PgUp、Shift+PgDown |
| 値を 0.1 ずつ増やす / 減らす | Alt+上矢印、Alt+下矢印 | Opt+上矢印、Opt+下矢印 |