DEV Community

Cover image for Why I turned my homepage into a timeline

Why I turned my homepage into a timeline

Mike on December 06, 2020

Photo by Félix Prado on Unsplash What has happened so far? On December 21, 2019 I migrated my blog from Medium to my own infrastructure...
Collapse
 
lwndwsk1 profile image
Frank Lewandowski

Looks promising. Even though I personally consider the timeline to be somewhat antiquated, I like your implementation very much.

Especially the speed at which the search queries are implemented is great.

Collapse
 
mikenikles profile image
Mike

Thanks for the feedback Frank, I appreciate it!

I'll give it a few months and see what the feedback is like. I've got some ideas to add in/out animations when a filter or search is applied to make the changes to the timeline a bit less abrupt.

All credit for the speed goes to Svelte (svelte.dev) :-).

Collapse
 
lwndwsk1 profile image
Frank Lewandowski

You have definitely implemented the site very eloquently. Everywhere small, nice gimmicks, which you only discover at first, but also at second glance.

So if Svelte offers such a performance and speed, then I have to look at it, especially in connection with tailwind :-)

Thread Thread
 
mikenikles profile image
Mike

It's been my go-to stack for over a year and I continue to be pleasantly surprised by new features of both Svelte and Tailwind.

Plenty of examples in my blog and GitHub repos, or simply search online. There's a growing number of people and companies that use these tools.

With all my bias, I'll say you will likely enjoy what you find once you look at it in a bit more detail :-)

Collapse
 
alekswritescode profile image
Aleks Popovic

That's a really great website update Mike! I recently wrote an article about making a timeline for a portfolio in React because I'm moving to a new job in January and I thought that would be a great time to update my own website with that sort of thing. I might look into adding my articles and videos to it, like you did. Your filters are also a great idea!

Collapse
 
mikenikles profile image
Mike

Hi Aleks, thank you. Congratulatios on starting a new job, that sounds like a good way to start the new year :-)!

Drop me a note if you'd like to discuss the timeline in more detail. There are a few things I'll add over the next little while, such as subtle in/out animations as timeline entries appear and disappear when you scroll, an integration with my web analytics platform to showcase popular posts, etc. Small things people will hopefully find useful.

Collapse
 
alekswritescode profile image
Aleks Popovic

Those are some really great ideas! I do have some additional questions, so I just might take you up on that offer!

Collapse
 
cwraytech profile image
Christopher Wray • Edited

Great work! Thanks for sharing. I built a website called MyJourney where people can share journeys on a timeline... I may steal some of your css to use on the site if that’s ok? I love your design!!

Collapse
 
mikenikles profile image
Mike

Thanks Christopher, you're more than welcome to use the CSS. Check the GitHub repo, it'll likely be easier than the dev tools ;-).

A heads up: the month and year dividers are not my proudest piece of work :-).

Collapse
 
cwraytech profile image
Christopher Wray

Thank you!! And haha I will check that out.

Collapse
 
0xkoji profile image
0xkoji

That is really awesome. Thank you for sharing!