Le site caméléon selon la saison (et ça rime)
—
Gnoupi
Discussions
Sass et les navigateurs
Je n'ai aucune idée pour ta question sass, mais je suis intéressé par la lib js que t'as utilisé 
Je suis en train de "convertir" ma boîte de Beamer vers Remarkjs, pour versionner nos slides en Markdown plutôt qu'en LaTeX, il m'a fallu refaire un peu de Javascript pour récupérer quelques features de beamer (notamment la génération des slides d'agenda entre les
Je suis en train de "convertir" ma boîte de Beamer vers Remarkjs, pour versionner nos slides en Markdown plutôt qu'en LaTeX, il m'a fallu refaire un peu de Javascript pour récupérer quelques features de beamer (notamment la génération des slides d'agenda entre les
\section, tout ça...)
Ce message a été modifié 1 fois.
Dernière modification : 14 janvier 2017
à 08:49 par
Fabe.
GuybrushPossible de faire un petit retour à propos de RemarkJS ?Je l'avais qualifié à la place de reveal car il paraissait plus simple d'obtenir un fichier HTML se suffisant à lui même. En effet c'est simple pour les parties CSS/JS mais je me retrouve logiquement un peu coincé avec les autres médias (images, vidéos).
Sauf à mettre en place une usine à gaz pour compiler les images en base64 et les remplacer par des data uri dans le markdown...
GuybrushPour des mises en page plus avancées, il y a moyen de "hacker" d'une manière ou d'une autre ?Oui, en gros en faisant du Javascript pour retoucher au DOM après le passage de Remark
GuybrushJe suis coincé avec RevealJS : je n'arrive pas à avoir un rendu correct à l'impression, or je dois souvent fournir les slides en PDF pour "archive"... Théoriquement, c'est censé être supporté, mais visiblement, cela ne marche que sous Chrome (et j'utilise FF uniquement).Je pense que t'auras le même souci avec Remark. Perso j'utilise le "Print as PDF" de Chrome qui donne un super résultat.
Le site de remark recommande sinon Decktape qui supporte Remark et aussi Reveal, mais je n'ai pas testé. Je suis preneur de ton retour, si tu le fais
Je vais sûrement le tester parce que l'export en pdf (ou autre) est un must-have pour moi.
Je ferai un retour, promis
Je ferai un retour, promis
C'est pas très concluant. Il faut un PhantomJS forké pour le faire tourner... :(
Sinon, j'ai regardé Remark.js. C'est sympathique, mais difficilement hackable. Par exemple, il est impossible (?) de faire des animations pour les slides. On peut attaquer ça via CSS, mais alors la version imprimable foire, et si on le fait via JS, on ne dispose pas d'assez de callbacks pour s'en sortir (notamment, beforeHideSlide & co reçoit uniquement le slide courant, impossible de connaître le slide qui va apparaître, donc impossible de faire glisser le slide dans la bonne direction). Plus embêtant, un peu comme Reveal.js, c'est un mélange d'astuce JS/CSS qui fait que "ça marche", ce qui rend les choses plutôt délicates.
Le fait que les "fragments" (morceaux à afficher progressivement) soient en fait traduits sous forme de nouvelle slide avec un "morceau en plus" rend le hack d'autant plus difficile : impossible de faire la distinction entre deux slides consécutives, et une slide dupliquée à cause de la présence d'un fragment. Même si j'ai regardé à cela dans le cadre des transitions entre slides, ça pose aussi souci lors de l'impression : chaque étape de la progression dans une slide est exportée sous la forme d'une nouvelle slide. Donc une liste à puces avec 10 éléments qui s'affichent progressivement générera 10 slides dans la version imprimée (c'est cohérent avec ce qu'on a à l'écran, mais pas pratique en pratique).
Sinon, j'ai regardé Remark.js. C'est sympathique, mais difficilement hackable. Par exemple, il est impossible (?) de faire des animations pour les slides. On peut attaquer ça via CSS, mais alors la version imprimable foire, et si on le fait via JS, on ne dispose pas d'assez de callbacks pour s'en sortir (notamment, beforeHideSlide & co reçoit uniquement le slide courant, impossible de connaître le slide qui va apparaître, donc impossible de faire glisser le slide dans la bonne direction). Plus embêtant, un peu comme Reveal.js, c'est un mélange d'astuce JS/CSS qui fait que "ça marche", ce qui rend les choses plutôt délicates.
Le fait que les "fragments" (morceaux à afficher progressivement) soient en fait traduits sous forme de nouvelle slide avec un "morceau en plus" rend le hack d'autant plus difficile : impossible de faire la distinction entre deux slides consécutives, et une slide dupliquée à cause de la présence d'un fragment. Même si j'ai regardé à cela dans le cadre des transitions entre slides, ça pose aussi souci lors de l'impression : chaque étape de la progression dans une slide est exportée sous la forme d'une nouvelle slide. Donc une liste à puces avec 10 éléments qui s'affichent progressivement générera 10 slides dans la version imprimée (c'est cohérent avec ce qu'on a à l'écran, mais pas pratique en pratique
).
GuybrushPar exemple, il est impossible (?) de faire des animations pour les slides.Ah je sais, pas. De mon côté il s'agit de supports de formation, je n'ai pas été intéressé par le fancy même si je vois l'intérêt des transitions de Reveal.
En revanche, le presenter mode et le mode cloné sont une tuerie.
GuybrushDonc une liste à puces avec 10 éléments qui s'affichent progressivement générera 10 slides dans la version imprimée (c'est cohérent avec ce qu'on a à l'écran, mais pas pratique en pratique ).Pour le coup c'est pile poil ce qu'il me fallait, on a des formateurs qui vont utiliser la version PDF plutôt que HTML, il faut qu'ils aient le déroulé de la même manière qu'avec le HTML.
Par contre je n'ai pas trouvé de solutions pour mettre les presenters notes dans le PDF
Ce message a été modifié 1 fois.
Dernière modification : 15 janvier 2017
à 17:10 par
Fabe.
J'ai continué à hacker un peu RevealJS. J'ai réussi à faire un vrai système pour gérer les animations (via data-animate, data-duration et data-delay). Ca supporte les animations sur les slides, sur les fragments, et sur les éléments imbriqués (bref, tout ce qu'on attend d'un tel système).
En parallèle, j'ai réussi à faire fonctionner le mode Speaker note (il fallait effectivement utiliser un serveur local plutôt que l'ouvrir dans Firefox directement, car y a un accès au filesystem. Mais python -m SimpleHTTPServer fait l'affaire), et j'ai résolu le souci d'impression en PDF au passage (via une imprimante virtuelle et un mode "continu" dans les slides). Bref, je suis content
En parallèle, j'ai réussi à faire fonctionner le mode Speaker note (il fallait effectivement utiliser un serveur local plutôt que l'ouvrir dans Firefox directement, car y a un accès au filesystem. Mais python -m SimpleHTTPServer fait l'affaire), et j'ai résolu le souci d'impression en PDF au passage (via une imprimante virtuelle et un mode "continu" dans les slides). Bref, je suis content
