Ithy Logo

Créer une Grille de 9 Post-its dans Obsidian

Organisez vos notes avec une vue dynamique et visuelle

sticky notes on desk

Principaux points à retenir

  • Installation des plugins essentiels : Dataview et Canvas sont indispensables pour la création et la gestion de la grille.
  • Configuration des requêtes Dataview : Permet de filtrer et de trier les notes selon la date de modification.
  • Personnalisation visuelle avec CSS : Donne un aspect post-it à la grille pour une meilleure lisibilité et esthétique.

Introduction

Obsidian est un outil puissant pour la gestion des connaissances, offrant une flexibilité remarquable grâce à son système de plugins et de personnalisations. L'une des fonctionnalités avancées d'Obsidian est la possibilité de créer des grilles de post-its pour visualiser rapidement les notes les plus récentes. Cette méthode permet non seulement d'améliorer l'organisation, mais aussi de faciliter l'accès aux informations les plus pertinentes.

Étape 1 : Installer et Configurer les Plugins Nécessaires

1.1. Installation des Plugins

Pour réaliser une grille de 9 post-its dans Obsidian, il est essentiel d'installer certains plugins qui étendent les fonctionnalités de base de l'application.

  • Dataview : Permet de créer des requêtes dynamiques pour filtrer et trier vos notes.
  • Canvas : Offre une interface visuelle pour organiser vos notes sous forme de cartes ou de post-its.
  • Excalidraw ou Kanban (optionnel) : Pour des personnalisations supplémentaires et des mises en page avancées.

Procédure d'installation :

  1. Ouvrez Obsidian et naviguez vers Paramètres.
  2. Sélectionnez Plugins communautaires et cliquez sur Parcourir.
  3. Recherchez Dataview, Canvas, et tout autre plugin nécessaire, puis cliquez sur Installer.
  4. Après l'installation, activez chaque plugin en cliquant sur le bouton d'activation.

1.2. Configuration des Plugins

Une fois les plugins installés, il est important de les configurer correctement pour qu'ils travaillent en harmonie.

Configuration de Dataview

Dataview permet d'extraire et de présenter des données spécifiques de votre vault. Pour créer une grille des 9 notes les plus récemment modifiées :

  1. Créez une nouvelle note où sera affichée la grille.
  2. Insérez la requête Dataview suivante :
    dataview
    TABLE file.mtime AS "Dernière modification"
    FROM ""
    SORT file.mtime DESC
    LIMIT 9
    ```
  3. Cette requête génère une table listant les 9 notes les plus récentes.

Configuration de Canvas

Canvas vous permet de disposer visuellement vos post-its. Pour configurer votre grille :

  1. Créez un nouveau fichier Canvas en cliquant sur Fichier nouveau Canvas.
  2. Glissez les notes identifiées par Dataview dans le Canvas pour les transformer en cartes.
  3. Organisez les cartes en une grille 3x3 en utilisant les outils d'alignement disponibles.

Étape 2 : Créer une Requête Dataview pour Filtrer les Notes Récentes

La création d'une requête Dataview spécifique est cruciale pour automatiser la sélection des notes les plus récemment modifiées. Voici comment procéder :

2.1. Rédaction de la Requête

Insérez la requête suivante dans votre note dédiée :

dataview
TABLE WITHOUT ID
("![[" + file.name + "]]") AS "Note"
FROM ""
SORT file.mtime DESC
LIMIT 9
```

Cette requête :

  • Crée une table sans identifiant.
  • Affiche un aperçu de chaque note sous forme de post-it.
  • Trie les notes par date de modification décroissante.
  • Limite l'affichage aux 9 notes les plus récentes.

2.2. Intégration dans Canvas

Après avoir généré la liste des notes, vous pouvez les intégrer dans le Canvas :

  1. Copiez les liens des notes générées par Dataview.
  2. Sur le Canvas, créez des rectangles ou des cartes pour chaque note.
  3. Collez les liens dans chaque carte pour un accès rapide.

Étape 3 : Personnaliser l'Apparence des Post-its avec des Snippets CSS

Pour donner un aspect authentique de post-it à votre grille, l'utilisation de snippets CSS est recommandée.

3.1. Création du Snippet CSS

Créez un fichier CSS personnalisé dans le dossier .obsidian/snippets/ de votre vault. Nommez-le par exemple postit-grid.css et ajoutez le code suivant :

.dataview.table-view-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    border: none;
}

.dataview.table-view-table thead {
    display: none;
}

.dataview.table-view-table td {
    border: none;
    background: #ffeb3b;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.dataview.table-view-table tbody {
    display: contents;
}

