Customer Login

Lost password?

View your shopping cart

EPUB school

COUVERTURE INTERACTIVE POUR EBOOKS, ESSAI N°1: TOUT EN CSS3

[read this post in english]

Une fois n’est pas coutume, nous vous proposons de partager avec nous quelques essais et pistes de design concernant l’ebook et plus particulièrement nos tentatives de rendre les couvertures plus vivantes que de simples images.

Pour cet essai, nous n’avons employé que de la CSS (des feuilles de styles, donc) et du HTML: pas de Javascript. Les interactions sont donc basiques mais elles fonctionnent étonnamment bien. Voici donc la vidéo.

L’intégralité des animations a été effectuée en utilisant la pseudo-classe :hover, la seule « gâchette » qui fonctionne sous iBooks pour le moment puisque epub:trigger n’a semble-t-il pas été implémentée dans la version 3.0. Nous savions que les propriétés d’animations CSS3 fonctionnaient très bien en mode Fixed Layout: elles fonctionnent également très bien dans un epub classique dit « flowable ».

À noter que le tout nouveau mode de lecture en scrolling « faire défiler » nous permet de zapper cette affreuse animation automatique de page tournée à chaque fois qu’un lien est déclenché. Si vous reproduisez l’effet, nous vous conseillons de régler votre iDevice dans ce mode particulier.

Nous pourrions vous expliquer longuement comment nous avons fait pour réaliser cette couverture, mais le plus simple est encore de vous en faire partager directement le code. Vous trouverez donc à cette adresse un fichier .zip contenant le fichier HTML et la CSS. Libre à vous de le décortiquer, de le modifier, bref, de vous amuser. Faites-nous partager vos créations si l’envie vous en prend!

INTERACTIVE COVERS FOR EBOOKS, ATTEMPT N°1: USING CSS3

[lisez cet article en français]

Hi there! We’d like to share with you a few tests we’ve made last week, involving interactive covers for ebooks. We’d love to see, in the next months and years, more of them into ebooks: they’re definitely more entertaining than basic fixed images.

Concerning this particular attempt, we did only use CSS and HTML: no Javascript involved (it will come later). Interactions are basic, but it works really fine! So, here’s the video.

Every single animations has been executed using pseudo-class :hover, the only trigger currently doing a good job in iBooks, especially since the epub:trigger seems to have been forgotten by iBooks developpers. We knew CSS transitions were fine in Fixed-Layout, but you’ll see it’s also great in flowable epubs.

This new « scrolling » feature in iBooks has an advantage: it skips this horrible fake page turning animation that appears when you click a link. So if you want to enjoy it at its best, we suggest you turn on that mode on your iDevice.

We could write a long explanation about how we did it, but the simpliest way to share it with you is to give you the code: so here it, in a .zip file containing the HTML file and the CSS. Feel free to open it, rewrite it, have fun with it. And if you want to share your creations , it’s even better!

Enjoy!

 

UN NOUVEAU GUIDE DE L’AUTOPUBLICATION !

Après « Créer des ebooks avec Sigil », le second guide de la collection pratique « By Walrus » s’intéresse à l’Autopublication, et c’est cette fois-ci Jiminy Panoz qui se charge de la visite guidée!

Spécialiste de la question de l’autopublication, l’auteur propose un manuel extrêmement détaillé qui a pour ambition de répondre à toutes vos questions sur le sujet, et de vous donner tous les outils pour propulser vos écrits sur les plateformes de distribution numérique. Maintenant, c’est à vous de créer votre propre « success story »!

« L’autopublication by Walrus » revient bien entendu sur les bases de la publication numérique: les spécificités du livre numérique, les différents formats, l’usage (heureusement facultatif) des DRM, la couverture, etc. Il vous offre également une véritable « master class » de typographie numérique, qui vous permettra de créer des ebooks lisibles et agréables à l’oeil. Jiminy Panoz a également mis sur pied un tutoriel HTML et CSS simple et élaboré qui vous permettra de résoudre les éventuels problèmes techniques auxquels vous pourriez être confronté. Plusieurs chapitres sont consacrés à la publication en elle-même, avec rappel des exigences des différents distributeurs, un mémo sur le prix, les droits d’auteur et le statut de l’autopublié. Enfin, le livre développera les problématiques du marketing et de la promotion, de l’impression à la demande et concluera sur une compilation de témoignages de plusieurs acteurs majeurs de l’édition numérique.

