Die größten CSS -Tricks Vol. I eBook (PDF und EPUB)

Zunächst existierte "The Greatest CSS Tricks Vol. I" ausschließlich als Online -Ressource, die nur für Website -Mitglieder zugänglich ist. Jetzt stehen jedoch PDF- und EPUB -Versionen für den kostenlosen Download auf Mitglieder zur Verfügung. Dieses gesamte Projekt diente als Experiment zur Erstellung digitaler Buchung. Der Autor bevorzugt den Blog-Post-Online-Schreiben und ermöglicht interaktive Inhalte und kontrollierte Zugriff. Dieser Ansatz zielt darauf ab, die Schreibproduktivität zu steigern und möglicherweise zu einem Band II und anderen zukünftigen Projekten zu führen. Der Autor verfügt nun über ein optimiertes System zum Schreiben, Veröffentlichen und Vertrieb.

Erstellen der digitalen Ausgaben

Die erste Erwartung war, dass die PDF-Erstellung einfach sein würde: Verwenden einer sauberen HTML-Vorlage, der Anwendung von druckfreundlichen CSS und dann einfach mit der Funktion "Druck-zu-PDF). Während diese Methode akzeptable Ergebnisse lieferte (mit Anpassungen für Hintergrundgrafiken), fehlte es die Kontrolle über Header/Fußzeilen und war ein manueller Prozess.

Ein programmatischerer Ansatz war gewünscht. Der Autor entdeckte einen Blog-Beitrag von Baldur Bjarnason, der Werbedienste zum Erstellen von buchähnlichen Websites und zur Konvertierung in verschiedene Dateiformate (PDF, DOCX, EPUB).

Programmatische E -Book -Generierung

Baldur Bjarnason entwickelte ein automatisiertes System, das eine einzelne lokale HTML -Datei in PDF-, EPUB- und MOBI -Formate umwandelt. Dieses System verwendet Open-Source-Tools und wird über ein Befehlszeilenskript aktiviert. Der Prozess erforderte eine sorgfältige HTML-Vorbereitung, wobei eine spezielle URL verwendet wird, die den Rohinhalt mit druckoptimiertem Styling ausgibt.

Tools verwendet

Der Technologiestapel umfasste:

• PDF -Kreation: PAGED.JS (nach dem Vergleich über WeasyPrint ausgewählt).
• EPUB -Kreation: Pandoc.
• MOBI-Erstellung: Calibers ebook-convert Befehlszeilen-Tool.

Es waren auch verschiedene Softwareabhängigkeiten (Python, Pango, Libffi usw.) erforderlich, aber Baldurs Skript vereinfachte ihr Management. Der Autor merkt an, dass Percollate eine neuere Alternative ist, aber in diesem Projekt wurde er nicht untersucht.

Open-Source-Repository

Baldur Bjarnason hat ein öffentliches Repository (Book-Tricks) erstellt, das eine vereinfachte Version der verwendeten Tools und Makefile enthielt und eine wertvolle Ressource für andere bietet, die sich mit ähnlichen Herausforderungen der E-Book-Erstellung gegenübersehen.

Vorschau auf Builds

PDFs wurden einfach mithilfe von Preview.app (MAC), EPUBs mit books.app (MAC) und MOBIS mit Kaliber vorschau. Der iterative Prozess von CSS-Anpassungen und -aufbauten war zeitaufwändig und zeigte die Notwendigkeit einer verbesserten Live-Vorschau-Funktionen.

Web vs. eBook -Inhaltsunterschiede

Zunächst gab der Autor die Idee von Druck- oder digitalen Versionen auf. Die Online -Version wurde stark eingebettete Codepen -Demos verwendet, ideal für die Webinteraktion, aber für eBooks ungeeignet. Während eBooks einige Interaktivität (animierte GIFs, Links), JavaScript und Iframes unterstützen, wurden für die Zuverlässigkeit vermieden. Um dies zu beheben, wurden in den eBook -Versionen eingebettete Stifte unter Verwendung von display: none; . Benutzerdefinierte WordPress-Blöcke vereinfachen die Erstellung von eBook-spezifischen Inhalten, die mit Verwendung angezeigt wurden<div> Elemente, die in der Online -Version versteckt und über Print CSS gezeigt werden. Das E-Book-CSS hat die üblichen Print-Stylheet-Techniken (wie das Hinzufügen von URLs nach Links) vermieden und sich stattdessen auf klickbare blaue Links verlassen.<p> Dieses Projekt erwies sich als wertvolle Lernerfahrung, insbesondere im Bereich der digitalen Renderung von Leinwand. Der Autor erkennt die steile Lernkurve an, die an dieser Art der E -Book -Erstellung beteiligt ist.</p> <p> Laden Sie den Vol. 1 eBook</p> </div>

Das obige ist der detaillierte Inhalt vonDie größten CSS -Tricks Vol. I eBook (PDF und EPUB). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!