Simple Website Animations

Discussion in 'JavaScript' started by Clockwork Joe, Apr 7, 2014.

  1. #1
    Does anyone know how to make animations like these?

    http://epic.net/eng/our-skills

    What language is used?
    Know of any tutorials?
    Any tips?

    I'm trying to implement some similar animations (at a certain point) on my own website.
     
    Clockwork Joe, Apr 7, 2014 IP
  2. kenzo22

    kenzo22 Member

    Messages:
    177
    Likes Received:
    11
    Best Answers:
    2
    Trophy Points:
    43
    #2
    One of the best methods for a developer to learn is to check how things are done on websites he likes. The easiest and simplest way is to right-click on the element and select inspect element (or something similar) and then you can see all of its styles. I don't know exactly what animation are you talking about, but for example, let's take those little squares moving at the bottom. It's just empty element with .gif as a background! There's no code behind it, sadly ;)

    Most animations you will ever need to implement on the website can be done in CSS(3), sometimes with a little bit of JavaScript.
     
    kenzo22, Apr 9, 2014 IP
  3. GuiltyCrown

    GuiltyCrown Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Use JS Libraries. To make text on the sides like that use some typography libraries. To make counters just some basic javascript/jquery.

    There are a lot of libraries out there for whatever kind of animation you might want.

    PS:
    http://codepen.io is a great resource for that
     
    GuiltyCrown, Apr 16, 2014 IP