Readit News logoReadit News
Posted by u/ms7892 6 days ago
Ask HN: Most beautiful personal blog UI you have ever seen?
Hi HN!

Asking out of curiosity. The best blog UI you have ever seen in your life.

vivzkestrel · 6 days ago
- S-TIER blogs are those that are animated, visual, interactive and absolutely blow your mind off

- A-TIER are highly informative and you ll learn something

- opinion blogs at the absolute bottom of the tier list because everyone everywhere ll always have an opinion about everything and my life is too short to be reading all that

- these are the S-TIER ones on my system

- https://growingswe.com/blog

- https://ciechanow.ski/archives/

- https://mlu-explain.github.io/

- https://seeing-theory.brown.edu/index.html#firstPage

- https://svg-tutorial.com/

- https://www.lumafield.com/scan-of-the-month/health-wearables

- these are the BEST of the BEST, you ll be blown away opening each page is how good they are. i am thinking of creating a bookmark manager that uses my criteria above and runs across every damn blog link ever posted on HN to categorize them as S-TIER, A-TIER, opinion and so on

orphea · 6 days ago
May I nitpick? Why do BEST of the BEST

- require 3 clicks and 10 seconds to navigate to a subpage. No indication whether it's trying to load or not (growingswe)

- have underlined headers that are not links (mlu-explain)

- hijack scrolling, the back button and navigation history (seeing-theory)

I do not disagree these blogs are awesome. Of these I knew ciechanow.ski and lumafield - famous and exceptional. Just... I feel a bit disappointed when someone pumps excitement, and your first experience with the websites are either weird design choices or bad UX, intentionally or not.

Anyway, thanks for sharing!

zacwaz · a day ago
Yeah, these blogs are all awesome, but not beautiful or particularly usable (which makes their awesomeness even more of an achievement, IMO).
vivzkestrel · 6 days ago
i didnt notice any difference in the scrolling part. how did you conclude it is hijacking the scroll. Also the other sites load fine for me. Also this is not about performance. I dont care if they take 10 seconds to load but the content to be presented in a way unlike any of the 451534856415348678513656 other blogs out there
al_borland · 5 days ago
An advent calendar as a way to learn something like svgs is such a neat idea.

Deleted Comment

wonger_ · 6 days ago
Tasteful: https://colly.com/

Artsy: https://anhvn.com/

Simple yet elegant: https://www.lkhrs.com/ and https://arun.is/blog/

Maximalist: https://henry.codes/ and https://garden.bradwoods.io/ and https://blog.maximeheckel.com/

Old-school / indie web: https://ribo.zone/

Text mode / ASCII art: https://adelfaure.net/

Typography: http://davidcole.me/ and https://www.petemillspaugh.com/

I have more. You can keep rolling the dice on https://indieblog.page/random and eventually you'll stumble across some pretty sites. Usually the nicest ones are from frontend / design engineer types of people. EDIT - oh and the sites in the internet phone book! https://internetphonebook.net/ as well as browsing screenshots at https://personalsit.es/

absoluteunit1 · 6 days ago
Some of these sites - wow. I literally can’t fall asleep right now (reading this in bed) scrolling through all these. So many good resources. Thank you for sharing. This is why I love HN
ms7892 · 6 days ago
Some of the Websites literally took my breath away. I mean just wow all of the sites in the lists are.
ykl · 6 days ago
I hadn't seen arun.is before; I really like this one! Thanks for the share!
asukachikaru · 6 days ago
- https://henry.codes/

- https://www.fev.al/

- https://hugo.blog/

I just like this type of typography.

ms7892 · 6 days ago
Brilliant
ykl · 6 days ago
One I like is Tom Macwright’s blog [1], which somewhat famously loads insanely fast thanks to having a sort of the web equivalent of a brutalist design while still looking nice [2].

[1] https://macwright.com/

[2] https://macwright.com/2016/05/03/the-featherweight-website

leoh · 6 days ago
Tom is the best
huhexian · a day ago
https://github.com/huhexian/2012-huhexian

there is a simple theme used on the WordPress.

bryanhogan · 6 days ago
I prefer simple designs.

Steph Ango's website comes to my mind: https://stephango.com/ramblings

I guess I also really like my own: https://bryanhogan.com/

I also realised writing this, 3 other pages I wanted to share didn't include a blog (1. https://www.yasmins.site/projects 2. https://www.alasdairmonk.com/ 3.https://glenn.me/ ).

Very artsy but also nice: https://www.nicchan.me/about/

yen223 · 6 days ago
The typography in Maggie Appleton's blog is unparalleled

https://maggieappleton.com/

vladsanchez · 6 days ago
Favorite! Both aesthetics and content!