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.

Yet Another Hacker News Redesign

2 pointsby thinkerabout 13 years ago
I wanted to create a design that I could use, so instead of pie-in-the-sky, I modified the CSS as suggested by the 'A Better HN: Aligned' post using Stylebot (awesome tool!). While its just a visual skin and not a complete UX overhaul at least its functional and useful right now.<p>Screenshot: http://cl.ly/1E182J1r0V040M3H302J<p>CSS: http://pastebin.com/JHEUQjcq<p>My concern with the previous designs I saw on HN were they weren't too readable.<p>In my design, I am giving prominence to the article title - bold and contrasty. The comments is what I personally like to see next and I went with a subdued orange/brown for these links. I increased the line-spacing and generally have a bit more white-space without overdoing it (you see about 15 of 30 articles above the fold on a 13" MBP). Additionally, I removed any distracting elements (such as the header or orange lines) except for the Y-Combinator logo.

2 comments

joelmaatabout 13 years ago
I have a userscript and zoom (twice) in Chrome to get the text larger. I like being inspired and made happy when I read through the titles, and I like Feedly's UI, so I made my version of HackerNews look exactly the same.<p>Some days, I just love being a programmer/designer. So much independence and control.
tuananhabout 13 years ago
I found extensively use of bold text very eye-sore. Maybe it's just me!
评论 #3872501 未加载
评论 #3872500 未加载