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

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

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

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

VS Code

テーマの編集

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

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

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

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