Git Product home page Git Product logo

bookmarklets's Introduction

Bookmarklets are awesome. They sit in your favourites quietly without hogging any resources, being quick to they're quick to add and even quicker to use. They provide a wide variety of features on all kinds of sites. But some sites make it terribly hard to find their bookmarklets, others don't even officially provide one. That's why I created this site. This is a place to find bookmarklets for your favourite websites, be it social media sites like Twitter, Facebook or Tumblr, or sites like GitHub, Gist, and Zootool.

The list is frequently updated with new and even more awesome entries. Read on to find out how you can add new bookmarklets yourself in order to help improve the site.

Working with the code

bookmarklets is built using gulp. The default gulp task sets up a local server, some watchers for all filetypes so you're ready to go.

git clone https://github.com/RadLikeWhoa/bookmarklets.git
cd bookmarklets
gulp

Only files in the src directory should be edited. If all you want to do is add a new bookmarklet you only need to work inside the networks directory.

Adding new bookmarklets

Add new bookmarklets to the networks folder.

If a .json file for the network you're trying to add already exists, you can add further bookmarks to the the same file as part of the bookmarklets collection (and following the standard format). You can read more about the format in the table further down this page.

If there is no existing .json file you'll need to add one yourself. Your new file should look like this:

{
  "network": "",
  "category": "",
  "color": "",
  "bookmarklets": [{
    "name": "",
    "code": ""
  }]
}
Property Descripton
network The name of your network (e.g. "Twitter", "Facebook", etc.)
category Your network's category. (e.g. "social", "news")
color Your network's primary color, or brand color.
bookmarklets An array representing the network's bookmarklets. Each bookmarklet is an object, consisting of a name (the bookmarklet's action) and a code (the bookmarklet's actual code) entry.

After you've added your new bookmarklet you need to run gulp dry (build without preview) or gulp (build with preview).

bookmarklets's People

Contributors

radlikewhoa avatar asarode avatar kellygrape avatar minamarkham avatar tawashley avatar

Watchers

 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.