TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Georgify: Hacker News meets beautiful typography

235 pointsby tuhinabout 14 years ago

41 comments

lwhiabout 14 years ago
I like this, but there's a lot of white space .. perhaps too much. Maybe a more compact view would be useful?<p>Like others have said, the grey is too pale.<p>EDIT: It would be nice if the layout made use of columns .. this could provide innovative use of wide-screen resolutions.
评论 #2410775 未加载
评论 #2410716 未加载
评论 #2411671 未加载
评论 #2411079 未加载
rnadnaabout 14 years ago
I like the idea, and there are several aspects of the georgify format that are pleasing. My main comment is that there is far too much vertical whitespace. The compactness of hn is pleasant to the eye, and it lets readers scan headlines quickly. A little tweaking will prevent readers from having to scroll so much.
评论 #2411638 未加载
tuhinabout 14 years ago
This is my first every public release of such a thing! So please be gentle and do give any feedback that can improve the extension.
评论 #2410296 未加载
评论 #2410326 未加载
评论 #2411425 未加载
评论 #2410290 未加载
jjcmabout 14 years ago
Some thoughts:<p>1.) There's a lack of contrast in the page. A visited link is the same color as a comment that is rated &#60; 0.<p>2.) The up/down vote arrows are visually far away from the name of the user. Knowing the context of who's saying something can mean the difference between a troll post and an insightful one.<p>3.) The page is no longer fluid. While this is more preference than an actual issue, I think that a fixed width format is detrimental for those of us who have widescreen monitors (or for those of us who like to tile our windows in small patches).<p>4.) Whitespace. There's a lot of it. Without your plugin, I can see all of the articles on the front page in ~1400px. With the stylesheet patch, it's about 3x that. I visit HN a lot, and will click on just about every story. As such, when I'm done reading HN all of the links have changed color. When I visit it later in the day, I can at a glance see every story that's new. Sometimes I have it autorefresh every few minutes on a separate monitor, and keeping everything concise allows me to do that.<p>Those are my thoughts. At this stage I'd say that it's pretty, but not yet functional. Work on the functional portion and I'll keep this plugin installed. Great work, keep it up!
评论 #2412262 未加载
ck2about 14 years ago
Could you make just a stylesheet for Stylish users?<p><a href="https://addons.mozilla.org/en-US/firefox/addon/stylish/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/stylish/</a><p><a href="https://chrome.google.com/extensions/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe" rel="nofollow">https://chrome.google.com/extensions/detail/fjnbnpbmkenffdnn...</a>
评论 #2410276 未加载
评论 #2410787 未加载
评论 #2410865 未加载
评论 #2413759 未加载
nyellinabout 14 years ago
The grey color for a:visited is too light. I have to strain my eyes to see it.<p>edit: Also, the extra space in comment-headers is wonky. And even with my nitpicking, great job!
评论 #2410350 未加载
tomlinabout 14 years ago
I like it. A little off topic, but the Google Chrome Extensions that override CSS get my brain thinking about something like this on a different scale. For instance, could someone build complete Facebook or Twitter face-lifts? If it's possible, the consequences of that permutation would be interesting. Especially now that the modern browsers are moving towards auto-update, which encourages a higher likelihood of something like this taking off.<p>If marketers starting picking up the idea, I see "shoot here to win the prize", phone number, email address collecting type of ads promising to "bring facebook back the way it was", "just enter your email address and we'll send you the link!" If you don't think this could work, just remember that a few years back people were installing emoticon packs and CometCursor just so they could have a customized, albeit terrible, experience.
评论 #2411848 未加载
评论 #2410927 未加载
评论 #2412731 未加载
评论 #2414181 未加载
nddrylliogabout 14 years ago
You should've used csspivot.com for a quick preview link :)
logicabout 14 years ago
From the screenshots, it reminds me a bit of Comfy Helvetica, which we discussed here a while back:<p><a href="https://comfy-helvetica.jottit.com/" rel="nofollow">https://comfy-helvetica.jottit.com/</a><p><a href="http://news.ycombinator.com/item?id=2098340" rel="nofollow">http://news.ycombinator.com/item?id=2098340</a><p><a href="http://news.ycombinator.com/item?id=2106056" rel="nofollow">http://news.ycombinator.com/item?id=2106056</a><p>(Not passing judgement on this theme, which seems quite nice; just thought I'd throw in a recommendation for a theme I've been using on HN since it was originally posted.)
abehabout 14 years ago
Very nice to look at, well done.<p>A couple of points for me are that:<p>1. While it is easier to read, the combination of the larger size of the text and the vertical spacing makes it harder to scan all the topics quickly, as was possible without this style.<p>2. as already mentioned, the info sub-text is a bit soft in contrast and hard to read quickly, even though it looks nice. Suggestion: make the important info such as the numbers and username a bit more darker, but leave the repeated info such as 'points by' and 'comments' as they are.
sunsaiabout 14 years ago
I have tried to tweak the layout without any browser extensions. This will work on any browser but it's a 'lite version' so you can only use these to read HN. Have a look:<p>Non AJAX version: <a href="http://www.skillendar.com/hackernews/noajax.aspx" rel="nofollow">http://www.skillendar.com/hackernews/noajax.aspx</a><p>AJAX version: <a href="http://www.skillendar.com/hackernews/" rel="nofollow">http://www.skillendar.com/hackernews/</a>
评论 #2410356 未加载
评论 #2413465 未加载
vladocarabout 14 years ago
I suggested similar thing one year ago: <a href="http://www.vcarrer.com/2010/03/hacker-news-mini-redesign-unofficial.html" rel="nofollow">http://www.vcarrer.com/2010/03/hacker-news-mini-redesign-uno...</a> and the bookmarklet <a href="http://www.allapis.com/HN/HN-bookmarlet.html" rel="nofollow">http://www.allapis.com/HN/HN-bookmarlet.html</a>
unwindabout 14 years ago
Can someone please fix the typo in the title? It hurts!
评论 #2410299 未加载
muitocomplicadoabout 14 years ago
Works great with the Collapsible Comments extension.<p><a href="https://chrome.google.com/webstore/detail/hockhafcdegocajmjhafgjncjpodihkd" rel="nofollow">https://chrome.google.com/webstore/detail/hockhafcdegocajmjh...</a>
csomarabout 14 years ago
I think the next thing is to provide customization. That is, you can change colors and some settings (like padding and margin) to control white space. You may want also to change the font. I actually like the white space. Just the grey is a little bit pale, but this helps for concentration on the text that matters. Taste differs, not good to argue about it.<p>It's still a good move from the Author. I was thinking of something similar, but time was a constraint. I might look to help improving that one. Any Github?
tomkarloabout 14 years ago
I like it, but I have to agree it's about 25% larger than I'd want, including both the input field for adding a comment (which takes up 1/5 of my screen height on a large monitor) and the comments, which end up being way too long.<p>Just reducing the font sizes a little would help - having the default font so large kind of apes apps like readability, it's much bigger than is necessary.<p>(Just zooming out on my browser isn't enough, since it also reduces the width of the lines.)
bonaldiabout 14 years ago
Love everything apart from the fixed-width main column. Leaves me with huge margins at either side with my usual window width.
评论 #2411398 未加载
评论 #2411518 未加载
评论 #2415602 未加载
emp_about 14 years ago
I still think this suffers from the same issue on the Stylish option, when you are way down on the comments you have a hard time knowing if the comment is an answer to the OP or to another comment, the increased indent helped but a left align or vertical line all the way from the OP post would help a ton.
jbuzbeeabout 14 years ago
It may not be perfect, but it's a much-needed improvement that improves readability. Thanks!
tuhinabout 14 years ago
New update solves most of the issues raised by you guys. Thanks a lot for all the feedback.
bradheabout 14 years ago
I thought this was gimicky at first but then installed it and went back to the HN homepage and...I'm blown away. This is really REALLY great and solves a problem people have been rehashing for a long, long time -- kudos!
marcomonteiroabout 14 years ago
I just download Chrome specifically to use this. It looks great! Thank you.
vnchrabout 14 years ago
I could feel myself stop squinting....is this what usability feels like?
评论 #2411183 未加载
gizzlonabout 14 years ago
lol.. the chrome store does not support my browser "just yet"
评论 #2410463 未加载
gregparadeeabout 14 years ago
Not perfect but nothing ever is the first time. Installed and love it so far can't wait to see some of the suggestions mentioned put into use in the future!
estelabout 14 years ago
I've had to stop using this now because the indents seem completely broken and all over the place. Replies appear threaded in a completely incorrect order.
grannyg00seabout 14 years ago
I don't see how the legibility is improved. It's different, but I think the current look is just fine. Maybe I'm just lacking an eye for typography.
balakkabout 14 years ago
Here's a darker version of this, aka Metrofy.<p><a href="http://www.csspivot.com/33z8z" rel="nofollow">http://www.csspivot.com/33z8z</a><p>LCARSish too!
antirezabout 14 years ago
Thanks, I'm loving it. It is a bit biased for aesthetic but well still an improvement over the default HN css.
jarinabout 14 years ago
I'm not 100% on some the details (like whitespace and contrast), but definitely A++ for effort.
cptvideoabout 14 years ago
nice try, but its way better to see 20 items at a glance than to mouse around a acre of white space. readability isn't everything, workability matters too. "&#60;ctrl&#62; +" is a good compromise if your eyes are going!
tuancaoabout 14 years ago
I really really like this extension. Make my reading on HN much more enjoyable.
l0c0b0xabout 14 years ago
We need the option of fixing the margins ourselves, other than that great job!
Nanofiedabout 14 years ago
Still could use a little touching up, but I love it none the less :)
mjacabout 14 years ago
I like this a lot. Could we make it the default theme?
评论 #2410521 未加载
Void_about 14 years ago
I would very much like a Safari extension.
tommoorabout 14 years ago
Very nice, i'll be keeping this installed
gunmetalabout 14 years ago
Too much space, going back to old way.
ileabout 14 years ago
Using the CSS in Stylebot now. TY.
oemeraabout 14 years ago
This is awesome! Thank you
Indyanabout 14 years ago
An Opera port please.