As I was going through rebuilding my blog, I spent a lot of time looking at other people’s sites trying to get inspiration. Below is a list of my absolute favorite blog designs and my favorite thing about them.
What’s not to love about this website? It might be my favorite personal blog design of all time.
- Light / Dark mode toggle
- Amazing illustrated image of the author
- Fun sounds!
- Little interactive heart to click on each post
Seriously, look at what happens when you hover over one of these links:
I tried figuring out how these work. If you open the network panel in your devtools you’ll see it doesn’t make a request on hover. I think he must have some sort of build task that crawls his pages, finds links, takes screenshots of each link and then saves them to the post.
I’ve been thinking about recreating this just for fun but reading Josh’s blog is always such a great experience!
Wes literally just finished rebuilding his blog!
Check out how amazing it looks:
- The typography
- The amazing breakpoints
- The content! Free courses, premium courses, a podcast!
The open graph images
If you link to any of Wes’ posts on Twitter or Facebook, you’ll notice that the embedded image is actually a screenshot of the post you are linking to! You might be wondering:
Does Wes write a post, screenshot it and then save the file to his blog before publishing?
No, he doesn’t! He has a Netlify function that runs on deploy that does this automatically for him! Check it out here!
Here is an example post:
I wrote a blog post detailing all the tech, choices and YNOTS that went into it! https://t.co/JC0ntYINHZ— Wes Bos (@wesbos) April 21, 2020
Chris writes so much great content on his blog! It’s full of amazing posts on JAMstack, MDX, Gatsby and more! And just look at it.
- The rainbows!
- It’s so clean. Great use of space
- This little guy
Seriously, they are everywhere and I love them. Check out this little animation at the top as you scroll through an article.
Chris is the owner of the amazing css-tricks website, but it’s actually his personal site that I found inspiring!
- It’s so personal. I feel like I know a bit about him just from viewing his page.
- It’s right to the point. Need to contact? Write a guest post? Whatever it is, there’s a link for that.
Check this out!
Written by Jon Kuperman living in Florida working on Adobe's Creative Cloud. You should follow him on Twitter