DevTools+PerfectPixelで爆速コーディング

ネコメシでは週に１回、持ち回り制で勉強会を開催しています。各々が気になっているトピックについてスライドを作って、30分～1時間くらいの発表を行います。 先日の勉強会にて、コーディング作業高速化について発表したので、その内容を公開します。拙速が大事ということで、スライド貼っ付けただけで、説明もなにもなしですが…。 スライドに説明文を追記しました (2019-07-18 22:04) スライド https://speakerdeck.com/tsmd/devtools-plus-perfectpixeldebao-su-kodeingu 内容 Chrome DevTools と PerfectPixel という Chrome 拡張機能を使って、爆速で HTML/CSS のコーディングをするご提案です。 コーディングを２倍速にしよう！ という思い付きで検討した手法です。計測していませんが、ほんと

[kvx]

:rootとか&使ったネスト使えるよ

[yarumato]

“Chrome拡張機能でHTML/CSSコーディング。PerfectPixelでブラウザ画面にデザインカンプかぶせる。DevTools上で「生」CSS編集（Sassも使える）。Workspaces機能でローカルファイル直接編集。HTML/カンプ/CSSが一カ所に。マルチカーソル”

[tofu-kun]

お、これいいじゃん！