Code Monkey home page Code Monkey logo

bookmarks's Introduction

bookmarks.public

This repository allows you to save your bookmarks under revision control, via a simple combination of HTML, CSS & Javascript.

  • You add your bookmarks to the file bookmarks.data.
  • Then view them by opening index.html in your browser.
    • This uses bookmarks.css to style them, and bookmarks.js to make them interactive.

Online Demo

You may try out the interface in this online demo.

Rationale

I didn't like any of the online bookmark-syncing plugins/addins/tools I tested.

The idea of hosting an online bookmark server is appealing, but using the power of git it seems that having a local bookmark file should be pretty robust:

  • New items are added, generally one per line.
  • Existing items can be edited to add new tags.
  • Merges should be painless.

The included javascript magic is present solely to make the bookmarks manageable, in my private copy I have 400+ bookmarks and with the tagging support present here they will continue to work for me easily.

Using

If you wish to use this bookmarks script, and are happy for your bookmarks to be public, then just fork this repository and you're done.

If you prefer to keep your bookmarks private, as I do, then you'll need to clone the repository somewhere private.

Adding bookmarks via the browser

The bookmarks are all stored in the standalone file bookmarks.data, and the expected use-case is that you edit that with your favourite editor.

However you may also add bookmarks dynamically, via your browser. Just complete the form on the right-side of the interface. Newly added bookmarks will be available for you to view immediately, however they will not be saved by default.

To make your new additions permanent you must click Save and overwrite your local bookmarks.data file with the updated version.

Adding / Editing / Removing

Add Bookmark form allows you to add new bookmark with name, link and comma-separated tags.

When moving mouse over existing bookmark, you can either click recycle icon to delete it or pencil icon to edit it.

Editing works just as adding new bookmark. It even happens in the same form, which temporary switches to editing mode (Edit Bookmark title and buttons to Save and Cancel). Editing replaces existing bookmark you selected before.

Contributing

If you wish to submit improvements to the javascript code, or layout, then I welcome forks & pull requests.

NOTE: If you submit a change feel free to add a link to your homepage/blog/whatever as part of that. The included bookmarks are only examples.

Steve

bookmarks's People

Contributors

skx avatar dluciv avatar angelodag avatar dmitshur avatar

Watchers

James Cloos avatar PJ avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.