Code Monkey home page Code Monkey logo

click_effects-rails's Introduction

click_effects-rails

NB: This is very rough

An asset gem for the stellar ClickEffects library from codrops.

I haven't included any of the custom SVG from codrop's original implementation, which means some of the animations may not work (e.g., zorka).

Also, I am lazy and this is rails, so I just used some hacky jQuery to add/remove the cbutton--click class.

Also also, I'm super lazy. I didn't include any of the modernizr code. You're free to lend a hand (pull request) to fix my lazy.

TODO

If you're awesome, you'll consider modularizing all of the animation code so one can include only the animations one needs.

Or, maybe you want to create a soild javascript interface for this little design-ditty.

Who knows? Go wild!

Installation

Add this line to your application's Gemfile:

gem 'click_effects-rails'

Then, add this line to your application.css file:

*= require click_effects

And this line to your application.js file:

//= require click_effects

And then execute:

$ bundle

Usage

See the article at codrops, or check out the demos.

Versioning

ClickEffects was not published with a version, so this Gem is starting out with 0.0.1. (I.e., please DO NOT consider it stable.)

License

See the original license for the codrop project here

Contributing

  1. Fork it ( https://github.com/brettimus/click_effects-rails/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request - we'll do the honor system that you tested it

Testing

I created an ad-hoc rails app to test the gem. Maybe I'll put that up later. ¯\_(ツ)_/¯

click_effects-rails's People

Contributors

brettimus avatar

Stargazers

 avatar

Watchers

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