Ce snippet :

  • Transforme la table Dataview en une grille flexible.
  • Applique un fond jaune typique des post-its.
  • Ajoute des ombres pour un effet de profondeur.
  • Cache les en-têtes de la table pour un aspect plus propre.

3.2. Activation du Snippet CSS

  1. Placez le fichier postit-grid.css dans le dossier .obsidian/snippets/ de votre vault.
  2. Allez dans Paramètres > Apparence > Snippets CSS.
  3. Activez le snippet en cliquant sur le bouton approprié.
  4. Rechargez Obsidian si nécessaire pour appliquer les changements.

Étape 4 : Utiliser Canvas pour Organiser Visuellement les Post-its

Avec les plugins et les styles en place, l'étape suivante consiste à organiser visuellement vos notes dans une grille cohérente.

4.1. Création du Canvas

  1. Dans Obsidian, créez un nouveau Canvas en cliquant sur Fichier nouveau Canvas.
  2. Nommer le Canvas de manière pertinente, par exemple Grille Post-its.

4.2. Ajout des Notes au Canvas

Intégrez les 9 notes les plus récentes dans le Canvas :

  1. Glissez-déposez chaque note depuis l'explorateur Obsidian vers le Canvas.
  2. Chaque note apparaîtra comme une carte visuelle rappelant un post-it.

4.3. Organisation en Grille 3x3

Arrangez les cartes en une grille structurée :

  1. Sélectionnez toutes les cartes en maintenant la touche Ctrl ou Cmd (selon votre système d'exploitation).
  2. Utilisez les options d'alignement fournies par Canvas pour disposer les cartes en 3 colonnes et 3 rangées.

Étape 5 : Automatiser la Mise à Jour de la Grille

Pour garantir que la grille reste à jour avec les notes les plus récentes, il est essentiel d'automatiser le processus.

5.1. Utilisation de Requêtes Dynamiques

La requête Dataview employée précédemment est dynamique et se met à jour automatiquement lorsque vous modifiez vos notes. Ainsi, chaque fois qu'une note est ajoutée ou modifiée, la grille reflète ces changements sans intervention manuelle.

5.2. Configuration de Plugins pour l'Automatisation

Certains plugins permettent d'automatiser davantage le processus :

  • Periodic Notes : Synchronise vos notes avec des intervalles de temps spécifiques, assurant que les dernières modifications sont toujours reflétées.
  • Observer : Un plugin hypothétique qui surveille les changements dans votre vault et met à jour le Canvas en conséquence.

Étape 6 : Personnaliser les Aperçus des Notes

Pour rendre les post-its plus informatifs et visuellement attrayants, personnalisez les aperçus des notes.

6.1. Ajouter des Aperçus de Contenu

Utilisez la transclusion pour afficher un extrait du contenu de chaque note dans le post-it :

![[NomDeLaNote]]

Cette syntaxe permet d'inclure le contenu d'une note spécifique directement dans une autre note.

6.2. Inclusion d'Images ou de Métadonnées

Pour enrichir l'aperçu, ajoutez des images ou des métadonnées pertinentes en début de chaque note :

  • Insérez une image pertinente en haut de la note :
  • ![Description de l'image](chemin/vers/image.jpg)
    
  • Ajoutez des métadonnées YAML pour structurer les informations :
  • ---
    titre: Mon Titre
    date: 2025-01-18
    tag: exemple
    ---
    

Conseils Supplémentaires

Optimisation de la Performance

Assurez-vous que votre vault ne contient pas un nombre excessif de notes, ce qui pourrait ralentir le chargement des requêtes Dataview et de Canvas. Organisez vos notes en sous-dossiers si nécessaire.

Backup Régulier

Maintenez des sauvegardes régulières de votre vault pour éviter toute perte de données, surtout lorsque vous expérimentez avec des plugins et des configurations personnalisées.

Exploration des Thèmes Personnalisés

Explorez différents thèmes Obsidian et snippets CSS pour affiner l'apparence de votre grille de post-its selon vos préférences esthétiques.


Conclusion

Créer une grille de 9 post-its dans Obsidian est une excellente manière d'organiser visuellement vos notes tout en mettant en avant les informations les plus récentes. En combinant les plugins Dataview et Canvas avec une personnalisation CSS appropriée, vous pouvez transformer votre vault en un espace de travail dynamique et intuitif. Cette configuration non seulement améliore l'accessibilité de vos notes, mais également renforce votre productivité en vous permettant de rester concentré sur les contenus les plus pertinents.


Références


Last updated January 18, 2025
Ask me more