Customer Login

Lost password?

View your shopping cart

html5

LA BOÎTE DE SCHRÖDINGER - EXPÉRIENCES

Qu’y a-t-il dans la Boîte ?

Dans celle de Michael Roch, il y a de vieux inspecteurs de police en prise avec des forces occultes et mystérieuses, il y a des asiles d’aliénés qui cachent des secrets impossibles à révéler. Il y a aussi des visions, certainement provoquées par des soirées arrosées mais… les visions ont-elles l’habitude de mordre si fort ? Ici des paysages souterrains et urbains se peuplent de créatures terrifiantes et de peurs ancestrales. Sortir le soir d’Halloween ? Pourquoi pas, si vous aimez les monstres hargneux... De fait, il y a toutes sortes de choses dans la Boîte. Oserez-vous l’ouvrir ?

Exploration du fantastique par la nouvelle, la “Boîte de Schrödinger” permet aux auteurs qui s’en emparent d’explorer les mystères de l’univers en toute liberté. Le concept se veut être une version littéraire de “La Quatrième Dimension”. Réunies en “saisons” (deux à ce jour) lorsqu’elle comportent plus de quinze textes, les Boîtes se déclinent en “Expériences” pour des recueils plus courts. Et vous ? Qu’y a-t-il dans votre Boîte ?

Nous nous sommes également permis d’expérimenter dans ce ebook (puisque le titre nous le permet). Suite à une discussion au sujet des quatrièmes de couverture oubliées dans les livres numériques que vous pouvez lire ici, nous avons décidé de proposer une solution à ce problème. Si vous disposez d’une liseuse, vous pourrez lire ce quatrième de couverture juste après la dite couverture. Mais pour ceux qui lisent sur des appareils capables de lire l’EPUB3 (Apple principalement), nous avons créé une couverture en Javascript qui se « retourne » littéralement (skeuomorphisme, quand tu nous tiens) et vous permet d’apprécier à loisir la fiche descriptive de l’ouvrage. Nous reviendrons dessus en détail dans un prochain article mais en attendant, voici une petite vidéo:

En attendant, vous pouvez télécharger la « Boîte de Schrödinger- Expérience 1 » de Michael au prix de 1,99€ chez tous vos libraires en ligne.

Immatériel (sans DRM) / Apple iBookstore / Amazon Kindle (à venir) / Kobo / etc

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!

 

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).

KADATH ! KADATH ! KADATH !

Vous l’attendiez depuis longtemps, c’est désormais chose faite: « Kadath, le guide numérique de la Cité Inconnue » des Éditions Mnémos pour iPad est disponible en français et en avant-première sur l’iBookstore! Nous aurons l’occasion d’y revenir mais en attendant, voici quatre vidéos de démonstration de ce livre, à ce jour la plus belle création EPUB3 du Studio Walrus. Enjoy!

You were waiting for such a long time… but now, it’s done! « Kadath, the digital guide to the Unknown City » (Mnémos Publishing) for iPad is now available on the iBookstore (in french right now, but an english version is coming soon). We’ll have the occasion to talk more about it in the next weeks, but you can now enjoy these 4 video-demos subtitled in english. At this day, it’s simply the best EPUB3 ebook Studio Walrus has ever created! Have fun!

***

SCROLLING IN A BOOK

ARTWORK

NAVIGATION

INTERACTIVITY

Retrouvez Kadath sur l’iBookstore / Find Kadath on the iBookstore