Pour ceux qui se souviennent de nos débuts, nous avions déjà il y a un an publié un « Guide de l’Autopublication en numérique ». Évidemment, les choses ont beaucoup changé en une année. La littérature numérique a pris son essor, et de nombreuses problématiques ont été soulevées depuis. Il nous a donc semblé plus judicieux de reprendre totalement l’ouvrage plutôt que de vous en proposer une version vaguement mise à jour. Plusieurs semaines de travail ont été nécessaires à la création de cette nouvelle version, qui se pose désormais en véritable référence francophone en la matière. D’où un nouveau titre, une nouvelle maquette et… du contenu nouveau!

Si vous décidez de vous lancer dans l’aventure de l’autopublication numérique, ce manuel sera votre indispensable compagnon de route!

« L’Autopublication by Walrus » est disponible sur toutes les librairies numériques au prix de lancement de 2,99€, avant de passer à 4,99€ au 1er décembre 2012.

Vous pouvez le télécharger ici:

Immatériel / Apple iBooks / Amazon Kindle / Kobo / etc

CRÉER DES EBOOKS AVEC SIGIL: LE GUIDE

Un livre numérique, c’est bien. Un livre numérique performant, si possible joli et répondant aux critères des revendeurs, c’est mieux!

Et cela, c’est une règle à laquelle Walrus vous a habitués. Notre expérience en matière de design d’ebook n’est plus à faire et pour notre deuxième anniversaire, il nous a semblé intéressant de réaliser un guide de Sigil, le plus populaire des logiciels libres d’édition EPUB. Grâce à l’expertise de son auteur Benoit Huot et aux conseils avisés de Jiminy Panoz et de votre serviteur, nous vous proposons aujourd’hui un manuel que nous avons voulu complet et facile à utiliser.

Avec SIGIL, il n’a jamais été plus simple de créer des ebooks. Mais si les fonctions les plus simples sont facilement accessibles, certaines astuces en matière d’édition numérique peuvent rester obscures aux créateurs débutants. Le guide « Créer des ebooks avec Sigil » vous apprendra à réaliser un livre numérique de A à Z.

Nous reviendrons bien entendu sur les bases du HTML et des CSS: c’est un passage obligatoire quand on veut créer des livres numériques, et il est absurde de vouloir s’en passer tant l’apprentissage en est simple et l’usage indispensable. Vos livres n’en seront que plus beaux, et vos possibilités se démultiplieront d’elles-mêmes. Plus de blocage, plus de prise de tête: la réponse est dans le guide.

« Créer des ebooks avec Sigil » est un manuel de référence complet qui conviendra aussi bien au débutant qui souhaite s’initier à la création d’ebooks qu’à l’utilisateur avancé pour qui il deviendra un mémo bien pratique.

Il inaugure la collection « By Walrus », une série de guides pratiques et complémentaires autour de la création d’ebook et dont le prochain titre sera « L’autopublication » par Jiminy Panoz.

Vous pourrez le trouver chez toutes vos librairies numériques préférées au prix d’1,99€.

À télécharger sur: Immatériel / Apple iBookstore / Amazon Kindle / Kobo / etc

EPUB SCHOOL #3 : insérer des typos

Intégrer des fontes dans un livre numérique n’est pas si compliqué, d’autant que de plus en plus de sites spécialisés (dont Google Web Fonts et Font Squirrel ) vous proposent des kits qui vous facilitent la vie.

La mauvaise nouvelle, c’est qu’aucune application ne vous permet de faire ceci facilement. La bonne, c’est que quelques efforts de compréhension CSS et HTML vous permettront d’y arriver.

Ce qu’il vous faut

  • des fonts au format OTF ou TTF (OTF fonctionnera sans aucun problème, TTF peut poser des problèmes dans certains cas). Comme vous trouverez souvent le format TTF, vous pouvez les convertir dans le format OTF avec FontForge  ; merci de vérifier si vous avez le droit de le faire en jetant un coup d’oeil à la licence.
  • Le logiciel de création d’EPUB Sigil
  • Une liseuse/tablette (au pire, Adobe Digital Editions).