The Greatest CSS Tricks Vol. I Ebook (PDF et EPUB)

Initialement, "The Greatest CSS Tricks Vol. Je" existait uniquement en tant que ressource en ligne, accessible uniquement aux membres du site Web. Maintenant, cependant, les versions PDF et EPUB sont disponibles en téléchargement gratuit pour les membres. Tout ce projet a servi d'expérience dans la création de livres numériques. L'auteur préfère le style de blog-post de l'écriture en ligne, permettant un contenu interactif et un accès contrôlé. Cette approche vise à augmenter la productivité de la rédaction et à conduire à un volume II et à d'autres projets futurs. L'auteur a désormais un système rationalisé pour l'écriture, la publication et la distribution.

Création des éditions numériques

L'attente initiale était que la création de PDF serait simple: utiliser un modèle HTML propre, appliquer des CS conviviaux, puis simplement utiliser la fonction d'impression à PDF. Bien que cette méthode ait donné des résultats acceptables (avec des ajustements pour les graphiques de fond), il manquait de contrôle sur les en-têtes / pieds de page et était un processus manuel.

Une approche plus programmatique était souhaitée. L'auteur a découvert un article de blog de Baldur Bjarnason, Advertising Services pour créer des sites Web de type livre et les convertir en différents formats de fichiers (PDF, DOCX, EPUB).

Génération de livres électroniques programmatiques

Baldur Bjarnason a développé un système automatisé qui convertit un seul fichier HTML local en formats PDF, EPUB et MOBI. Ce système utilise des outils open source et est activé via un script de ligne de commande. Le processus a nécessité une préparation HTML méticuleuse, en utilisant une URL spéciale qui publie le contenu brut avec un style optimisé.

Outils utilisés

La pile technologique comprenait:

• Création PDF: Paged.js (choisi par rapport à l'empreinte après comparaison).
• Création Epub: Pandoc.
• Création MOBI: l'outil de ligne de commande de ebook-convert de Calibre.

Diverses dépendances logicielles (Python, Pango, Libffi, etc.) étaient également nécessaires, mais le script de Baldur a simplifié leur gestion. L'auteur note que Percollate est une alternative plus récente, mais elle n'a pas été explorée dans ce projet.

Référentiel open source

Baldur Bjarnason a créé un référentiel public (book-tricks) contenant une version simplifiée des outils et de Makefile utilisés, offrant une ressource précieuse pour d'autres confrontés à des défis de création de livres électroniques similaires.

Aperçu des versions

Les PDF ont été facilement prévisualisés à l'aide de Preview.App (Mac), des ePubs avec books.app (Mac) et Mobis avec calibre. Le processus itératif des ajustements et des reconstructions CSS a pris du temps, soulignant la nécessité d'une amélioration des capacités d'aperçu en direct.

Web contre les différences de contenu du livre électronique

Initialement, l'auteur a abandonné l'idée de versions imprimées ou numériques. La version en ligne a fortement utilisé des démos de code embarquées, idéales pour l'interaction Web mais impropre aux livres électroniques. Alors que les livres électroniques prennent en charge une certaine interactivité (GIF animés, liens), JavaScript et Iframes ont été évités pour la fiabilité. Pour résoudre ce problème, les stylos embarqués ont été cachés dans les versions ebook en utilisant display: none; . Les blocs WordPress personnalisés ont simplifié la création de contenu spécifique à un livre électronique, qui a été affiché en utilisant<div> Éléments cachés dans la version en ligne et illustré via Print CSS. L'ebook CSS a évité les techniques habituelles de la feuille de style imprimé (comme l'ajout d'URL après des liens), en s'appuyant plutôt sur des liens bleus clickables.<p> Ce projet s'est avéré être une expérience d'apprentissage précieuse, en particulier dans le domaine du rendu de toile numérique. L'auteur reconnaît la courbe d'apprentissage abrupte impliquée dans ce type de création de livres électroniques.</p> <p> Téléchargez le vol. 1 ebook</p> </div>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!