Materialise!

11 Responses

1. Matthew Farag

   I’m not going to even try to make an animated GIF this time :p Just go ahead and watch the video.

   Waiting for things to upload is always a long, droll process. Why not make it cool?

   • I'm using Morf to do bounce-back easing in CSS3.
   • The "+" glyph turns into a spinner!
   • The image animates up because it's uploading. Eh? Eh?
   • I wrote the materialise animation in <canvas>, and then I died inside because it took forever and was horrible.

   1likes

   5 months ago

2. Madelein Araya

   The link isn't working :(

   5 months ago

3. Matthew Farag

   It should. Alt link.

   5 months ago

4. Pro Justin Edmund

   This is fan-fucking-tastic, my friend.

   1likes

   5 months ago

5. Jeremy Swinnen

   Genius.

   1likes

   5 months ago

6. Pro Samuel Couto

   Nice, just nice! Sweet animations, it makes waiting a lot less boring :)

   1likes

   5 months ago

7. Madelein Araya

   Now it does. Nice !

   1likes

   5 months ago

8. Pro Matthew Skiles

   Excellent work! I love how smooth all the animations are :)

   1likes

   5 months ago

9. Luke Connolly

   Stop it. Just stop. It's not fair to the rest of us :)

   1likes

   5 months ago

10. Pro Hans van de Bruggen

    I like that the image animates up for the sake of metaphor, but isn't the file's data transferred from top to bottom? If so, this might work if you used a client-side copy of the image to make the animation.

    26 days ago

11. Matthew Farag

    @Hans, yeah, but it’s “up”-loaded!

    You got it though, we use the client-side copy of the image to make the animation. It’s all an illusion, Michael.

    26 days ago