タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

vivliostyle.jsに関するvvakameのブックマーク (14)

  • 新しい Vivliostyle Themes のご紹介

    新しい Vivliostyle Themes のご紹介 spring-raining (Vivliostyle プロジェクト コラボレーター) 以前のイベントで予告したとおり、Vivliostyle Themesは近日中に大きな変更を加えようとしていました。そして、ついに新しいVivliostyle ThemesをBetaバージョンとしてリリースできたことを嬉しく思います! 今回リリースしたVivliostyle Themesは、単なるVivliosytleのためのCSSファイルという枠組みを超えた、CSSフレームワークの新しい形とも言える野心的なライブラリなので、この記事で少しだけ紹介させてください。 Vivliostyle Themesの使用方法 Vivliostyle Themesは、vivliostyle.config.js に以下のように設定することで使用できます。(v6.0.0

    新しい Vivliostyle Themes のご紹介
    vvakame
    vvakame 2023/04/25
  • Vivliostyleの公式テーマをカスタマイズして、ゆめみ大技林 '22のテーマを作った

    著者スペック HTML/CSSは詳しくない の制作は詳しい 元DTP業界でのデータを作っていた カスタマイズした内容の紹介 公式のテーマを複製してカスタマイズする テーマとは テーマとは、のサイズ、縦書き/横書きなどのの大枠な要素から、フォントサイズ、フォントの色、見出し前後のアキなどの詳細なレイアウトの要素までを定義した仕様書のようなものです。 Vivliostyleには公式テーマがいくつか用意されています。 以下はthemeのリポジトリから抜粋した、テーマの一覧です。 Techbook Bunko Slide Academic Gutenberg これらのテーマを用いることで簡単にいい感じのレイアウトでが作れます。 また、テーマはCSSで書かれているので、自分でCSS(SCSS)を書き換えてカスタマイズしたテーマを利用することもできます。 今回は公式テーマであるTechbo

    Vivliostyleの公式テーマをカスタマイズして、ゆめみ大技林 '22のテーマを作った
    vvakame
    vvakame 2023/04/16
    うぉーーこの設定そのままテーマとして配布してくれーーー!!(ってなってる
  • GitHub - libroworks/lw_manga_css

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - libroworks/lw_manga_css
    vvakame
    vvakame 2020/10/24
    “Vivliostyle用マンガスタイルCSS”
  • Markdownプレビューツールを使った新しい編集・制作フローのご提案

    Markdownプレビューツールを使った新しい編集・制作フローのご提案 HOME 社内ブログ Markdownプレビューツールを使った新しい編集・制作フローのご提案 近年のIT書籍はより広い読者層にリーチすべく、かつてのパソコン書に比べて図版が多くデザイン面でも工夫された読みやすいものになっています。また、専門性の高い書籍では、より実践的な情報を読者に提供するために現場の技術者さん、デザイナーさんに執筆を依頼することが普通になってきました。 の見た目・内容ともにクォリティが上がるのはいいことなのですが、当然ながら制作難易度は上がります。 作りが凝っているの原稿を一発で書くのはかなり難しいですし、編集段階で仕上がりを想像して手を入れるのも難しくなります。その結果、組んだ後の試行錯誤が避けられません。手間が増えるとはいえ出版不況の昨今、無尽蔵に人月を増やすわけにもいかず、綱渡りでの対処が続

    Markdownプレビューツールを使った新しい編集・制作フローのご提案
  • Vivliostyle の新しい始まり

    Vivliostyle の新しい始まり 村上 真雄 (代表理事、Vivliostyle プロジェクト・リーダー) リボアル・フロリアン (理事、W3C CSS WG Invited Expert) Vivliostyleは、Webと印刷の世界のギャップを埋めることを実現する目的をもって、スタートアップ会社として誕生しました。そのため、標準技術をオープンソースで実装しながら、様々なプロジェクトの活動をしてきました。 会社は当然にビジネスニーズによって進化してくものですが、Vivliostyleの場合は初期の戦略によって中心だったオープンソース・プロジェクトは中心ではなくなり、他のことを集中することになってきました。 2018年2月16日、Vivliostyle社は、この変化を反映して社名を変更し(新社名: トリムマーク株式会社)、オープンソース・プロジェクトとしての Vivliostyle

    Vivliostyle の新しい始まり
  • Printable Web

    Kyoto.js 14で発表しました Author: @spring_raining

    Printable Web
    vvakame
    vvakame 2018/03/26
    "spring-rainingはCollaboratorに!" マ!?
  • グーテンベルクからVivliostyleへ

    JEPA Vivliostyle村上さん 2015年10月14日 電子出版ビューア最前線 Vivliostyleと超縦書

    グーテンベルクからVivliostyleへ
  • [特別記事]Vivliostyle.jsによるCSS書籍レイアウトをテストしてみました

    [特別記事]Vivliostyle.jsによるCSS書籍レイアウトをテストしてみました HOME CSS組版 [特別記事]Vivliostyle.jsによるCSS書籍レイアウトをテストしてみました Vivliostyle.jsは、株式会社Vivliostyleさんが開発しているCSS組版用のソフトウェアで、ChromeやFirefoxなどのWebブラウザだけで書籍の組版を実現します。具体的には、CSS Paged MediaやCSS Regions、EPUB Adaptive Layoutといった、ほとんどのブラウザに実装されていない組版用のCSS仕様をJavaScriptで実装しているとのことです(Web制作でポリフィルと呼ばれるものの一種かと思います)。 株式会社Vivliostyleさんのサイト 先日開発元のVivliostyleさんから使い方のヒントを教えていただいて大まかには理解

    [特別記事]Vivliostyle.jsによるCSS書籍レイアウトをテストしてみました
  • “Vivliostyle” CSS組版システム

    ワンソース・マルチユースで 電子書籍もWebも紙のも。 Webブラウザベース自動組版システム 2015年8月29日 村上むらかみ 真雄しんゆう, Vivliostyle Inc. Vivliostyle(ビブリオスタイル)とは vivlio(βιβλίο /vivlío/ = ギリシャ語〈〉)+ style の 組版くみはん・スタイル。 の作り方や読み方の新しいスタイルを、 世界の誰でも自由に使えるオープンな標準技術で。 紙でも電子でも、 表現したいように表現できる自由と、 読みたい形で読める自由を (=アクセシビリティー) CSS 組版って何? CSS 組版 = HTML(またはXML)+CSS で組版 Web ページも電子書籍(EPUB)も、HTMLCSS で出来ている。 PDFも、印刷して紙のも作れる。 CSS 組版でを作っている出版社の例 米オライリー社(組版エンジ

    “Vivliostyle” CSS組版システム
  • Viola

    4 Steps to Start ViolaViola is an application that realizes paper layout using Web technology. You can freely customize it as if you were making a web page.

    Viola
    vvakame
    vvakame 2017/12/24
    おっこれは良いものなのでは…!?
  • CSS組版による書籍『CSSシークレット』刊行のお知らせ

    株式会社オライリー・ジャパンは、株式会社ビブリオスタイル(Vivliostyle)と共同制作した書籍『CSSシークレット 47のテクニックでCSSを自在に操る』(体価格3,400円+税)を2016年7月23日より全国書店・Web書籍取扱いサイト他にて発売いたします。 書は数千行のCSSと1万行あまりのHTMLで作成された「CSS Secrets」(O'Reilly Media, Inc.)の翻訳書です。 原書のコンセプトにもとづき、Vivliostyle社の全面協力のもと、原書のデータをもとに日語用のCSSを作成しました。原書で使用されたソースを日語版でも再現するため、Vivliostyle社が制作システム「Heracles(仮称)」を開発し、CSS組版・PDF生成エンジン「Vivliostyle Formatter」により、原書で使われた膨大なCSSに対応させることに成功しました

    CSS組版による書籍『CSSシークレット』刊行のお知らせ
  • Vivliostyleのベータ版をリリースしました!

    Vivliostyle 最初のベータ版をリリースしました! 今回はVivliostyle.jsおよびChrome拡張に加え、Vivliostyle Formatterもリリースします。 サンプルおよびベータ版ダウンロード Vivliostyle.js 0.2.0 今回のリリースでは、CSS Paged Media Module Level 3で定義されているPage-based countersおよびPage-Margin Boxesに対応しました。これらの機能を使うと、書籍などの組版に欠かせないページ番号(ノンブル)を各ページに出力することができます。実際にページ番号が入った新しいサンプルを公開していますので(下記参照)、参考にしながらお試しください。 また、ビューアーのUIも一新しました。以前のビューアーは、ページ送りボタンのみがあるシンプルなものでしたが、新しいビューアーには文字の拡

    Vivliostyleのベータ版をリリースしました!
  • vivliostyleを使う - Qiita

    vivliostyleって? ビブリオスタイル社の提供するcss組版システムです。 例えばhtmlをだらーっと書いてvivliostyleに通すとA4サイズのページに整形されて出てきてpdfで保存、そのまま印刷できたりします。 まだアルファ版なので長い目で見ようと思ってたらこいつが現状でも他ツールでできないことをバカスカやってのけるモンスターだったんですよ。 しかも筆者ライアーノーズは趣味でDTPもどきを色々やっては挫折してきたのですが、vivliostyle(+pandoc markdown)はちゃんとしたドキュメントがほぼ無い現状でも、挫折することなくなんとか公開できるくらいのpdfを作ることができたので相当学習コスト・導入コストが低いツールであると断言できると思います。 [参考]これまでの挫折遍歴 vivliostyleと受け持つ範囲が違うツールもありますが。 MS PowerPoi

    vivliostyleを使う - Qiita
  • Vivliostyle Viewer

    Vivliostyle Viewer User’s guide (English) ユーザーガイド(日語) Features supported by Vivliostyle (English) / Vivliostyleがサポートする機能(英語

  • 1