Animatable: One property, two values, endless possiblities

#1

Post by Dekku » Thu, Aug 01, 2013, 10:51 AM UTC

Animatable: One property, two values, endless possiblities
leaverou.github.io

Re: Animatable: One property, two values, endless possiblities

#2

Post by ars » Thu, Aug 01, 2013, 11:36 AM UTC

#15 is broken - sort of. It works, but breaks the page layout.

Re: Animatable: One property, two values, endless possiblities

#3

Post by RyanZAG » Thu, Aug 01, 2013, 11:49 AM UTC

This is actually a really good learning tool for showing people what different html/css properties do by visually showing the ranges and effects they give.

Re: Animatable: One property, two values, endless possiblities

#4

Post by keerthiko » Thu, Aug 01, 2013, 11:53 AM UTC

ars wrote: post #2

#15 is broken - sort of. It works, but breaks the page layout.

Not for me in Chrome.

Re: Animatable: One property, two values, endless possiblities

#5

Post by augustl » Thu, Aug 01, 2013, 11:58 AM UTC

The demo works in Firefox, not just Chrome. What is this, some kind of standard that works across many different implementations? ;)

Too often do demos for showing off the web work well only in Chrome. This one works fine in Fireox, the animations are very smooth. I'm on a very basic Arch Linux setup I installed a couple of days ago, with no configs in any way other than installing the correct driver for my on-chip Intel GPU. So if it works for me, it should work for most people.

Re: Animatable: One property, two values, endless possiblities

#6

Post by Skalman » Thu, Aug 01, 2013, 11:59 AM UTC

keerthiko wrote: post #4

ars wrote: post #2

#15 is broken - sort of. It works, but breaks the page layout.

Not for me in Chrome.

Yeah, it seems to work better in Chrome than in Firefox. :-(

Re: Animatable: One property, two values, endless possiblities

#7

Post by AmitRele » Thu, Aug 01, 2013, 12:02 PM UTC

works excellent in Chrome

Re: Animatable: One property, two values, endless possiblities

#8

Post by rjbwork » Thu, Aug 01, 2013, 12:04 PM UTC

This is really cool! I'm in my first job where I'm having to touch some front end things, and this is definitely going to come in handy in learning how various style elements work and interact with one another. Who knows, maybe I'll end up using this library in some stuff!

Re: Animatable: One property, two values, endless possiblities

#9

Post by chuckd1356 » Thu, Aug 01, 2013, 12:19 PM UTC

#35 gives me a seizure if my mouse isn't perfectly still while hovering.

Re: Animatable: One property, two values, endless possiblities

#10

Post by jwarren » Thu, Aug 01, 2013, 12:41 PM UTC

I highly recommend front-end developers keep up to date with Lea Verou's blog and talks. She's a great ambassador for standards-based development and maintains a great sense of whimsy.

I really recommend her recent talk on border-radius, for example: http://vimeo.com/67567648