The brand new Waaark.com website from the very talented team at Waaark Studio contains some very bold transitions, gentle micro-interactions and playful UI animations.
Category Archives: Web development
A Visual Guide To ScrollMagic
Are you struggling to get your head around the ScrollMagic API? Do you find it hard to learn from the official ScrollMagic documentation?
Behind The Scenes Of GreenSock Training in Sydney
Last week I had the privilege to run the official GreenSock training at Mi9 in Sydney. Here is a quick look behind the scenes.
How To Learn GreenSock In 60 Minutes
Have you always wanted to learn GreenSock but didn’t know where to start?
Or you always feel like you don’t have enough time?
Trumpdonald.org – JavaScript Animations Deconstructed
Are you wondering how was the hair effect on trumpdonald.org created? Was it SVG, WebGL or HTML5 Canvas?
Find out in this short video deconstruction.
A Simple ScrollMagic Template With Pinned Sections
Have you ever wanted to pin a section and be in full control of the animation inside?
Today we’ll create a template with two pinned sections and simple timeline for both of them.
A Simple One Page Template With A Preloading Screen
When you are creating a site with fullscreen background images, you will need to consider adding a preloading screen at some point.
Even if you optimize the images the best you can, downloading them might take a time and your visitors might get frustrated.
A Simple Parallax Template Using ScrollMagic And GreenSock
In this third template we are introducing GreenSock and a parallax effect on the background images.