ドワ社の横に流れるソースコードのコメント

DevelopmentVisual Studio

Twitter より、ドワ社のソースコードのコメントは横に流れると聞いて。

https://twitter.com/tototoshi/status/616137924602519553

横に流れるソースコードのコメント

Visual Studio Code でドワ社の環境をイメージしてみました。ドワ社で VS Code は使われていなさそうですが。

VS Code

テーマの編集

VS Code の CSS を編集しています。VS Code のテーマ書き換え(非公式の方法)は、Visual Studio Code のテーマを変更する を参考にしてください。

native.main.css に comment クラスがあったので、末尾に下記を付け足すと図のように動作しました。# のみのコメントは動作していないですね。

https://gist.github.com/jz5/c56e0be707f202fb8f0c

Atom では公式な方法として styles.less を書き換え、見た目の変更ができますが、簡単に実現できなかったので、VS Code で試してみました。

CSS で、marquee 動作は、こちらを参考にしました。ほぼそのままです。オンズ » 【CSS3】全ブラウザ対応! CSS3 で作る marquee の実装。

DevelopmentVisual Studio

Posted by jz5