Live data from Hacker News

Create JavaScript, CSS Interactions With Zero Lines of Code

interactions.webflow.com

21–30 of 63 posts

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#21
post #17
post #13

Earlier quoted context omitted.

None of the scroll animations work in Firefox either. Not just touch based devices. Didn't leave a very good impression on me.

Kyle from Webflow here. Are you on the latest version of Firefox (28.0)? The scrolling animations are working for us.

I'm on Firefox 28 on OS X, I see no scrolling animations.

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#22
post #7

Earlier quoted context omitted.

Sorry, that's not accurate. Webflow sites can be exported at a click of a button, and you own all the code. You can host anywhere you want, make any custom changes, etc.

Only the higher Webflow plans have export. The cheapest plan doesn't let you export.

$70 to export your site? Sounds entirely reasonable to me.

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#25
post #7

Earlier quoted context omitted.

Sorry, that's not accurate. Webflow sites can be exported at a click of a button, and you own all the code. You can host anywhere you want, make any custom changes, etc.

Only the higher Webflow plans have export. The cheapest plan doesn't let you export.

So what's wrong with that? These guys have built a piece of software which you personally may or may not find useful. We are all in the practice of paying for software and services we find useful.

As someone who has many years of experience coding animations by hand in css and a little js, sometimes a tool would be more useful. Its too easy to get lost in the minutiae of the code and lose sight of the visual impact you're going for.

For some people, a tool like this is entirely worth the cost.

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#26
post #17
post #13

Earlier quoted context omitted.

None of the scroll animations work in Firefox either. Not just touch based devices. Didn't leave a very good impression on me.

Kyle from Webflow here. Are you on the latest version of Firefox (28.0)? The scrolling animations are working for us.

Same issue here. FF 28.0 on OS X (10.8) and none of the animations are working.

Works fine on Chrome and Safari

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#27
post #13
post #2

Lack of scroll animation support for touch devices seems like a deal breaker, no?

None of the scroll animations work in Firefox either. Not just touch based devices. Didn't leave a very good impression on me.

The scroll animations don't work for me either, Firefox 28 on Windows. Works in Chrome.

But frankly I like it better without them. They add no value to the page. When Bret Victor talks about "directing the user's eyes to the solution," [1] I believe he's assuming an information-dense display, which this is not. The page is designed (as many are now) so that only one thing is on the screen at a time. I already know how to look at the thing I'm scrolling to — that's why I'm scrolling. This eye candy is kind of nauseating and I'm happy to think it's a fad.

This is a critique of the OP, not of Webflow, which I'm sure can be put to good use.

[1] https://news.ycombinator.com/item?id=7598793

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#28
The most important thing to keep in mind is this is for designers not coders -- I haven't looked at this deeply enough to know if it is good yet, but my guess is if you read hacker news comments it isn't for you because, well, you probably code=).

Yes, these sorts of editors often create horrible leaky abstractions. Yes, these editors often confuse product folks into thinking that coding isn't necessary or important or hard. But that isn't its goal -- the goal is to make the common stuff easy to do for people writing / designing simple site content -- fades, positional, simple triggers. There is no reason to write code for this stuff.

If you don't believe me, imagine drawing something without showing the picture. Word documents without wysiwyg. Photo editing without Photoshop. In this video (http://vimeo.com/64895205) Bret Victor brilliantly shows what a powerful interactive editor can do. For the web, no amount of manual css typing can beat what a great editor could do. Whether this is that editor remains to be seen, but the idea of editors is a good one.

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#29
post #7

Earlier quoted context omitted.

Sorry, that's not accurate. Webflow sites can be exported at a click of a button, and you own all the code. You can host anywhere you want, make any custom changes, etc.

Only the higher Webflow plans have export. The cheapest plan doesn't let you export.

I believe the free plan allows you to export up to 5 times.

Re: Create JavaScript, CSS Interactions With Zero Lines of Code

#30
This is amazing, and I really intend to use it. I am a developer but I just suck at front-end (CSS, mostly) and I have a much easier time learning back-end stacks. I haven't used WebFlow yet but is it fairly easy to use it to create bits and pieces to put into my entirely separate website?

Also for a person like me, it would be great if there was some sort of "explain" feature where Webflow would give me a peek at what's going on so i could slowly learn. For example: "This fade-in was achieved using the CSS3 fade animation with the following line of code: ...". I know that's a niche feature, but I think there are a lot of design-challenged coders out there who would like it.

Post reply on HN