click_effects-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +14 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +68 -0
- data/Rakefile +2 -0
- data/click_effects-rails.gemspec +23 -0
- data/lib/click_effects/rails/version.rb +5 -0
- data/lib/click_effects/rails.rb +8 -0
- data/vendor/assets/javascripts/click_effects.js +11 -0
- data/vendor/assets/stylesheets/click_effects.css +1547 -0
- metadata +110 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: d9430eda9bbd6470cc5ffcda8cbb99812375355f
|
4
|
+
data.tar.gz: 83c112dce73206bf4a7ee48d73b03b907c6fc4da
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: b6fd6b1d5097850773cceae338c8b8e6891fb32bc747a1c38c9b91ba9221aca1a8e92e172dc2238368cdbcd0e8b5af0403d31750aa2c51901cd2ebec97d52058
|
7
|
+
data.tar.gz: 7d71ea83bb40766da60e2500ddc0dc763df8575288fb34d67321a2460122d45db3af4cfc54df6bdfbe7854320cd15211391b18b219dddadcc7ce13c7c5bc6dfe
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2015 brettimus
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,68 @@
|
|
1
|
+
# click_effects-rails
|
2
|
+
|
3
|
+
**NB: This is very rough**
|
4
|
+
|
5
|
+
An asset gem for the stellar [ClickEffects library](https://github.com/codrops/ClickEffects) from [codrops](http://tympanus.net/codrops/).
|
6
|
+
|
7
|
+
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_).
|
8
|
+
|
9
|
+
Also, I am lazy and this is rails, so I just used some hacky jQuery to add/remove the `cbutton--click` class.
|
10
|
+
|
11
|
+
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.
|
12
|
+
|
13
|
+
## TODO
|
14
|
+
|
15
|
+
If you're awesome, you'll consider modularizing all of the animation code so one can include only the animations one needs.
|
16
|
+
|
17
|
+
Or, maybe you want to create a soild javascript interface for this little design-ditty.
|
18
|
+
|
19
|
+
Who knows? Go wild!
|
20
|
+
|
21
|
+
## Installation
|
22
|
+
|
23
|
+
Add this line to your application's Gemfile:
|
24
|
+
|
25
|
+
```ruby
|
26
|
+
gem 'click_effects-rails'
|
27
|
+
```
|
28
|
+
|
29
|
+
Then, add this line to your `application.css` file:
|
30
|
+
```
|
31
|
+
*= require click_effects
|
32
|
+
```
|
33
|
+
|
34
|
+
And this line to your `application.js` file:
|
35
|
+
```
|
36
|
+
//= require click_effects
|
37
|
+
```
|
38
|
+
|
39
|
+
And then execute:
|
40
|
+
|
41
|
+
$ bundle
|
42
|
+
|
43
|
+
|
44
|
+
## Usage
|
45
|
+
|
46
|
+
See the [article](http://tympanus.net/codrops/2015/02/11/subtle-click-feedback-effects/) at codrops, or check out [the demos](http://tympanus.net/Development/ClickEffects/).
|
47
|
+
|
48
|
+
## Versioning
|
49
|
+
|
50
|
+
ClickEffects was not published with a version, so this Gem is starting out with `0.0.1`.
|
51
|
+
(I.e., please DO NOT consider it stable.)
|
52
|
+
|
53
|
+
## License
|
54
|
+
|
55
|
+
See the original license for the codrop project [here](http://tympanus.net/codrops/licensing/)
|
56
|
+
|
57
|
+
## Contributing
|
58
|
+
|
59
|
+
1. Fork it ( https://github.com/brettimus/click_effects-rails/fork )
|
60
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
61
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
62
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
63
|
+
5. Create a new Pull Request - we'll do the honor system that you tested it
|
64
|
+
|
65
|
+
## Testing
|
66
|
+
|
67
|
+
I created an ad-hoc rails app to test the gem.
|
68
|
+
Maybe I'll put that up later. `¯\_(ツ)_/¯`
|
data/Rakefile
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'click_effects/rails/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = "click_effects-rails"
|
8
|
+
spec.version = ClickEffects::Rails::VERSION
|
9
|
+
spec.authors = ["brettimus"]
|
10
|
+
spec.email = ["brbeut@gmail.com"]
|
11
|
+
spec.summary = %q{asset gem for ClickEffects by codrop}
|
12
|
+
spec.description = %q{}
|
13
|
+
spec.homepage = "https://github.com/brettimus/click_effects-rails"
|
14
|
+
spec.license = "http://tympanus.net/codrops/licensing/"
|
15
|
+
|
16
|
+
spec.files = `git ls-files -z`.split("\x0")
|
17
|
+
spec.require_paths = ["lib"]
|
18
|
+
|
19
|
+
spec.add_development_dependency "bundler", "~> 1.7"
|
20
|
+
spec.add_development_dependency "rake", "~> 10.0"
|
21
|
+
spec.add_dependency 'railties" '
|
22
|
+
spec.add_dependency 'jquery-rails'
|
23
|
+
end
|
@@ -0,0 +1,11 @@
|
|
1
|
+
var clickEffectHandler = function() {
|
2
|
+
$(".cbutton").click(function() {
|
3
|
+
$el = $(this);
|
4
|
+
$el.addClass("cbutton--click");
|
5
|
+
setTimeout(function() {
|
6
|
+
$el.removeClass("cbutton--click");
|
7
|
+
}, 800);
|
8
|
+
});
|
9
|
+
};
|
10
|
+
$(document).ready(clickEffectHandler);
|
11
|
+
$(document).on('page:load', clickEffectHandler);
|