Giter VIP home page Giter VIP logo

gifit's Introduction

GIFit build status

GIFit Rudd Dancing

Making a GIF can be intimidating. With GIFit, it isn't so intimidating anymore. Just install GIFit and you can make GIFs out of pieces of any YouTube video. Inherit the power of the GIF gods!

GIFit in action

Installing

Chrome Web Store (Easy Mode)

You can install the latest production version of GIFit! from the Chrome Web Store.

Compile GIFit from Source (Hard Mode)

Here are some quick and easy steps for compilation success:

  1. Download or clone this repository and unzip it.
  2. Navigate to chrome://extensions/ (or find it in Chrome's settings panel) and enable "developer mode" (it should be a small checkbox at the top right).
  3. Click "Load unpacked extension..." and select the GIFit/dist folder.
  4. Navigate to YouTube. You should now see a "GIFit!" button in video toolbars.

If you have any problems with the extension, be sure to speak up and file issues!

Contributing

Contributing to this project is EASY, provided that you love GIFs and aren't afraid of JS. I've elected to use React, Browserify, and LESS for this project.

I use npm scripts for various dev utilities, such as building, watching, and testing. You will need to use npm run-script to run these:

  • npm run build: Compiles the contents of the src/ directory and saves the result to dist/.
  • npm run watch: Runs the build task, then rebuilds if any of the source files change.
  • npm run test: Runs tests in a remote vm via SauceLabs. You will need to have a SauceLabs account and properly configure zuul in order to use this command.
  • npm run test:browser: Runs tests on a local server, accessible by a browser.

When fixing bugs/adding features please make NEW BRANCHES and submit pull reqs. Please follow the existing code style as well as you're able. Make sure the tests are passing, and if you add any new features, you add tests for them.

gifit's People

Contributors

bryant1410 avatar fauntleroy 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.