How is this done?
- Started
- Last post
- 34 Responses
- inteliboy0
but i thought you lot liked downloading plugins for this kinda content?
- PonyBoy0
The jerking off in this thread over shit that was done in Flash 10+ years ago (and looked / operated better) is making me scratch a hole through my head...
... this is pretty fucking lame to be honest. :)
They're using greensock... the same tweening engine that most 'good' Flash sites used for years— long before GS wrote the classes for JS.
The animations are 'fluid'... 'yeeha'... (and might I add?... ... it's about fucking time?) This ability for fluid motion has been around since the(se) tweening engine(s) has (have) existed... it's just most developers are TOO LAZY to learn the easing parameters / options. Yep... I said it... lots of lazy developers out there NOT WILLING to go the extra mile on stuff like this and that's why it's taken so long for anything respectable to show it's face in JS / HTML / CSS. Back when Flash was in play the majority of your Flash developers were pretty passionate about putting in all the 'stops' and making sure things were developed as close to the pixel as possible...
... the web has gone downhill. :(
- inv0
but but but, this features responsive design! flash was not responsive!
- fues0
- mekk0
what amazes me is that he is only 24 years old!
- only 24 wow.organicgrid
- how is this amazing? it just means he was raised on the internet... this stuff should be 'child's play' to his generation :)PonyBoy
- bored2death0
Use Chrome's developer tools to inspect it. It's a great way to figure out how things are done.
- ORAZAL0
The Making of Aprilzero
http://aprilzero.com/journal/mak…- I need a more thorough answer than that, lolpinkfloyd
- http://aprilzero.com…ORAZAL
- chrisRG0
most animations are CSS3.
- Weyland0
I wouldn't touch any of those with a ten foot pole, just learn jQuery and CSS3 by heart and cherrypick relevant libs to save time
They used MapBox for the maps BTW
- Krassy0
Impressive.
- fues0
For those interested, here's a good read about the state of animation design: https://medium.com/@pasql/the-st…
- zarkonite0
Learning CSS and Javascript is easy as long as you try to make your life easy. What I mean is that since there is such a large community and it's open source, there are tonnes of libraries out there that already package pretty much any trick or effect you would want to produce... so your job is to find those libraries and make them all work together. You'll end up hacking scripts together more than anything else, and that's also a great way to learn how things work. Eventually you end up getting more and more of it and you build up your tricks and shortcuts just like you do as a graphic designer.
Unless you want to become a developer, than you have to learn the fundamentals to be worth something.
- Are you talking about jquery when you say packages?pinkfloyd
- zarkonite0
oh and that website is fucking sweet on so many levels.
- fadein110
Thats so smooth - fluid. Great coding going on there.
- pinkfloyd0
Any tip on the spinning circle animation?
- fadein110
Big part of that site is grea planning early on - v.tight paths through the site/interesting transitions - that would have been the major work, then design, then getting a load of nerds to make it happen. But the exciting part is the thought process imho.
- CygnusZero40
Snappy site. Too bad the content is completely uninteresting.
- do you think you may be the problem?fadein11
- LOLProjectile