I've been working on and off on this for a little while, the extension focusses on improved usability rather than design. I can almost guarantee that after a day you won't want to go back to regular Hacker News. Give it a try, features include:
- Improved readability
- Quick inline replies from comments page
- Quick profiles with social network info when hovering over usernames
- Filtering of stories based on terms and phrases / domain or user (try filtering out negativity!)
- Endless scrolling
- Collapsible comment threads
- Social sharing for Twitter, Facebook, Google+, Buffer
"I can almost guarantee that after a day you won't want to go back..."
Unfortunately I probably won't make it to a day or two. What you really strive for as a designer is more like "I can guarantee that after 30 seconds you won't be going back". I can tell you that I'm already uninstalling it. Don't change the styling-- or at least leave the information density that we've got w/ HN now.
I've been playing with something like this too. What I really want brought over from the Reddit Enhancement Suite is the ability to hide posts and to see updated comment counts.
I don't mind the idea of changing HN's styling if it is easier to read. Unfortunately, something in the contrast with the plugin makes it much, much harder to read. If I could choose different styles (including a "native" option), I would be happier.
I agree with another poster that the share link should not be on the right side of the links below a story: that is memory wired to be the place to click for the comments (either that, or give me a good reason to change that memory).
I like everything else and would use it, notwithstanding the contrast issue. I'll leave it installed and enable it every once in a while to see how it progresses.
I would use it if you didn't change the css, and didn't make share the rightmost link. Also, that "block this guy" popup is really pervasive when you're just roaming around with the mouse. Other than that, really nice work!
I agree about the share link. The "X comments" link is probably the most clicked in HN, and everybody expects it to be the rightmost. It has confused me several times already.
Nevertheless, I'm definitely keeping this extension!
Same suggestion. I like the overall improvements but please don't force the styling. Make it as an option that users can check to disable default styling of HN.
The CSS needs some cleaning up, I can see a few little issues, but I personally like the new style a tad better. I get the whole hackernews/reddit meme of "thou shalt design the most basic UI and never change it", but these days it feels more like an "engineers idea of a minimum viable UI" instead of a "well-designed, minimalist, useful UI".
This looks good, and while I won't call it better quite yet, I have no strong desire to turn it off, good work!
EDIT: On the mainpage, I dislike the X's that are attached to the right, they're near invisible and then you rollover and all kinds of contrasty things pop up. Also, I dislike the rolldowns for user names. They're unresponsive and you have to click to make them roll-up. As such, they get in the way.
The crosses are definitely supposed to be hidden away and not something that you would use all of the time. For the username rolldown's, it is a shame they can't work a bit faster but it's just the nature of the beast - I've added a delay so it is harder to trigger them by accident.
I think you may have misunderstood: If I rollover a username, it drops down a popup. If I move away from the username, the pop-up remains. It notices my onMouseOver to instantly rolldown, but ignores my onMouseOut when I leave.
This disparity in behavior is frustrating, why is activation onMouseOver, but deactivation requires a full click white space to change focus? It should be click on/click off or roll on/roll off, IMO.
I wonder why the filter popup is showing a lot for you, it should only appear if you hover over the 'x' symbol on the far right - this should be out of the way for most browsing.
Maybe its just me, I'm always moving the mouse around and selecting stuff while I read. Just so that this post isn't useless, the reason I complained about the css is that I think the light orange bg with black fg is easier on the eyes. I liked that you increased the titles' sizes but the rest of the links are still very small! I browse hn with 150% zoom full-time so having good sized titles and small sized other links or just really oversized everything is kinda crappy!
Please forgive my ignorance, but what's the point of having proprietary web apps for Chrome that could already be achieved with existing HTML5 toolkits?
This just seems to be an effort to "app-ify" the web, that is, create a shitty appstore google owns for websites. I hate this concept and don't understand why people support fragmenting webpages like this. HackerNew may be fantastic, but release it as a website that all browsers can display.
Your point is valid; I'd guess the developer's point in "having proprietary web apps for Chrome" is that there is no cost to run the extension in other people's browsers.
Following the thread: I posted my extension called "HNHance" two days ago but no one saw/cared. It doesn't change the style, just adds hover parent links - something i find immensely useful in long comment threads.
1) There's a subtle difference between the white background of the extension and the border of the browser. We're talking just enough to notice but not enough to quickly see the contrast. I'd say make it completely the same or exaggerate the contrast a bit more.
2) Any way to address the tiny buttons for up vote/down vote? They are so small that I am always afraid that I'll hit the wrong one. Perhaps side by side or more spacing between them.
3) Just for discussion sake, do you think when sharing it should be mentioned that it's come from HN?
4) In-line comments are awesome! How about using a sidebar on the HN homepage for something like preview or better yet, to display comments for the current article with similar styling to preview in Google search results?
5) Endless scroll on the "Comments" page seems to be broken.
I don't know if I can ever go back to the standard HN....Great job!
It's great, except that I can now only see 12 links on the home page... And infinite scrolling is good, but how do you now search ? All the bottom links go further down when you scroll the page.
Damn... I've been working on a userscript to do, well, pretty much what this does; I'd completed thread folding, and was just getting stuck into AJAXy "more" links and reply forms.
Oh well, time for a new hobby project.
[edit: Incidentally, do you find the tables-within-tables-within-tables structure of HN, with some arbitrary variations between pages, as infuriating as I do? Or am I doing something wrong?]
I've been awfully tempted to have my userscript just completely rip the page layout apart & re-assemble it properly as styled divs, actually. I might still do that.
As someone who just wrote their own extension for HN, I think that's the right way to go about things. Tables are such a pain in the ass and I there were multiple times where I had to talk myself into 'staying the course' and just getting it done rather than starting from scratch with a more sane approach.
I think if you could create a nice minimalist table-parser base it would be useful for any future browser extensions.
One of the things I like most about Hacker News is that it's one of the few sites left without social media sharing buttons, or as I like to call them, junk. Anything that will add those buttons to sites that don't have them is the antithesis of what I need.
Fully agree. Worst of all are the truculent widget bars that refuse to scroll with the rest of the page. Thankfully the Antisocial subscription for Adblock takes care of them.
I understand that the social buttons are not useful for all, this is why they are hidden behind a click and dynamically loaded. You can completely ignore that link and enjoy the rest of the new features :-)
Endless scrolling is uncool if you want to click any of the links at the bottom of the page, Lists, RSS, Bookmarket. Maybe these links can be relocated to the top of the page? I sometimes go to Lists | bestcomments to find the creme de la creme.
I can really appreciate this extension and the fact you've open sourced it. Thank you for that.
I think a successful modification to the HN feed would leave the same vertical spacing, but somehow make links more easily browsable. Zebra striping perhaps? Eliminating the number on the left or make it smaller?
I like the Share option. That's super helpful.
I'm not really liking the large links or their color.
The hidden filter that only shows on hover should be hinted at, at least, by making it slightly visible.
I think you've abandoned the HN brand. I believe a successful modification to the feed layout would be subtle enough that it wouldn't be immediately noticeable but, rather, generally easier to read.
The only missing feature that prevents it to become the ultimate HN extension is to show an icon in the address bar that links the a web page to the HN thread (if available).
I tried to contribute to this thread but my IP seems to have been blocked after submitting my comment. I included a list of 6 Chrome extensions and their URL that in my opinion improve the usability and features of HN. I'm afraid to submit it again since I don't want the current Squid proxy's IP being blocked also and then I won't be able to read HN until I find a different IP I can route through. Anyone know how long IP blocks last?
Never had a time to give my respect to HN by building my own bootstrap and adding more features (I believe more options viewing HN, the better) but every time something like this comes around HN I follow the thread.
This is what I learnt so far:
- do not change fonts, colors styles.
- do not try to add cool up to date, buttons, etc - most users just got used to the way it is right now
- do not add anything between rank position and title. no additional icons, etc. folks here got used to scanning HN certain way and more white space makes it harder to read
How would my HN bootstrap look like?
- wouldnt touch the outlook and add minimum additionals: after # of comment I would add ajax-driven "follow" for the post and "follow for replies" - in threads were there are hundreds of responses its hard to catch up with whats new (who wrote new reply); I know you can lookup your profile to see comments related to yours, but I find it kind of hard it this way and you have to leave to post screen.
- add highlighters to responses. karma is good and many times interesting folks have high karma (duh!) - I would add highlighters (opt in/out) for high karma users when they type response so when I scroll long thread and am limited with reading time, I could at least see posts coming from high karma users
- social features: would add IRC, follow hacker (notify me when he posts new stuff, or write a comments), but would never add all the fb/twitter crap. imho hn being less popular is better. this community is awesome as it is
- would do it never ending scrolling like you did, BUT also make it as refreshless as possible - would load stuff through ajax, also monitor the hottest subjects and preload theirs comments in hidden div so when you click "comments" it would show up instantly and just added missing comments that took place from the moment of last reload (all reloads would be silent ajax-driven) - this would give you feeling that loading data is extremely damn fast.
This is for a good start. One day I will get there as I want to learn Python or Ruby :)
Not bad! I was previously using a combination of the Georgify and Collapsible comment extensions. Your extension is better in some ways and worse in others.
Suggestions: Collapse link shouldn't be on the far right, and collapsed comments should only show 1-2 lines regardless of actual length. Link color brightness could be taken down a few notches. Reply link shouldn't be underlined.
Ooo, this is quite nice. I like all of the inline features you added (though inline comments aren't currently working for me --- scratch that, they were just really slow).
Nicely done! I predict, as with all HN re-themes, that someone will soon comment about how article density is less than on standard HN, so I took the liberty of adding it to your GitHub issues :)
One thing I would add is either reducing title size on the front page, or adding an adjustable title size on the front page (and remember that title size). I wouldn't mess with the font size otherwise, it just throws everything off.
Otherwise, this is terrific! Only bad part is endless scrolling may keep me on HN even longer.
"Your data on hackerne.ws and news.ycombinator.com" sounds very generic and I'm not knowledgeable on Chrome extensions. Does that include POST requests? how about cookies and passwords?
Given my default sans font is set to Droid Sans, all I needed to do was simply zoom-in (Ctrl ++) twice and chrome keep it this way between log-ins and recently between machines as well.
I uninstalled it almost immediately after installing. Cool idea but you shouldn't change the entire look and feel of the site. See Reddit Enhancement Suite as a good example of how to write and present a site addon.
I can't get access to the footer because of the endless scrolling. Basically there's no way for me to access the Search box long enough to type something in. Is it possible to move the footer items to the top or somewhere else?
Like the UI layout, but as others are saying it's not easier on the eyes: try to make the background more dark, not monokai-dark but not this retina-burning white either...
Finally, a way to easily share HN posts! Had to adjust the styling using Stylebot, title fonts are way too big... Can you add an Instapaper button? Would be really helpful
I did consider moving search to the top - what do you think? What stopped me was wanting to augment rather than completely change the current HN experience.
I understand your goal of not completely changing the HN design. However, as the extension works right now, it is literally impossible for me to click the links on the bottom. I can see them for a microsecond if I scroll to the bottom but they instantly get pushed down by a wave of new stories.
Good idea, I think the best practice across the web right now is to let the user choose when they want a new tab. Just hit CTRL while you click to create a new tab.
- Improved readability
- Quick inline replies from comments page
- Quick profiles with social network info when hovering over usernames
- Filtering of stories based on terms and phrases / domain or user (try filtering out negativity!)
- Endless scrolling
- Collapsible comment threads
- Social sharing for Twitter, Facebook, Google+, Buffer
Forks, improvements and comments always welcome: https://github.com/tommoor/HackerNew