6 ms·

LESS animation library

33 points by wpcoder 14y ago

LESS cross-browser animation library. Ready for Twitter Bootstrap. Original code created by Dan Eden.

daralthus 14y ago
Great! But please go and read how to use animations meaningfully in your ui: http://www.ui-transitions.com/ http://www.ui-transitions.com/
- Benferhat 14y ago
  99% of the tips at that URL don't apply to the OP's animations.
JasonFruit 14y ago
I stopped reading after "If you're a web hipster, and you're already using Twitter's Bootstrap like a whore, you're gonna love this.". I'm not an anything hipster, and I try never to do anything like a whore. Why do people think wordings like this make their products more attractive?
- SeanDav 14y ago
  Why do people use "I stopped reading after..."? The only thing this accomplishes in my mind is to apparently show you have a closed mind, which is not a piece of information that really interests me. What does this add to the discussion? If you don't agree with something then ignore it, or downvote it or even better, give a constructive criticism.
  - deleted 14y ago
    [deleted]
  - jQueryIsAwesome 14y ago
    "I stopped reading after..." is an expression. When someone says "It really breaks my hearth when..." they don't really mean that their cardiac muscles are being damaged. Also, calling someone out for bad language counts as constructive criticism in my book.
  - JasonFruit 14y ago
    I did literally stop reading, because, rightly or wrongly, the README said this tool isn't for me. I thought I'd mention it, because I suspect that the author didn't really intend to say I shouldn't use it, and I thought they should be aware that they did so.
  - gcr 14y ago
    When the goal is to get people to use a product you've built, seeing what puts customers off can be very hard because of eg. confirmation bias, tunnel vision, and so on. That's why statements like "I stopped reading after..." or "Then I decided not to..." can be very valuable.
- RyanZAG 14y ago
  You're probably not the target market then. The author just saved you some time. I really hope every silly .io site doesn't start having half their page bouncing up and down now...
  - lowboy 14y ago
    I'm a front end dev using Bootstrap on some sites and appreciate CSS animations, and I stopped reading after that sentence. Are me and parent not in the target market for a utility like this just because we find the copy distasteful? It's pointless affectation.
- kk3 14y ago
  If you took that introduction so deeply personally that you stopped reading out of offense, I think you have deeper issues to deal with than the fact that you're not taking advantage of this open source library. This is very much your issue, not the author who has just built a library and then organized documentation just to offer it all for free. I believe he should include whatever sense of humor he wishes. I really hope that open source authors continue to include their character in their projects. It makes the world a more interesting place.
jaddison 14y ago
Why is this pointing at a fork of the project? Edit: Scratch that. I see the original was .css. My apologies!
wheaties 14y ago
Is there a Sass fork of this or is most of the library found in Bourbon + Compass?
- ianstormtaylor 14y ago
  I have one of my own: https://github.com/ianstormtaylor/animate.sass https://github.com/ianstormtaylor/animate.sass With a couple of changes that I think make the library easier to use, and added a few animations.
  - wpcoder 14y ago
    Nice.
deleted 14y ago
[deleted]
deleted 14y ago
[deleted]
cultureulterior 14y ago
What the heck is less?
- daralthus 14y ago
  http://lesscss.org/ http://lesscss.org/
- fourstar 14y ago
  The CSS preprocessor that lost the popularity race to Sass.
  - pault 14y ago
    There are some reasons for using one or the other depending on your needs. Ruby vs. JS, for one.
    - fourstar 14y ago
      I disagree. I used to use LESS since I could use node, but quickly realized it's inferior to the Sass/Compass combo. 99.9% of the servers that you are able to run node.js on will also allow you to install/run Ruby. What are the other reasons that I'm missing?
      - jeremiep 14y ago
        I'm curious about what makes Sass/Compass superior to LESS?
        grabastic 14y ago
        A simple example... // Less .rounded-corners (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius: @radius; } // Sass + Compass .rounded-corners { // All vendor prefixes are generated for you @include border-radius(5px); } I'm sure there are plugins for Less that can accomplish the same. I just grabbed this code from the Less homepage. Another thing... Sass has much nicer control flow (if/else, while, for) that can create very powerful mixins.
sergiotapia 14y ago
>If you're a web hipster, and you're already using Twitter's Bootstrap like a whore, you're gonna love this. What the fuck is this?
- liberatus 14y ago
  It's a joke. Tongue in cheek, self referential and self deprecating with a dash of realism. Made me chuckle.
  - lowboy 14y ago
    It's affectation that serves no purpose for the library other than to make me think the author has some issues.
    - deleted 14y ago
      [deleted]
    - Benferhat 14y ago
      He has issues because you don't get his sense of humor? You're out of order with that one.
      - lowboy 14y ago
        It strikes me as an attempt at attention-getting, which in my experience often comes from insecurity. I'm not saying this is the case with this guy, but there's just no need for it. So yes, I think he has some issues due to this particular expression of his sense of humor. It's not like I'm scared away by the language used - it was more cringe-inducing than anything.
- michaelbuckbee 14y ago
  It is self-deprecating (as another commenter said), but what might not be obvious is why there is a need for some defensive self-deprecation. In some web development circles Bootstrap has become a divisive topic. Statements like "You have no business being a programmer if you use Bootstrap", "Bootstrap is ruining the web" and "You shouldn't use web design and Bootstrap in the same sentence" are fairly common. In that light, the 'web hipster...' statement is more a means of fending off criticism than anything else.

