ractivejs / ractive-transitions-fade Goto Github PK
View Code? Open in Web Editor NEWA fade transition plugin for Ractive.js
Home Page: http://ractivejs.github.io/ractive-transitions-fade
License: MIT License
A fade transition plugin for Ractive.js
Home Page: http://ractivejs.github.io/ractive-transitions-fade
License: MIT License
Why are there two duplicate files?
src/Ractive-transitions-fade.js
src/ractive-transitions-fade.js
Also, this is straight up not true:
Or, if you're using a module loader, require this module:
// requiring the plugin will 'activate' it - no need to use
// the return value
require( 'ractive-transitions-fade' );
Needs to say
Ractive.transitions.fade = require('ractive-transitions-fade')
Let me know if this isn't intentional and I'll clean it up for you and submit a PR.
I get plenty of these warnings after having upgraded to Ractive v0.4.0 :(
Would be good to get this fixed soon to avoid console pollution. Thanks!
Hello there
This code works well on Firefox but not on Chrome:
{{# videos:i }}
li(intro="fade:{delay: {{ i * GlobalConfig.current.animation.listFadeDelay }} }")
video-preview(video="{{ this }}")
{{/ videos }}
On Chrome it looks like there is no delay and no fade effect at all.
Any ideas why?
When I use this transition in combination with https://github.com/desandro/masonry then things are overwritten.
Masonry applies absolute positioning on elements with inline styles. Ractive-transitions-fade overwrites these when completed, reverting the positions Masonry has calculated ...
Possible to fix that?
$ bower install ractive-transitions-fade --save
bower ENOTFOUND Package ractive-transitions-fade not found
I doubt you have published it yet. Any chance to do so asap?
The download link at the top of the following page is broken (not found):
http://ractivejs.github.io/ractive-transitions-fade/
It currently points to:
https://raw.github.com/ractivejs/ractive-transitions-fade/master/dist/ractive-transitions-fade.js
...whereas I think it should point here:
https://raw.github.com/ractivejs/ractive-transitions-fade/master/src/ractive-transitions-fade.js
bower still installs v0.1.2 instead of v0.2.0
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.