Giter Club home page Giter Club logo

flipbook's Introduction

Flipbook

Flipbook est un outil libre et gratuit pour créer facilement un livre numérique que l'on peut feuilleter en ligne.

On peut créer son flipbook sur CodiMD. Le flipbook sera alors à cette adresse :

https://eyssette.forge.apps.education.fr/flipbook#URL_DU_FLIPBOOK

Dans son fichier, on sépare simplement chaque page avec l'élément : ---

La taille de la police est ajustée automatiquement pour que le contenu tienne sur la page.

On peut utiliser toute la syntaxe Markdown ou HTML.

Images

On peut insérer des images, mais il faut leur donner une hauteur pour que la police soit ajustée correctement.

On peut indiquer une dimension en pixels :

Par exemple : ![](URL_image =x300)

Ou en pourcentage de la hauteur de la page :

On peut insérer des images, mais il faut leur donner une hauteur explicite pour que la police soit ajustée correctement.

Par exemple : ![h:40%](URL_image)

On peut enfin utiliser une image en fond de page en ajoutant bg au début du alt de l'image.

Par exemple : ![bg](URL_image)

Configuration plus avancée

On peut ajouter un en-tête YAML pour accéder à certaines options.

maths: true
style: p{color:red}​
  • maths: true permet d'utiliser des formules mathématiques en Latex
  • style: p{color:red} permet d'ajouter des styles personnalisés en CSS

Crédits

Flipbook repose sur les librairies suivantes :

  • StPageFlip pour l'effet de la page qui tourne
  • textFit pour le calcul automatique de la taille de la police
  • js-yaml pour la gestion des en-têtes yaml
  • showdown pour la conversion du markdown en html

L'image de fond a été créée par Delany Dean et partagée sous licence CC-by-2.0.

flipbook's People

Contributors

eyssette avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

darkpepito

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.