33 points by wpcoder 14y ago

LESS cross-browser animation library. Ready for Twitter Bootstrap. Original code created by Dan Eden.

Great! But please go and read how to use animations meaningfully in your ui: http://www.ui-transitions.com/ http://www.ui-transitions.com/

Benferhat 14y ago
99% of the tips at that URL don't apply to the OP's animations.

JasonFruit 14y ago

I stopped reading after "If you're a web hipster, and you're already using Twitter's Bootstrap like a whore, you're gonna love this.". I'm not an anything hipster, and I try never to do anything like a whore. Why do people think wordings like this make their products more attractive?

SeanDav 14y ago
Why do people use "I stopped reading after..."? The only thing this accomplishes in my mind is to apparently show you have a closed mind, which is not a piece of information that really interests me. What does this add to the discussion? If you don't agree with something then ignore it, or downvote it or even better, give a constructive criticism.
- deleted 14y ago
  [deleted]
- jQueryIsAwesome 14y ago
  "I stopped reading after..." is an expression. When someone says "It really breaks my hearth when..." they don't really mean that their cardiac muscles are being damaged. Also, calling someone out for bad language counts as constructive criticism in my book.
- JasonFruit 14y ago
  I did literally stop reading, because, rightly or wrongly, the README said this tool isn't for me. I thought I'd mention it, because I suspect that the author didn't really intend to say I shouldn't use it, and I thought they should be aware that they did so.
- gcr 14y ago
  When the goal is to get people to use a product you've built, seeing what puts customers off can be very hard because of eg. confirmation bias, tunnel vision, and so on. That's why statements like "I stopped reading after..." or "Then I decided not to..." can be very valuable.
RyanZAG 14y ago
You're probably not the target market then. The author just saved you some time. I really hope every silly .io site doesn't start having half their page bouncing up and down now...
- lowboy 14y ago
  I'm a front end dev using Bootstrap on some sites and appreciate CSS animations, and I stopped reading after that sentence. Are me and parent not in the target market for a utility like this just because we find the copy distasteful? It's pointless affectation.
kk3 14y ago
If you took that introduction so deeply personally that you stopped reading out of offense, I think you have deeper issues to deal with than the fact that you're not taking advantage of this open source library. This is very much your issue, not the author who has just built a library and then organized documentation just to offer it all for free. I believe he should include whatever sense of humor he wishes. I really hope that open source authors continue to include their character in their projects. It makes the world a more interesting place.

jaddison 14y ago

Why is this pointing at a fork of the project? Edit: Scratch that. I see the original was .css. My apologies!

wheaties 14y ago

Is there a Sass fork of this or is most of the library found in Bourbon + Compass?

ianstormtaylor 14y ago
I have one of my own: https://github.com/ianstormtaylor/animate.sass https://github.com/ianstormtaylor/animate.sass With a couple of changes that I think make the library easier to use, and added a few animations.
- wpcoder 14y ago
  Nice.

deleted 14y ago

[deleted]

deleted 14y ago

[deleted]

cultureulterior 14y ago

What the heck is less?

daralthus 14y ago
http://lesscss.org/ http://lesscss.org/
fourstar 14y ago
The CSS preprocessor that lost the popularity race to Sass.
- pault 14y ago
  There are some reasons for using one or the other depending on your needs. Ruby vs. JS, for one.
  - fourstar 14y ago
    I disagree. I used to use LESS since I could use node, but quickly realized it's inferior to the Sass/Compass combo. 99.9% of the servers that you are able to run node.js on will also allow you to install/run Ruby. What are the other reasons that I'm missing?
    - jeremiep 14y ago
      I'm curious about what makes Sass/Compass superior to LESS?
      - grabastic 14y ago
        A simple example... // Less .rounded-corners (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius: @radius; } // Sass + Compass .rounded-corners { // All vendor prefixes are generated for you @include border-radius(5px); } I'm sure there are plugins for Less that can accomplish the same. I just grabbed this code from the Less homepage. Another thing... Sass has much nicer control flow (if/else, while, for) that can create very powerful mixins.

sergiotapia 14y ago

>If you're a web hipster, and you're already using Twitter's Bootstrap like a whore, you're gonna love this. What the fuck is this?

liberatus 14y ago
It's a joke. Tongue in cheek, self referential and self deprecating with a dash of realism. Made me chuckle.
- lowboy 14y ago
  It's affectation that serves no purpose for the library other than to make me think the author has some issues.
  - deleted 14y ago
    [deleted]
  - Benferhat 14y ago
    He has issues because you don't get his sense of humor? You're out of order with that one.
    - lowboy 14y ago
      It strikes me as an attempt at attention-getting, which in my experience often comes from insecurity. I'm not saying this is the case with this guy, but there's just no need for it. So yes, I think he has some issues due to this particular expression of his sense of humor. It's not like I'm scared away by the language used - it was more cringe-inducing than anything.
michaelbuckbee 14y ago
It is self-deprecating (as another commenter said), but what might not be obvious is why there is a need for some defensive self-deprecation. In some web development circles Bootstrap has become a divisive topic. Statements like "You have no business being a programmer if you use Bootstrap", "Bootstrap is ruining the web" and "You shouldn't use web design and Bootstrap in the same sentence" are fairly common. In that light, the 'web hipster...' statement is more a means of fending off criticism than anything else.