Hacker News new | ask | show | jobs
by mattbrewsbytes 898 days ago
Out of curiosity is that a hand crafted page? It is a nice flow with the animations and the graphic call-outs, etc. I'm personally not interested in the Obj-C code snippets but that overall layout of the page, the sidebar ToC, the minimalist design is just really stunning.

Also - how did you do the visuals in the "Gnarly Bits" section that split the page/components out into verticals? That is such an amazing way to display the internals of a thing like a page.

If these elements could be packaged into a blog theme for whatever blog hosting platforms are popular these days I bet you'd get a bunch of people to purchase. Nice work!

1 comments

It's hand-crafted with TailwindCSS, vanilla HTML, and JS. I've worked on it for 2 months part-time. I was hoping it would get people's attention, and so it did. :)

The component split is done by hand in Figma with regular screenshots and cropping. I also used a plugin for skewing.

One nitpick: I dislike the tiny custom scroller.

IMO customizing scrollers is almost always a disservice to users.

I was just going to say this too. Site is wonderful except the scrollbar which was very very tiny and barely visible.
I made it expand on hover now.
I think it's still annoying. When reading, I often look at where the scrollbar is to get an idea of how much reading is left. Right now, the scrollbar is so thin that I have to waste time looking for it. On a 34" monitor, it's very annoying.
Fair enough!

I've expanded it by default on bigger screens now. :)

Agree!

It's a single form-over-function thing that I could not resist not to add. :)

I’m not sure why but non of the images are animating for me on iPhone 15 plus
The only reason I can think of is "Low power mode".