Résultat(s) pour: « ⏳ »

Quand on programme un site web ou une storymap, le plus difficile n’est pas tant le code, comme trouver la bonne esthétique. Heureusement, il y a des ressources pour nous aider à faire le bon choix, notamment des couleurs. Un site que m’a fait connaître Joshua, c’est coolors, qui permet d’explorer différentes palettes et voir…

Vous pouvez facilement intégrer Zotero dans Word en allant dans les préférences, puis sous l’onglet Citer, dans le sous-onglet Traitements de texte, installer le module approprié. Un nouvel onglet apparaît maintenant dans Word. Celui-ci vous permet d’ajouter une référence. Si on ajoute une note, une fenêtre apparaît, nous demandant le style à utiliser, puis une…

Vous pouvez facilement intégrer Zotero dans Word en allant dans les préférences, puis sous l’onglet Citer, dans le sous-onglet Traitements de texte, installer le module approprié. Un nouvel onglet apparaît maintenant dans Word. Celui-ci vous permet d’ajouter une référence. Si on ajoute une note, une fenêtre apparaît, nous demandant le style à utiliser, puis une…

Il est possible de choisir le style dans lequel on veut que nos références en bas de page ou notre bibliographie soient mises en forme. Dans préférences, sous l’onglet Citer, on trouve une série de styles par défaut. Mais on peut en ajouter d’autres en cliquant sur le lien approprié: Le lien vous amène dans…

Il est possible de choisir le style dans lequel on veut que nos références en bas de page ou notre bibliographie soient mises en forme. Dans préférences, sous l’onglet Citer, on trouve une série de styles par défaut. Mais on peut en ajouter d’autres en cliquant sur le lien approprié: Le lien vous amène dans…

Vous pouvez facilement ajouter des références à votre bibliothèque Zotero quand vous les trouvez en ligne en ajoutant à votre navigateur l’extension Zotero Connector, disponible pour la plupart des navigateurs, dont Chrome. Une fois l’extension installée et connectée à votre compte Zotero, une icône apparaît dans la barre du navigateur. Quand vous êtes dans une…

Vous pouvez télécharger Zotero et l’utiliser directement sur votre ordinateur sans créer un compte Zotero. Mais ce dernier a ses avantages, notamment pour importer à partir d’un code barre. Vous pouvez aussi utiliser l’espace de stockage dans le nuage associé à votre compte Zotero pour accéder à votre bibliothèque depuis n’importe quel appareil. Cela dit,…

Par défaut, Zotero est doté d’un correcteur qui vous signale les problèmes d’orthographe en anglais, et ce, en les soulignant en rouge dans vos notes. Le problème est que si vos notes sont en français, tout votre texte sera surligné, ce qui est agaçant. Pour se débarrasser du problème, aller dans Préférences Puis sous Avancées,…

Si vous n’avez pas le livre physique devant vous, mais que vous avez trouvé son code ISBN, par exemple dans WorldCat, vous pouvez utiliser la baguette magique pour rapidement importer sa référence dans votre bibliothèque Zotero. Cliquer sur l’outil approprié, copier-coller l’ISBN, puis Entrer. La référence a été ajoutée: Il peut arriver que la référence…

Zotero est probablement mon logiciel préféré quand vient le temps de faire de la recherche. Il y a beaucoup de fonctions que la plupart des gens ignorent, aussi je vais commencer une série de tutoriels les explorant. La première est la possibilité de scanner le code barre d’un livre pour importer sa référence. Ceux qui…

Pour faciliter la collaboration au sein de l’équipe, j’ai créé un dossier partagé dans OneDrive. Nous allons pouvoir y déposer nos brosses Gimp. On va aussi s’en servir pour partager nos couches QGIS. Par exemple, le fleuve Saint-Laurent se retrouvera sur chacune de nos cartes puisque s’y jettent toutes les rivières choisies par l’équipe, soit…

Quand on commence à avoir beaucoup de brosses personnalisées dans GIMP, il devient difficile de s’y retrouver. On peut remédier à ça en créant dans le dossier qui contient nos brosses des dossiers, par exemple ici un dossier intitulé Champlain: Après avoir actualisé les brosses avec l’outil approprié, votre dossier apparaîtra, avec ses brosses. Ce…

Même si notre projet est largement artistique, on veut qu’il soit exact géographiquement, surtout qu’il s’adresse à des enfants dans un contexte scolaire. Pour nous aider à bien situer les différentes localités dont notre storymap va parler, nous allons à nouveau utiliser QuickOSM (dont nous avons déjà parlé ici). QuickOSM Si on va d’abord sur…

Comme nos carte ne parleront que des rivières, il va y avoir beaucoup de zones vides sur notre carte. Nous pourrions les masquer avec une couche de nuages. Pour ce faire, nous allons ajouter des brosses personnalisées dans Gimp. Nous avons déjà vu comment ici. Il y en a plusieurs dans le web, mais un…

