Codepen - Learn to create a simple timeline using CSS

Timeline UI design is a common UI in many applications. The design differs based on the application need.


  • Github have a daily calendar like timeline
  • Most CV sites have timeline about your career progress based on month and year

This codepen timeline is off second type where you have lesser number of activities in a timeline,

Vertical timeline

The content is bit old but still relevant to make a dead simple CSS timeline.

What I learned from the pen,

  • Idea to create vertical timeline using SCSS

Note: The code is not well optimized, learn it only for making the component.

Beginners to ProNode Js

Visual Guide to API Design Best Practices

This visual eBook covers essential best practices for designing robust APIs using REST principles.

This book is ideal for beginners and backend developers seeking to enhance their API design skills. However, it is not suited for those seeking an in-depth exploration of API design. This book is a quick read under 40 slides like scrolling through your instagram feed.

Visual Guide to API Design Best Practices