CSS組版 with Vivliostyleでゼロから版面設計をやってみよう HOME CSS組版 CSS組版 with Vivliostyleでゼロから版面設計をやってみよう 社内で時々「仮組み用のCSSの書き方を教えて」といわれるんですが、なかなか時間が取れず後回しにしていました。少し時間が作れたので、今回はCSSファイルを作るところからスタートして、基本の版面ができあがるあたりまでチュートリアルやってみようと思います。 Vivliostyleには便利なCLIもありますし、当社も普段は自前のAtomプラグインを使っていますが、今回はあえて便利なものは使わず、最低限の構成でやってみます(多少不便でもシンプル構成なほうが要素技術が見えるだろうという趣旨です)。最低限の構成とは、HTMLファイル、CSSファイル、Vivliostyle Viewer、Webサーバーの4つです。Webサーバーは
![CSS組版 with Vivliostyleでゼロから版面設計をやってみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a193057e948c7ef66c32a4344bd816e41e439db/height=288;version=1;width=512/https%3A%2F%2Flibroworks.co.jp%2Fwp-content%2Fuploads%2F2022%2F03%2Fsshot-15.png)