Comments (8)
Ok i got it.. very easy to use..
thanks
from stylie.
Hi @hazleego, thanks for opening this issue! I'm not able to reproduce what you're seeing. I tried running npm install @jeremyckahn/stylie
on Node 12, 14, and 15 with both macOS and Windows 10. Are you able to install under WSL or another UNIX-like environment?
Based on the error output, it seems that node-sass
is breaking the installation (I see this frequently on a variety of projects). Can you try running npm rebuild node-sass
and see if npm install @jeremyckahn/stylie
works after that?
from stylie.
Hi @jeremyckahn , thanks for the swift reply, the npm rebuild node-sass was successful however i get this when i try install
$ npm install @jeremyckahn/stylie
up to date, audited 1169 packages in 6s
29 packages are looking for funding
run npm fund
for details
67 vulnerabilities (14 low, 24 moderate, 29 high)
To address issues that do not require attention, run:
npm audit fix
Some issues need review, and may require choosing
a different dependency.
Run npm audit
for details.
when i run npm audit i get a long log with this at the end
67 vulnerabilities (14 low, 24 moderate, 29 high)
To address issues that do not require attention, run:
npm audit fix
Some issues need review, and may require choosing
a different dependency.
....................
I tried opening from the github desktop .. could you assist with running stylie from the github desktop ?
thanks
from stylie.
It seems there may be an issue with your development environment that I'm not quite seeing from the logs you've provided, @hazleego. What's your use case for installing Stylie? Would it be easier to instead use the PWA at https://jeremyckahn.github.io/stylie/? That will work offline, in case you're just looking to use the app without an internet connection.
from stylie.
Hi, I want to create css animations with stylie for wordpress websites. I think i did not get something right in the installation process. Is there a plugin for stylie i can use on wordpress? What are the steps to install and get it right to start running stylie from github? Im very new to this but very interested to use stylie.. thanks
from stylie.
I'm glad to hear you're interested in the project! For your use case I don't think you need to worry about installing Stylie and that https://jeremyckahn.github.io/stylie/ should work just fine for you. Whether the app is installed or running from that URL, it works the same. Stylie just generates CSS strings that you can copy/paste into your project.
It sounds like you're looking for some deeper Wordpress integration, but Stylie doesn't provide that right now and I'm not sure of any projects that bridge that gap. Would copy/pasting the generated CSS work for your use case?
from stylie.
Awesome, thanks, this should just work fine.. Let me look more into it.
By the way once im done with an animation, do i just copay and paste the css into the section of wordpress i want it to play, or i need to add some codes to the function on wordpress as well.
from stylie.
CSS animations play as soon as they're loaded by default, so there's no need to programatically kick them off. If you'd rather have the animation wait to play, you'll need to write some custom code to load the animation when it's needed.
Good luck! I'll close this issue for now since it seems that no code change is necessary, but feel free to leave more comments and I'll address them as I can.
from stylie.
Related Issues (20)
- Stop button does not reset slider HOT 1
- Visible canvas and percentage based translations HOT 4
- Add titles to input labels HOT 1
- Automatically make keyframes on alteration HOT 4
- Bezier paths HOT 4
- Transform translate applied twice, once in pixels, once in percentage HOT 5
- As a user, I want to login via Twitter
- As a user, I want to publish an animation
- As a user, I want to modify and re-publish an existing animation
- As a user, I want to be able to save animations linked to my cloud account
- property 'centerToPath' of undefined HOT 4
- TODO: Use https
- Moving keyframes is broken
- How to Scale HOT 1
- Task: Add a code of conduct
- Any way to make the object being animated rotate to face the direction of travel? HOT 1
- Fine grained control of curve with custom bezier field HOT 2
- TODO: Implement Reddit suggestions v2
- Stop animation??? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stylie.