7 ms·
Show HN: HackerNew for Chrome
I've been working on and off on a Chrome Extension for Hacker News, 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
- Endless scrolling
- Collapsible comment threads
- Social sharing for Twitter, Facebook, Google+, Buffer
Forks, improvements and comments welcome:
https://github.com/tommoor/HackerNew
- odddogmedia 14y agoI 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.
- deleted 14y ago[deleted]
- JVIDEL 14y agoLike 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...
- haar 14y agoThe HackerNew extension makes searching from the search bar at the bottom of the page extremely difficult.
- sgt 14y agoSo I installed it, but it's not showing up in "Apps" in a new Chrome tab. What am I doing wrong?
- tommoor 14y agoI'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 Forks, improvements and comments always welcome: https://github.com/tommoor/HackerNew https://github.com/tommoor/HackerNew
- Jimmie 14y agoI'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.
- dwhly 14y ago"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.
- SoftwareMaven 14y agoI 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.
- driverdan 14y agoNeat. I started working on a bookmarklet to improve HN last year called Hacker News Enhancement Suite: https://github.com/driverdan/Hacker-News-Enhancement-Suite https://github.com/driverdan/Hacker-News-Enhancement-Suite I never got the code far enough to announce / release. The long term goal was to also make plugins.
- etcet 14y agoAnd I actually posted my extension also called 'Hacker News Enhancement Suite' yesterday but no one saw/cared. https://github.com/etcet/HNES https://github.com/etcet/HNES http://news.ycombinator.com/item?id=3933090 http://news.ycombinator.com/item?id=3933090 I cannot say how angry/sad/confused this makes me :(
- rkudeshi 14y agoTry writing a blog post about it and submit again (preferably later at night, when there's less competition.) Also, "Show HN" seems to get a better response than other alternatives.
- mappu 14y agoFollowing 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. http://userscripts.org/scripts/source/132359.user.js http://userscripts.org/scripts/source/132359.user.js http://news.ycombinator.com/item?id=3923150 http://news.ycombinator.com/item?id=3923150
- Fizzadar 14y agoJust installed it - loving the added spacing, increased font sizes/etc; it makes far better use of the full screen. I doubt I'll ever be uninstalling this :)
- cocoflunchy 14y ago> it makes far better use of the full screen. Not for us poor laptop owners! It's actually the exact opposite :/
- driverdan 14y agoCan you add privacy details? It looks like this is using a 3rd party service for social profile data.
- tommoor 14y agoHey, The extension queries Google's social graph API to gather information about users profiles - you can find details here: https://developers.google.com/social-graph/ https://developers.google.com/social-graph/
- polshaw 14y agoThat link goes to: 'The Google Social Graph API is no longer available' Anyway, i'm not keen on that. Infinite scroll and CSS should be options, too. Personally, all i really want is collapsible comments, inline replies, and hiding stories Anyone know of a script/extension that does just that??
- muyuu 14y agoI'd also like to know more about that. "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?
- christiangenco 14y agoOoo, 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 :)
- tommoor 14y agoHaha, thankyou very much. Hopefully the endless scrolling takes away some of the pain of more readable titles ;-)
- keva161 14y agoNice but it doesn't work if you visit http://hackerne.ws/ http://hackerne.ws/ Only http://news.ycombinator.com/ http://news.ycombinator.com/
- tommoor 14y agoI didn't even know that URL existed - i'll add support in the next update :-)
- gegenschall 14y agoFunny. For me it's the other way round. Does not work on news.ycombinator.com but on hackerne.ws
- micahshell 14y agoLooks nice, but I perfer Georgify https://chrome.google.com/webstore/detail/ofjfdfaleomlfanfehgblppafkijjhmi https://chrome.google.com/webstore/detail/ofjfdfaleomlfanfeh...
- tommoor 14y agoThe styling is really only the tip of this extension :-)
- vasco 14y agoI 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!
- tommoor 14y agoHey, thanks for the feedback! 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.
- vasco 14y agoMaybe 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!
- sushi 14y agoSame 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.
- tommoor 14y agoDefinitely considering making this an option in the next version
- gbaygon 14y ago> I would use it if you didn't change the css Same here. It seems very useful but styling should be optional, some of us realy like how good ol' HN looks.
- udp 14y agoLooks nice. I'd quite like to see a poll with the various alternative HN themes to see what most people are using.
- tzury 14y agoThis is my HN for Chrome http://imgur.com/dPcjC http://imgur.com/dPcjC 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.
- tommoor 14y agoThe extension is mainly about additional functionality and ease of use over styling, let me know if you give it a try!
- DonnyV 14y agoThe features are nice but can you make it look more like the Georgify extension. https://chrome.google.com/webstore/detail/ofjfdfaleomlfanfehgblppafkijjhmi https://chrome.google.com/webstore/detail/ofjfdfaleomlfanfeh... I like how the content is centered with Georgify.
- bmuon 14y agoWow! The infinite scrolling feature just made me a lot less productive at work. I used to just look at the homepage... Feature suggestion: could you add a different link to the discussion page? Something more prominent and easier to click?
- irrationalfab 14y agoThe 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). Keep up the great work!
- rvid 14y agoI want this too! This comes close: http://chetan51.github.com/panels/hacker/ http://chetan51.github.com/panels/hacker/
- irrationalfab 14y agoAlso: [Hacker News'd!] https://chrome.google.com/webstore/detail/njdndkhkelkeepcnmookckfhleebcokl https://chrome.google.com/webstore/detail/njdndkhkelkeepcnmo... [Hacker News Sidebar] https://chrome.google.com/webstore/detail/hhedbplnihmkekhgmaoikgfbkjjaocnl https://chrome.google.com/webstore/detail/hhedbplnihmkekhgma... But are not perfect and it would be nice to have a single package.
- mcrittenden 14y agoThis should do what you're after: https://chrome.google.com/webstore/detail/njdndkhkelkeepcnmookckfhleebcokl https://chrome.google.com/webstore/detail/njdndkhkelkeepcnmo... I've been using it for months and it works great for me.
- josscrowcroft 14y agoCongrats Tom! Been looking forward to using this.
- tommoor 14y agowhy thankyou good sir.
- crisnoble 14y agoEndless scrolling is very cool, until you try to click one of the links on the bottom or use the search.
- tommoor 14y agoI 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.
- crisnoble 14y agoI 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.
- leemac 14y agoFantastic work! I'm liking the different feel of the site. Infinite scrolling is a big plus too. Curious to see what else you can do with this.
- dropshopsa 14y agoAwesome!!!!
- orky56 14y agoA few points: 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!
- EvilTerran 14y agoDamn... 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?]
- tommoor 14y agoThat's all part of the fun ;-)
- EvilTerran 14y agoI'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.
- etcet 14y agoAs 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.
- EvilTerran 14y agoActually, that's really a rather good idea. I'll be sure to Show HN when it's done!
- ealfert 14y agoI 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?
- ssn 14y agoMissing expand/collapse comment threads.
- cocoflunchy 14y agoIt'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.
- joering2 14y agoNever 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 :)
- platz 14y agoagree on not changing fonts, colors, styles, buttons ...
- joering2 14y agoYeah. I think lots of people find HN design perfect the way it is and its hard to move on. Its like another Craiglist, I guess. Btw: my post gets lots of upvotes -- perhaps someone could design some of the features I mentioned...
- cfontes 14y agoPlease remove this CSS changes, they look terrible. The features are nice thought.
- knite 14y agoNot 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.
- adrianhoward 14y agoOhhh. Thanks for the pointer to Collapsible comment. Trez useful.
- fitzpasd 14y agoOption to open all links in a new tab would be greatly appreciated
- imnavneet 14y agoI got a new variant of Hacker News i.e Tech News http://news.iteching.info/ http://news.iteching.info/ Features -Post Link Of The Article You want. -+1 button integrated to vote for the articles. -One place For your latest news (BOOKMARK). -The design is so fluid that it just fits in any size of screen, be it a tablet or PC of any size. -Responsive Search No need to press enter and all just type and get results. -One Click Google+ login, for more ease.
- getpost 14y agoEndless 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.
- omgsean 14y agoI 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. Great idea, it's just too intrusive.
- bstar77 14y agoPlease 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.
- j_s 14y agoYour 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. It is a lot more work to do this cross-browser, even with some of the newer toolkits designed to help in this scenario: http://stackoverflow.com/questions/4913123/cross-browser-extensions-api http://stackoverflow.com/questions/4913123/cross-browser-ext...
- sneak 14y agoIt would be nice if the collapse thread link collapsed the parent of the thread, as well, the way reddit's collapse buttons work.
- Kishin 14y agoOne 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.
- maxxpower 14y agoI only wish to have it default to follow links into a new tab.
- tommoor 14y agoGood 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.
- SeoxyS 14y agoOne 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.
- gruseom 14y agoFully 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.
- tommoor 14y agoI 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 :-)
- yonasb 14y agoFinally, 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
- tantalor 14y agoBlue text on a white background is a cardinal sin in design.
- donniezazen 14y agoIt looks good but I rarely visit hackers news' front web-page. I end up getting RSS.
- kelsokennedy 14y agoThis is a great new tool! Thank you very much, HN was one of the ugliest sites I visit daily :) I guess it's true though, Content IS King.
- orky56 14y agoI 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?
- rg81 14y agoI really like it, nice job.
- g0su 14y agoThe pure white in the background hurts my eye. Isn't it a good practice to make it a little grayish?