animatecss 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +120 -3
- data/Rakefile +3 -0
- data/animatecss.gemspec +10 -11
- data/lib/animatecss/engine.rb +6 -0
- data/lib/animatecss/version.rb +1 -1
- data/lib/animatecss.rb +1 -4
- data/spec/integration/animatecss_spec.rb +11 -0
- data/spec/lib/animatecss_spec.rb +7 -0
- data/spec/spec_helper.rb +8 -0
- metadata +47 -25
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: e1f630818d30a50fb505bad97ff6834ea47bf918
|
4
|
+
data.tar.gz: 41c4e35628d73eb72e6ef22280aab00c9ff12d72
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 24c8f6d526be8895a497417101396a52d6b4496c413da792651f9214f3ad23f95ca2237c1ff5ed365f6e2d0f0c7a899f06aafd204e6630035e3a8882c7187c3f
|
7
|
+
data.tar.gz: 7918e4d1537634dfc85a34e69871e56e05777e20a2232e4ebc2fdd842552c71a0e1505a049e2643f764dce0cdb94a08c2c15b42baa0cd6cbdb3b456103e65f0d
|
data/README.md
CHANGED
@@ -1,6 +1,10 @@
|
|
1
1
|
# Animatecss
|
2
2
|
|
3
|
-
|
3
|
+
Adds animatecss library goodies to your pipeline.
|
4
|
+
|
5
|
+
Live examples could be found at: http://daneden.me/animate/
|
6
|
+
|
7
|
+
Animate css is an open source css library developed by: Daniel Eden (daneden).
|
4
8
|
|
5
9
|
## Installation
|
6
10
|
|
@@ -10,15 +14,128 @@ Add this line to your application's Gemfile:
|
|
10
14
|
|
11
15
|
And then execute:
|
12
16
|
|
13
|
-
$ bundle
|
17
|
+
$ bundle install
|
14
18
|
|
15
19
|
Or install it yourself as:
|
16
20
|
|
17
21
|
$ gem install animatecss
|
22
|
+
|
23
|
+
Add it to the application.css.scss (Ruby on Rails):
|
18
24
|
|
25
|
+
*= require animate
|
26
|
+
|
19
27
|
## Usage
|
20
28
|
|
21
|
-
|
29
|
+
To use animate.css in your website, simply drop the stylesheet into your document's `<head>`, and add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
|
30
|
+
|
31
|
+
You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:
|
32
|
+
|
33
|
+
```javascript
|
34
|
+
$('#yourElement').addClass('animated bounceOutLeft');
|
35
|
+
```
|
36
|
+
|
37
|
+
You can change the duration of your animations, add a delay or change the number of times that it plays!
|
38
|
+
|
39
|
+
```css
|
40
|
+
#yourElement {
|
41
|
+
-vendor-animation-duration: 3s;
|
42
|
+
-vendor-animation-delay: 2s;
|
43
|
+
-vendor-animation-iteration-count: infinite;
|
44
|
+
}
|
45
|
+
```
|
46
|
+
|
47
|
+
*Note: be sure to replace "vendor" in the CSS with the applicable vendor prefixes (webkit, moz, ms, o)*
|
48
|
+
|
49
|
+
*Note: Safari in Mountion Lion (OS 10.8) has a display glitch with the Flippers. They may not appear at all until the animation is completed, or the page may have other artifacting. One fix is to add overflow: hidden to the parent div.*
|
50
|
+
|
51
|
+
##License
|
52
|
+
Animate.css is licensed under the ☺ license. (http://licence.visualidiot.com/)
|
53
|
+
|
54
|
+
##Learn more
|
55
|
+
You can learn more about animate.css over at http://daneden.me/animate
|
56
|
+
You can also get in touch via email (dan.eden@me.com) or twitter (@_dte) if you need any help or have any issues.
|
57
|
+
|
58
|
+
##Cheat Sheet
|
59
|
+
|
60
|
+
####Attention seekers:
|
61
|
+
flash
|
62
|
+
bounce
|
63
|
+
shake
|
64
|
+
tada
|
65
|
+
swing
|
66
|
+
wobble
|
67
|
+
wiggle
|
68
|
+
pulse
|
69
|
+
|
70
|
+
####Flippers (currently Webkit, Firefox, & IE10 only):
|
71
|
+
flip
|
72
|
+
flipInX
|
73
|
+
flipOutX
|
74
|
+
flipInY
|
75
|
+
flipOutY
|
76
|
+
|
77
|
+
####Fading entrances:
|
78
|
+
fadeIn
|
79
|
+
fadeInUp
|
80
|
+
fadeInDown
|
81
|
+
fadeInLeft
|
82
|
+
fadeInRight
|
83
|
+
fadeInUpBig
|
84
|
+
fadeInDownBig
|
85
|
+
fadeInLeftBig
|
86
|
+
fadeInRightBig
|
87
|
+
|
88
|
+
####Fading exits:
|
89
|
+
fadeOut
|
90
|
+
fadeOutUp
|
91
|
+
fadeOutDown
|
92
|
+
fadeOutLeft
|
93
|
+
fadeOutRight
|
94
|
+
fadeOutUpBig
|
95
|
+
fadeOutDownBig
|
96
|
+
fadeOutLeftBig
|
97
|
+
fadeOutRightBig
|
98
|
+
|
99
|
+
####Bouncing entrances:
|
100
|
+
bounceIn
|
101
|
+
bounceInDown
|
102
|
+
bounceInUp
|
103
|
+
bounceInLeft
|
104
|
+
bounceInRight
|
105
|
+
|
106
|
+
####Bouncing exits:
|
107
|
+
bounceOut
|
108
|
+
bounceOutDown
|
109
|
+
bounceOutUp
|
110
|
+
bounceOutLeft
|
111
|
+
bounceOutRight
|
112
|
+
|
113
|
+
####Rotating entrances:
|
114
|
+
rotateIn
|
115
|
+
rotateInDownLeft
|
116
|
+
rotateInDownRight
|
117
|
+
rotateInUpLeft
|
118
|
+
rotateInUpRight
|
119
|
+
|
120
|
+
####Rotating exits:
|
121
|
+
rotateOut
|
122
|
+
rotateOutDownLeft
|
123
|
+
rotateOutDownRight
|
124
|
+
rotateOutUpLeft
|
125
|
+
rotateOutUpRight
|
126
|
+
|
127
|
+
####Lightspeed:
|
128
|
+
lightSpeedIn
|
129
|
+
lightSpeedOut
|
130
|
+
|
131
|
+
####Specials:
|
132
|
+
hinge
|
133
|
+
rollIn
|
134
|
+
rollOut
|
135
|
+
|
136
|
+
## Other Resources
|
137
|
+
|
138
|
+
- There's another [Ruby gem](https://github.com/camelmasa/animate-rails) available for Animate.css
|
22
139
|
|
23
140
|
## Contributing
|
24
141
|
|
data/Rakefile
CHANGED
data/animatecss.gemspec
CHANGED
@@ -6,22 +6,21 @@ Gem::Specification.new do |gem|
|
|
6
6
|
gem.email = ["ariel@globalxolutions.com"]
|
7
7
|
gem.description = %q{Add animate css goodies to your rails pipeline}
|
8
8
|
gem.summary = %q{Animate Css is an open source library created by: Dan Eden, more info visit: http://daneden.me/animate/}
|
9
|
-
gem.homepage = ""
|
9
|
+
gem.homepage = "https://github.com/globalxolutions/animatecss"
|
10
|
+
gem.license = "MIT"
|
10
11
|
|
11
|
-
gem.files = `git ls-files`.split($\)
|
12
|
-
#gem.files = Dir["{lib,vendor}/**/*"] + ["MIT-LICENSE", "README.md"]
|
13
|
-
# gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
|
14
|
-
gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
|
15
12
|
gem.name = "animatecss"
|
16
|
-
gem.require_paths = ["lib"]
|
17
13
|
gem.version = Animatecss::VERSION
|
18
|
-
gem.
|
19
|
-
gem.
|
20
|
-
|
14
|
+
gem.platform = Gem::Platform::RUBY
|
15
|
+
gem.add_development_dependency "rspec", "~> 2.12.0"
|
16
|
+
gem.add_development_dependency "capybara", "~> 1.1.3"
|
17
|
+
gem.add_dependency "railties", ">= 3.2", "< 5.0"
|
18
|
+
gem.required_rubygems_version = ">= 1.3.6"
|
21
19
|
gem.rubyforge_project = "animatecss"
|
22
20
|
|
23
21
|
gem.files = `git ls-files`.split("\n")
|
24
22
|
gem.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
25
|
-
gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
26
|
-
gem.
|
23
|
+
# gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
24
|
+
gem.require_path = "lib"
|
27
25
|
end
|
26
|
+
|
data/lib/animatecss/version.rb
CHANGED
data/lib/animatecss.rb
CHANGED
@@ -0,0 +1,11 @@
|
|
1
|
+
require 'rubygems'
|
2
|
+
require 'bundler/setup'
|
3
|
+
require 'spec_helper'
|
4
|
+
|
5
|
+
describe Animatecss do
|
6
|
+
it "should have the css files on the assets pipeline" do
|
7
|
+
pending 'learning how to test this'
|
8
|
+
# visit "/assets/animate.css"
|
9
|
+
# response.status.should be(200)
|
10
|
+
end
|
11
|
+
end
|
data/spec/spec_helper.rb
ADDED
metadata
CHANGED
@@ -1,48 +1,63 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: animatecss
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
5
|
-
prerelease:
|
4
|
+
version: 0.0.2
|
6
5
|
platform: ruby
|
7
6
|
authors:
|
8
7
|
- Ariel De La Rosa
|
9
8
|
autorequire:
|
10
9
|
bindir: bin
|
11
10
|
cert_chain: []
|
12
|
-
date: 2013-
|
11
|
+
date: 2013-07-12 00:00:00.000000000 Z
|
13
12
|
dependencies:
|
14
13
|
- !ruby/object:Gem::Dependency
|
15
14
|
name: rspec
|
16
15
|
requirement: !ruby/object:Gem::Requirement
|
17
|
-
none: false
|
18
16
|
requirements:
|
19
|
-
- -
|
17
|
+
- - ~>
|
20
18
|
- !ruby/object:Gem::Version
|
21
|
-
version:
|
19
|
+
version: 2.12.0
|
22
20
|
type: :development
|
23
21
|
prerelease: false
|
24
22
|
version_requirements: !ruby/object:Gem::Requirement
|
25
|
-
none: false
|
26
23
|
requirements:
|
27
|
-
- -
|
24
|
+
- - ~>
|
28
25
|
- !ruby/object:Gem::Version
|
29
|
-
version:
|
26
|
+
version: 2.12.0
|
30
27
|
- !ruby/object:Gem::Dependency
|
31
|
-
name:
|
28
|
+
name: capybara
|
32
29
|
requirement: !ruby/object:Gem::Requirement
|
33
|
-
none: false
|
34
30
|
requirements:
|
35
31
|
- - ~>
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: 1.1.3
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - ~>
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: 1.1.3
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: railties
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - '>='
|
36
46
|
- !ruby/object:Gem::Version
|
37
47
|
version: '3.2'
|
48
|
+
- - <
|
49
|
+
- !ruby/object:Gem::Version
|
50
|
+
version: '5.0'
|
38
51
|
type: :runtime
|
39
52
|
prerelease: false
|
40
53
|
version_requirements: !ruby/object:Gem::Requirement
|
41
|
-
none: false
|
42
54
|
requirements:
|
43
|
-
- -
|
55
|
+
- - '>='
|
44
56
|
- !ruby/object:Gem::Version
|
45
57
|
version: '3.2'
|
58
|
+
- - <
|
59
|
+
- !ruby/object:Gem::Version
|
60
|
+
version: '5.0'
|
46
61
|
description: Add animate css goodies to your rails pipeline
|
47
62
|
email:
|
48
63
|
- ariel@globalxolutions.com
|
@@ -57,31 +72,38 @@ files:
|
|
57
72
|
- Rakefile
|
58
73
|
- animatecss.gemspec
|
59
74
|
- lib/animatecss.rb
|
75
|
+
- lib/animatecss/engine.rb
|
60
76
|
- lib/animatecss/version.rb
|
77
|
+
- spec/integration/animatecss_spec.rb
|
78
|
+
- spec/lib/animatecss_spec.rb
|
79
|
+
- spec/spec_helper.rb
|
61
80
|
- vendor/assets/stylesheets/animate.css
|
62
|
-
homepage:
|
63
|
-
licenses:
|
81
|
+
homepage: https://github.com/globalxolutions/animatecss
|
82
|
+
licenses:
|
83
|
+
- MIT
|
84
|
+
metadata: {}
|
64
85
|
post_install_message:
|
65
86
|
rdoc_options: []
|
66
87
|
require_paths:
|
67
88
|
- lib
|
68
89
|
required_ruby_version: !ruby/object:Gem::Requirement
|
69
|
-
none: false
|
70
90
|
requirements:
|
71
|
-
- -
|
91
|
+
- - '>='
|
72
92
|
- !ruby/object:Gem::Version
|
73
93
|
version: '0'
|
74
94
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
75
|
-
none: false
|
76
95
|
requirements:
|
77
|
-
- -
|
96
|
+
- - '>='
|
78
97
|
- !ruby/object:Gem::Version
|
79
|
-
version:
|
98
|
+
version: 1.3.6
|
80
99
|
requirements: []
|
81
100
|
rubyforge_project: animatecss
|
82
|
-
rubygems_version:
|
101
|
+
rubygems_version: 2.0.4
|
83
102
|
signing_key:
|
84
|
-
specification_version:
|
85
|
-
summary:
|
86
|
-
|
87
|
-
test_files:
|
103
|
+
specification_version: 4
|
104
|
+
summary: 'Animate Css is an open source library created by: Dan Eden, more info visit:
|
105
|
+
http://daneden.me/animate/'
|
106
|
+
test_files:
|
107
|
+
- spec/integration/animatecss_spec.rb
|
108
|
+
- spec/lib/animatecss_spec.rb
|
109
|
+
- spec/spec_helper.rb
|