animatecss 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|