We explain how to make design elements fade in and out based on the current scroll position of the page, as seen on the Sweet Studio website
How to make design elements interact with mouse movements
In this video, we talk about how to make arrows rotate to point at the mouse cursor
How to make a background gradient rotate
The ustwo background changing hover effect
Playground Paris colorful text hover effect
The new site from Playground Paris has a really nice hover effect on its text. We wanted to show how it was done.
The revealing footer effect
The revealing footer effect is seen on quite a few websites, such as Pitchfork. It's an easy technique to add to your own site using CSS's fixed positioning.
Git and Github
A few people have heard of Git and Github but don't really know how they work and what they do. Lawrence and Rik go over an introduction to both of them.
The parallax effect
On the Firewatch website, there's a lot of layers that scroll at different speeds to make a beautiful effect – this process is called the parallax effect and we wanted to go into some details about it.
HAWRAF site scrolling
Our friends at creative agency HAWRAF launched their new site recently. We wanted to show how the side scrolling effect they're using works.
Logo sprite animation
This week, freelance copywriter Joe Coleman launched his new site called Get Coleman. We talk about how it was made and how to make your own
New Zealand font foundry Klim Type Foundry released a site for their new fonts, Untitled Sans and Untitled Serif. We show you how to make the launch site.
Barron Webster but with text
On the last video, we spoke about how to make the Barron Webster site, this time we show you how to make it not with images, but with text.