ractivejs / ractive-transitions-slide Goto Github PK
View Code? Open in Web Editor NEWSlide elements in and out of view
Home Page: http://ractivejs.github.io/ractive-transitions-slide/
License: MIT License
Slide elements in and out of view
Home Page: http://ractivejs.github.io/ractive-transitions-slide/
License: MIT License
Reproduce:
bower install ractive-transitions-slide
cd bower_components/ractive-transitions-slide
npm install
The es5-version file bower_components/ractive-transitions-slide/dist/ractive-transitions-slide.umd.js
then still contains const
declarations.
...need to update this to the new API - see #Ractive/326
Latest version in bower is 0.1.2
instead of 0.2
Just a silly question @Rich-Harris is it possible to use/expand this plugin to achieve push right/left transition similar to this http://tympanus.net/Blueprints/SlidePushMenus/ (last two demos) it's been a bit tricky for me as both sections need to stay in the dom so I've been adding/removing classes which is a bit hacky I guess..
I'm using the same "hacky" approach to achieve stuff like this http://tympanus.net/Development/PageTransitions/ (borrowed the css from them) and two active "Ractives" which I dynamically build/teardown when animations are complete.
I see you got plenty of stuff on your plate so no rush to answer, I'm just thinking out loud here.
PS: thanks for making this node-compatible :)
Relates to ractivejs/ractive#1985
When this transition commits an animation, it seems to
That sounds great in theory, but when finished ("transitionEnd"), the transition should:
Otherwise, if you add / remove elements to the animated element, it won't adjust its inherent height for those new elements.
Hi!
Looks like you forgot to publish 0.1.2 to NPM... ๐
Similar like ractivejs/ractive-transitions-fade#5 ... thanks!
I was going to try to address issue #10, but npm install
has some issues. Using npm install --dev
just installs recursively, infinitely. Running npm install
by itself yields this error:
Failed at the [email protected] prepublish script 'npm run build'.
npm ERR! This is most likely a problem with the ractive-transitions-slide package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run build
I noticed a lot of the dependencies were deprecated or unsupported, so that might have something to do with it. Seems strange that a simple JS file would have a such a long stack of dependencies, though.
$ bower install ractive-transitions-slide --save
bower ENOTFOUND Package ractive-transitions-slide not found
I doubt you have published it yet. Any chance to do so asap?
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.