One of the most requested tutorials we've had is about page transitions. There's plenty of Javascript libraries that do them but how can you roll your own? We show you!

On the beautiful concreterep.com site, there's lots of clever design techniques that they use through the site. We take apart two: a floating logo and captions that sticky to photo overlays. Both effects use CSS only and are both positioning tricks.

Sticky Overlays With CSS Positioning

Code

In this tutorial, we talk about how to work Javascript's date and time features to make the hands of an analog clock.

Simple Animated Page Transitions with jQuery and Javascript

Sticky Overlays With CSS Positioning

How to Make a Clock with Javascript

Related posts

Ask a Project Manager #7: How Do I Land My First Digital Project Management Role?

Why Learning React is a Really Great Idea

How Do You Grow a Creative Business?

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration