Skip to content

A pure Javascript plugin to visualize and bookmark links.

Notifications You must be signed in to change notification settings

clemzarch/LaterPlease

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Context: it was a small student project aimed at creating a JS plugin

(Very) Fast Set-Up

<script src="https://raw.githubusercontent.com/clemzarch/LaterPlease/master/laterplease.min.js"></script>

Documentation

Français Marre d'ouvrir 50 onglets à partir d'une page wikipedia ? Situation classique : Vous trouvez une page immense et passionante, et vous vous mettez à ouvrir chaque liens dans un nouvel onglet.

Vous pouvez faire une offrande à Chrome en espérant qu'il ne mange pas toute votre RAM. Ou bien vous passez une dizaine d'années à sauter de lien en liens pour absolument tout lire.

Arrêtez tout de suite. Votre page est équipée du plugin LaterPlease.

Fonctionnement

Avec LaterPlease, vous pouvez visualiser un lien en passant la souris dessus. Sans quitter la page, sans aucun clic. Si la page vous intêresse, vous cliquer sur Later!, et la page est mise dans votre liste de lecture.

La liste de lecture vous suis partout sur le site et garde en memoire les sites que vous lui donnez. Pour toujours.

Comme ça vous avez une liste claire des pages que vous devez lire, et ce sans massacrer votre navigateur.

Le plugin ne requiert aucune dépendance, ni JQuery, ni CSS additionnel, ni modification de la page. Vous liez le plugin sur votre page, ou dans vos scripts existants, et LaterPlease se charge de tout.

Et comme LaterPlease est aussi hébergé, même pas besoin de le télécharger.

Mise en Place

laterplease.js contient le code avec tous les commentaires si vous voulez le modifier ou l'étudier.
laterplease.min.js est compressé, illisible pour les humains mais plus léger.

  1. Téléchargez laterplease.js.
  2. Collez <script src="laterplease.js"></script> sur la page.

La visualisation s'active pour chaque balise a.

Ignorer un lien

Indiquez à LaterPlease d'ignorer un lien en lui donnant la classe ignorePlease.

Références CSS

LaterPlease a déjà un style appliqué par défaut pour le rendre présentable, mais si vous voulez l'adopter vous pouvez l'habiller plus proprement.
  • La carte qui apparait au survol : #visuLater
    • le cadre de visualisation : #frameLater
    • le bouton "Later!" : #bookmarkLater
    • la petite étiquette "Enregistré !" : #bookmarkLater span
  • La fenêtre flottante : #windowLater
    • La bordure de la fenêtre : #borderLater
    • La liste de liens : #listeLater
      • un lien : #listeLater a
      • un bouton pour supprimer le lien : .supprLater
  • Un lien impossible à visualiser : .ignorePlease

Tout le code CSS est visible dans style (For Reference Only !).css. Inutile de le télécharger, mais vous pouvez y vérifier les règles CSS par défaut.


English Fed up with opening a thousand tabs from one Wikipedia page?

Classic. You just found a great and huge page, and you begin opening every single link in a new tab.

You could either donate your soul to Firefox, hoping that it won't chomp your RAM. Or you could spend the rest of your life switching from tab to tabs to read everything.

Stop! Your web page is equipped with LaterPlease.

How it works

With LaterPlease, you can visualize a link by hovering over it. No page loading, no mouse clicking. If some page catches you eye, click the Later! button and the page get stored in your playlist.

The playlist follows you everywhere on the site and keeps the sites and links you need to read later. Forever.

You get a simple and clean list of the pages you'll read, without killing performance.

This plugin does not have any dependencies, nor does it need JQuery, additionnal CSS, or any page modification. You only need to link the plugin on every page, and LaterPlease! does the rest.

And because LaterPlease is hosted on the web, you have the option not to download it.

Set-Up

laterplease.js contains the plugin with a lot of comments to help you modify and understand it.
laterplease.min.js is compressed, unreadable for humans but more lighweight

1. Download laterplease.js.
2. Paste <script src="laterplease.js"></script> on your page.

The visualization shows up for every a tag.

Ignore Links

If you want LaterPlease to ignore a link, give it the class ignorePlease.

CSS References

LaterPlease already comes with its own CSS rules, but you can overrule them if you need.
  • The card that appears on hover : #visuLater
    • the visualization frame : #frameLater
    • the "Later!" button : #bookmarkLater
    • the tiny popup "Enregistré !" : #bookmarkLater span
  • The floating window : #windowLater
    • the window's handle : #borderLater
    • the list of links : #listeLater
      • a link : #listeLater a
      • a button to delete a link : .supprLater
  • A link that needs to be ignored : .ignorePlease
The whole styling is in style (For Reference Only !).css. You don't need to download it but you can use it to help to check the default rules.

About

A pure Javascript plugin to visualize and bookmark links.

Resources

Stars

Watchers

Forks

Packages

No packages published