CSSを編集して自動保存できるChromeの拡張機能「DevTools Autosave」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、デザイナーの王です。 突然ですが、皆さんはどうやってWebページを組んでますか？ 僕は、HTMLの骨組みをひと通り書き終え、それからChromeで直接CSSを書いていきます。個人的には、ChromeはCSSをリアルタイムでいじれるので便利です。 しかし、この手法で組むと、CSSを追加、編集するたびに、いちいちコピペを連発しなければならない。しかもその後ちゃんとコピペしきれているか別タブで確認して・・・。 これは、NO GOODです！ 「編集したCSSをそのまま保存できたらなあ。」と誰もが思うことでしょう。ブラウザのセキュリティ上、そのような機能は永遠に提供されないと思われますが。 と、思ったのは誤算でした！ なんと、Chromeが開発者向けに「Chrome DevTools Autosave」という名の拡張を出しているんです！これを使えば、編集したCSSがそのまま保存されます！

[naoyuki1019]

chrome autosave css html

[real1223]

css, web制作, 便利, 効率化, 困ったとき

[sometk]

node.jsで

[tpex_ovon]

オートセーブ

[akichan88]

これすごく便利じゃないか？

[tak4hir0]

Chromeで「CSSを編集して自動保存する」オススメ拡張機能！ | デザイナーブログ | 株式会社LIG こんにちは、デザイナーの王です。いいものはみんなで共有しましょう！ ということで、今日も素敵なツールを紹介しちゃいます

[thujikun]

CSSをChromeで編集してそのまま保存する方法。

[teramako]

Firefoxのスタイルエディタの方が手軽そう... // ←指摘を受けたけど、自動保存の機能はFirefoxにはなかったです。

[iR3]

おぉ「Chrome DevTools Autosave」ですか！有り難い。