Greatest CSS Tricks Vol。 i eBook（PDFとEPUB）

当初、「最大のCSS TricksVol。I」はオンラインリソースとしてのみ存在し、Webサイトメンバーのみがアクセスできます。ただし、現在、PDFおよびEPUBバージョンはメンバーに無料でダウンロードできます。このプロジェクト全体は、デジタルブック作成の実験として機能しました。著者は、インタラクティブなコンテンツと制御されたアクセスを可能にするブログポストスタイルのオンラインライティングを好みます。このアプローチの目的は、生産性の執筆を促進し、ボリュームIIおよびその他の将来のプロジェクトにつながる可能性があることを目的としています。著者には、執筆、公開、配布のための合理化されたシステムがあります。

デジタルエディションの作成

最初の期待は、PDFの作成が簡単であることでした。クリーンなHTMLテンプレートを使用し、印刷に優しいCSSを適用し、単にPrint-to-PDF関数を使用することです。この方法は許容可能な結果を​​もたらしましたが（バックグラウンドグラフィックスの調整により）、ヘッダー/フッターの制御がなく、手動プロセスでした。

よりプログラム的なアプローチが望まれました。著者は、Baldur Bjarnasonによるブログ投稿を発見しました。これは、本のようなWebサイトを作成し、さまざまなファイル形式（PDF、DOCX、EPUB）に変換するための広告サービスです。

プログラマティック電子ブックの生成

Baldur Bjarnasonは、単一のローカルHTMLファイルをPDF、EPUB、およびMOBI形式に変換する自動システムを開発しました。このシステムはオープンソースツールを使用し、コマンドラインスクリプトを介してアクティブ化されます。このプロセスには、印刷最適化スタイリングで生のコンテンツを出力する特別なURLを使用して、細心のHTML準備が必要でした。

使用されるツール

テクノロジースタックには以下が含まれています。

• PDF作成： paged.js（比較後に織ってから選択）。
• Epub作成： Pandoc。
• Mobi Creation： Caliberのebook-convertコマンドラインツール。

さまざまなソフトウェアの依存関係（Python、Pango、Libffiなど）も必要でしたが、Baldurのスクリプトは管理を簡素化しました。著者は、Percollat​​eは新しい代替品であると指摘していますが、このプロジェクトでは検討されていません。

オープンソースリポジトリ

Baldur Bjarnasonは、単純化されたバージョンのツールとMakeFileを使用したパブリックリポジトリ（Book-Tricks）を作成し、同様の電子ブック作成の課題に直面している他の人に貴重なリソースを提供しました。

ビルドのプレビュー

PDFは、preview.app（mac）、books.app（mac）を備えたepubs、およびmobis with Caliberを使用して簡単にプレビューされました。 CSS調整と再構築の反復プロセスは時間がかかり、ライブプレビュー機能の改善の必要性を強調しています。

Web vs.電子ブックのコンテンツの違い

当初、著者は印刷またはデジタルバージョンのアイデアを放棄しました。オンラインバージョンは、Webインタラクションに最適ですが、電子書籍には適していない、埋め込まれたCodepenデモを非常に利用していました。電子ブックはいくつかのインタラクティブ性（アニメーションGIF、リンク）をサポートしていますが、JavaScriptとIFRAMEは信頼性のために回避されました。これに対処するために、埋め込まれたペンはdisplay: none; 。カスタムWordPressブロックは、電子書籍固有のコンテンツの作成を簡素化し、使用して表示されました<div>オンラインバージョンに隠され、印刷CSSを介して表示される要素。電子ブックCSSは、クリック可能な青いリンクに代わりに依存して、通常の印刷スタイルシート技術（リンクの後にURLを追加するなど）を避けました。<p>このプロジェクトは、特にデジタルキャンバスレンダリングの分野で、貴重な学習体験であることが証明されました。著者は、このタイプの電子ブックの作成に関与する急な学習曲線を認めています。</p> <p> Volをダウンロードします。 1電子ブック</p> </div>

以上がGreatest CSS Tricks Vol。 i eBook（PDFとEPUB）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。