Live data from Hacker News

Show HN: Hacker News front page in the style of a print newspaper

wolfgangfaust.com

71–80 of 142 posts

Re: Show HN: Hacker News front page in the style of a print newspaper

#71
post #47

Fascinating! Just to keep the conversation going, I'll argue that HN's current format works much better for me. I appreciate newspaper formats when dozens of stories have roughly equal appeal to me, and I get value out of lingering on each one for 5-30 seconds before moving on. HN, for me, is intensely bimodal. The bare-bones listing of headlines lets me skim very fast past the 93% that don't quite work for me -- and…

Well I think it also has a lot to do with, that, beyond a certain look & feel, this example has very little in common with a print news paper (or online outlet that use that style).

In a traditional news paper absolutely everything is carefully curated. What stories go where, how much space they can take, whether they'll have an image, title setting guidlines, grouped by various things like topic, etc.

For example the www.nytimes.com front page is very closely structured like a traditional print paper: The top stories (the main sellers from the kiosk age) of the moment are "above the fold", followed by a bit broader polical or societal pieces and the going into more and more softer content like fashion, cooking, travel. The latter topics are were generally the bulk of the advertisment money comes in.

So I think a newspaper mode for sites like HN could work well. Not as a live view, but instead of say a weekly, curated edition of what has been relevant and interesting.

Re: Show HN: Hacker News front page in the style of a print newspaper

#74
post #72

Are you planning to keep running it? I hope you do, I can definitely see it becoming my default home screen while browsing. It’d be cool to see if you can wrap up the rest of HN, especially comments also. But I do realize that may be a lot of work.

Yes I second that, please keep it running I want to make this my HN client.

Re: Show HN: Hacker News front page in the style of a print newspaper

#75
post #50
post #48

Earlier quoted context omitted.

how is it free?

Because "AWS Free Tier includes 50GB data transfer out, 2,000,000 HTTP and HTTPS Requests with Amazon CloudFront" presumably. For small websites you can often find ways to fit inside free tiers these days. If this site is just static files you could use similarly use netlify (100GB/month free). Or you could use a free tier VPS from GCP/AWS and cloudflare to cache traffic (to keep you under the free tier bandwidth lim…

Yup, CDNs and object stores are a dime a dozen these days. If one's too expensive or unreliable just move on to the next one. I believe this free tier doesn't run out after 12 months either.

Re: Show HN: Hacker News front page in the style of a print newspaper

#77

This looks really amazing! I particularly like that it makes good use of the width of an ultra-wide screen. While I wouldn't want it to replace the actual hackernews layout, I can really see it shine for discovering interesting articles whose headlines alone do not tell me enough to identify them as interesting (seems perfect for Friday afternoons). One suggestion: I would appreciate more visual hints to indicate whi…

Thanks for the suggestion! I added some more whitespace and some horizontal rules, what do you think of it now? (Please feel free to tell me it still looks terrible!)

Re: Show HN: Hacker News front page in the style of a print newspaper

#78

I know that the OP probably did the research, so I'm just going to ask : Isn't this possible with only CSS? I see each article ( section ) with position absolute and heavy JS calculations. My browser brain thinks that with some combo of flex-box / flex-wrap and breakpoints you could achieve this without the need for resize handler. I guess that's not the truth So can you point the struggles not doing this with CSS?

Sure. So, there are a couple of things I wanted from the design: 1. The top few stories should be wider than the rest, if there’s room to do so. 2. The stories should be sorted more-or-less with the top ones near the beginning of the page. 3. Stories in a column should flow continuously—there shouldn’t be any gaps where multiple columns realign. (Bear in mind that stories can be any height, and there’s no way to prec…

It doesn't help right now, obviously, but for future consideration you might be interested in the proposal to extend CSS Grid to have Masonry support; see https://github.com/w3c/csswg-drafts/issues/4650.

Re: Show HN: Hacker News front page in the style of a print newspaper

#80

Earlier quoted context omitted.

The font is whatever you have as the default in your browser—if you don’t like it then set a better one :) I agree about the spacing, it feels off to me too but I couldn’t put my finger on why. Whitespace has always been a challenge for me (I still remember my mom looking at my elementary school projects and telling me repeatedly, “Margins! You need more margins!”) and though I’m getting better at it I don’t expect t…

body { font-kerning: none; letter-spacing: -0.00214em; font-family: Helvetica; } > but I couldn’t put my finger on why You probably shouldn't use serif, Helvetica is much easier on the eyes and more forgiving.

Not everyone has a Helvetica font installed; at least add the generic sans-serif as a fallback. (Though if the aim is to be reminiscent of a print newspaper, a serif font may still be the better choice.)

Why disable kerning? If the user's font has kerning information, surely a newspaper should respect it.

Post reply on HN