Bounce.js

Dev tools

css animation generator

SHOW HN2014

172points
32comments
#127of 2,272 in 2014
Top 6%of 2014 by points

How HN took it

MixedNo clear lean

6 positive, 3 neutral or asking, 1 mixed, 3 critical, out of 13 comments about the project. Thread score +0.19.

Idea: 4 for, 0 againstExecution: 0 for, 3 againstDesign: 2 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Slick, clean design and great UX

    From 3 comments
    • I upvoted this on designer news, happy to do it here as well. This is such a slick app. I agree with the person who suggested SASS, but really, great job. Getting it so clean and…
      basicallydan on HN
    • Love this, and honestly I really admire TicTail. They have such an awesome UX and thoughtful user on boarding process(es). One of the most inspiring startups for me as a designer…
      Duhck on HN
    • Wow, really nice work! This is in harsh comparison to the other piles of animation libraries which seem to be slow and bloated. I especially like the "jelly" effect. My only…
      owenversteeg on HN
  • Useful for quick animations like splash screens

    From 2 comments
    • Actually looks great. Seems like a nice thing to use for a quick splash screen of an App. I am not sure I would use it all over the place though, but still really nice job.
      lbacaj on HN
    • This certainly isn't a tool I would use very often, but when the need does arise for a cool little animation, it's perfect!
      micahroberson on HN
  • Better than bloated animation libraries

    From 1 comment
    • Wow, really nice work! This is in harsh comparison to the other piles of animation libraries which seem to be slow and bloated. I especially like the "jelly" effect. My only…
      owenversteeg on HN

Objections

  • Generated CSS has hardcoded numbers and is hard to maintain

    From 2 comments
    • The CSS code has tons of hardcoded numbers. Ugly for future programers to read and maintain. Isn't there a way to do this with prettier code. eg JS make CSS.
      ape4 on HN
    • cool, but the output css reminds me of animations I made in 1998 using dreamweaver. It also generated a ton of "steps" that it would call via setTimeout to make the div move…
      mkoryak on HN
  • Animation editor is unintuitive

    From 1 comment
    • Wow, really nice work! This is in harsh comparison to the other piles of animation libraries which seem to be slow and bloated. I especially like the "jelly" effect. My only…
      owenversteeg on HN
  • Does not degrade gracefully without cookies or in some browsers

    From 1 comment
    • Doesn't work on the latest release of firefox with cookies disabled, and doesn't show gracefull degradation..
      exceptione on HN

Requests

  • Export to SASS/SCSS and Compass

    From 2 comments
    • Amazing job. I was looking for something like this since ages. I think a great improvement would be if it generates SASS/SCSS + Compass code as an export feature. I saw it's…
      drinchev on HN
    • I upvoted this on designer news, happy to do it here as well. This is such a slick app. I agree with the person who suggested SASS, but really, great job. Getting it so clean and…
      basicallydan on HN
  • Add opacity fade controls

    From 1 comment
    • Look's very nice. Maybe add controls for opacity for fading in/out?
      m1 on HN
  • Penner easing functions

    From 1 comment
    • The desperately wants a full set of Penner's easing functions.
      acron0 on HN

Questions

  • Why is the square draggable?

    From 1 comment

Alternatives named

  • Animate.css

    From 1 comment
    • It's nice, like animate css: http://daneden.github.io/animate.css/ My main problem with CSS animations is that it does not have an easy way to detect and intercept the animation…
      mrtksn on HN
  • Facebook Rebound

    From 1 comment
    • Cool stuff. If you are interested in creating effects like this you might also be interested in: http://facebook.github.io/rebound/rebound-js/docs/rebound.html
      wsbail29 on HN
  • Web Animations

    From 1 comment
    • Web Animations. http://www.polymer-project.org/platform/web-animations.html
      spb on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/7868368)