Timeline

Re-implementation of Linear’s amazing timeline view, but with native scrolling via CSS.

My favorite detail is the drag indicators that only appear when hovering the edges after a short delay. Pseudo-elements and animation-delay for that one. Peep some cool usage of position: sticky too.

Bugs: top-left corner hack could use some work as it doesn’t respect elastic overscroll, couldn’t find a way to make it feel truly fixed at the time.

Timeline
October
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
November
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
December
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Project 0
Project 1
Project 2
Project 3
Project 4
Project 5
Project 6
Project 7
Project 8
Project 9