Hacker News new | ask | show | jobs
Where to find inspiration for a (reactive) personal website?
3 points by mryingster 9 days ago
I've had a personal website since the mid 90's. I used to find making personal sites fun back in the day. Around the time that mobile became a thing, I lost the motivation for updating my design. I found the constraints on size and interactions frustrating, and have let my site stagnate for over a decade. I've recently worked on a project that rejuvenated my desire to update my personal website. I don't know where to draw inspiration from though for a website that is navigable on mobile. I don't feel like I've personally visited many sites where I thought the mobile experience was great. However I realize that in this modern web, it's important to build for mobile first. Any examples you have of good/effective reactive design would be welcomed. I tried doing a search for such resources, but was inundated by AI listicles and I didn't want to give them any views.
2 comments

Not technical help, but I googled “indie sites” and found https://onepagelove.com/ among others, this one has a lot of beautiful examples of UX, and so many of them look great on mobile. Looking at beautiful things opens the imagination and makes it possible to “see” how the site with the certain character should look. Such an inspiration journey can also be just a great time on its own.
is it for coastalvectors.com ?

if so, I would say start by adding this meta tag, which will prevent the mobile downscaling

  <meta name="viewport" content="width=device-width, initial-scale=1">

also, check out how your site looks like in the reader mode of a mobile browser. That will give you a solid starting point in terms of typography.
Yep. That's a good starting point for sure. I need to then find a way to make the navigation work better. I made those drop downs with mice in mind...