J’ai déjà parlé ailleurs de GoogleFonts, pour s’en servir dans une page web. Mais on peut aussi les utiliser dans Gimp. Ce qui est pratique quand on cherche une police particulière pour imiter l’écriture de Champlain, par exemple. Si on regarde sa façon de faire ses H, la police Hina Mincho semble indiquée: Une fois…

Dans le deuxième article de ce projet, nous allons créer ce qui est l’élément vedette de notre storymap, soit la rivière, en l’occurrence la Saint-François. Nous allons nous servir du gratuiciel QGIS. J’ai déjà publié toute une série de tutoriels sur ce logiciel et on peut apprendre ses bases sur le site officiel, mais ici…

Je commence avec cet article un nouveau projet, Histoire en amont, qui consiste à programmer avec les étudiants et étudiantes inscrites à la maîtrise en informatique appliquée à l’histoire une storymap à l’attention des enfants du primaire pour les sensibiliser à la valeur patrimoniale et environnementale des rivières du Québec. Une bonne partie (soit la…

Même si j’ai personnellement une préférence pour ScrollTrigger, sachez qu’il est également possible de réaliser tout ce que nous avons fait jusqu’ici dans ce projet avec un plugin JQuery: Waypoints. C’est ce que j’ai utilisé pour mon projet Du Beurre ou des canons. Dans quel cas, il faudra ajouter le CDN de JQuery et celui…

Donc votre site Web est maintenant en ligne, mais est-il consulté? Pour le savoir, vous pouvez utiliser Google Analytics. Pour ce faire, d’abord se créer un compte, ensuite sous l’onglet Configurer, créer un compte (ex. Uiesh), puis une propriété (ex. Gastropolitica). Il faut enfin associer cette dernière à une adresse Web (ex. gastropoliti.ca). Une fois…

Je m’étais engagé à donner une recette de bière maison. Chose promise, chose due. La voici donc. La recette peut paraître complexe, mais une fois que vous maîtriserez les étapes, ça ira mieux. D’aucuns se demanderont pourquoi faire sa propre bière, compte tenu de l’offre généreuse en magasin. Il est vrai que nous sommes gâtés…

Nous verrons ici d’abord comment améliorer votre storymap avec une propriété dans ScrollTrigger; ensuite, quoi faire si vous ne disposez pas déjà d’un manifeste iiif pour votre carte; enfin, comment faire transiter votre projet de Codepen vers un serveur. ScrollTrigger En général, les storymaps peuvent être défilées dans les deux sens, soit quand on va…

Nous avons vu comment combiner ScrollTrigger et Leaflet pour créer des storymaps. Dans notre exemple, nous nous servions d’un fond de carte Stamen. Mais notre projet implique une carte non-géographique. J’ai déjà montré comment faire des tuiles avec tiles XYZ dans QGIS. Mais comme je le précisais, ce n’est pas le dernier cri en matière…

Nous avons vu comment combiner ScrollTrigger et Leaflet pour créer des storymaps. Dans notre exemple, nous nous servions d’un fond de carte Stamen. Mais notre projet implique une carte non-géographique. J’ai déjà montré comment faire des tuiles avec tiles XYZ dans QGIS. Mais comme je le précisais, ce n’est pas le dernier cri en matière…

Nous avons vu comment créer une animation GSAP, puis comment déclencher l’animation avec ScrollTrigger. Mais on peut utiliser également ScrollTrigger pour lancer une fonction Leaflet, comme changer la position de la carte et le zoom. Donc, pour ce faire, il faut ajouter à notre précédent projet un <div> pour notre carte (j’ai retiré le <div>…

Nous avons vu comment créer une animation GSAP, puis comment déclencher l’animation avec ScrollTrigger. Mais on peut utiliser également ScrollTrigger pour lancer une fonction Leaflet, comme changer la position de la carte et le zoom. Donc, pour ce faire, il faut ajouter à notre précédent projet un <div> pour notre carte (j’ai retiré le <div>…

Nous avons vu précédemment comment créer une animation avec GSAP. Or, notre projet est une storymap et il faut donc que nos animations soient contrôlées par la molette de la souris. Pour ça, nous allons utiliser le plugin ScrollTrigger de GSAP. Il faut donc l’ajouter dans notre pen, de même que le plugin de GSAP.…

Nous avons vu précédemment comment créer une animation avec GSAP. Or, notre projet est une storymap et il faut donc que nos animations soient contrôlées par la molette de la souris. Pour ça, nous allons utiliser le plugin ScrollTrigger de GSAP. Il faut donc l’ajouter dans notre pen, de même que le plugin de GSAP.…

Au début du Web, les sites étaient très statiques. Au mieux, il y avait <blink> qui faisait flasher certains mots comme un arbre de noël. Puis vint Flash et les choses se mirent à bouger. Flash est mort et maintenant on utilise JavaScript pour animer les pages Web. Il y a plusieurs bibliothèques JavaScript pour…