Jon Daiello Product Designer 🦄

Code

CSS Timeline

I have been thinking about adding a biographical of timeline to the about page of my site. I knew the basic idea of what I wanted it to look and function like, so I roughed in a quick example as a proof of concept. I am pretty happy with the initial results.

See the Pen CSS Timeline by Jon Daiello (@jondaiello) on CodePen.26378

You can see that the basic concept is there. Each block would contain a very small amount of information and provide a general overview of event. It’s completely responsive so that we maintain overall device happiness for all users.

I have also been interested in utilizing JavaScript to implement and control CSS animations. I added a bit of blur and scale for the entire page when it is ready.