Hacker News Reader

Comment by wavephorm | Hacker News Reader

It's great, but I wish I didn't have to do this in CSS. When you look at the source code, it doesn't look like styling at all, it looks like programming. As soon as your start calling bezier functions in a static styling language, you know something's not right. This type of coding would be much easier to do in JavaScript.

View on HN

"This type of coding would be much easier to do in JavaScript."

You could do this in JavaScript by manipulating the DOM directly - that's what libraries such as jQuery offer, but having easing functions for transitions belongs as part of the styling[1], unless you're saying that CSS should only be for static layouts?

[1] http://www.w3.org/TR/css3-transitions/#transition-timing-fun...

True, but I like being able to do this declaratively. You don't incrementally change it with code, you define a mathematical function against time for the transformation.

can we call that pure and functional?

I thought being able to do something in pure CSS without using JavaScript was something good.

Not if CSS gradually turns into JavaScript.

I don't know much about CSS. What happens here?

https://developer.mozilla.org/media/uploads/demos/m/r/mrflix...

Half of the CSS code is used for the demo interaction (time changing, showing the helper elements and for debugging [grouping all animated elements to change the transition-duration all at one]).

In production it would be way less complex.

Reply on news.ycombinator.com