How do you make the "panning" so smooth? I really want to know what was done to get this kind of smoothness and performance in a web app.
Do you mean the vertical swiping? If so, it's smooth because there's nothing special going on. It's just the page being swiped up and down, i.e. native behavior.
Hacker News Web App for Mobile
51–60 of 171 posts
Re: Hacker News Web App for Mobile
#52Anyone know a good library for getting the header menu to stick like that on all mobile devices?
Re: Hacker News Web App for Mobile
#53Re: Hacker News Web App for Mobile
#54After it reached to the FP, my vps server stop responding. So I moved it to S3. S3 doesn't gzip content. Now it takes twice the time to load the app.
Thanks EtienneK for submitting to HN.
Also forgot to mention that you can download an android app from play store. https://play.google.com/store/apps/details?id=com.premii.hn
Re: Hacker News Web App for Mobile
#55This is the first website I've ever added to my home screen on iOS, and I was completely unaware that by doing so, I could view the site as if it was a full screen app, not having to deal with the safari interface. I was completely unaware of that, and can now really see the utility in adding web apps to the home screen Also, this is great. Really a solid interface. EDIT: I would honestly like to see this scale on de…
It works fine as a desktop app actually. The sidebar is just one part of the app, and if you click on a post, you get the full article / comments on the right side. Looks like no framework was used to build this (except for Zepto, I guess). Total size for JS is 55kb, for comparison Angular 1.0.7 minified is 78kb. CSS adds another 30kb, including the ico font that's base64 encoded in style.css. 115kb for the whole pag…
JS is uglified. Libraries takes 55% of file size, and rest is my code.
Re: Hacker News Web App for Mobile
#56Great work! I recommend adding a manifest.webapp file so that Firefox users (and Firefox OS users) can add this as an "app". The manifest file is minimal, and then just a few lines of JavaScript will give you an "install" button. https://developer.mozilla.org/en-US/docs/Web/Apps/Manifest
Re: Hacker News Web App for Mobile
#57Re: Hacker News Web App for Mobile
#58I've been using this for a while. Great execution all around. The only gripe I have is not being able to collapse an entire thread of comments. Right now you can collapse individual comments but it's not that useful for long threads. This is a great example where a mobile web app can really shine. Throw this thing into phonegap and you wouldn't be able to distinguish it from a native app. So awesome.
I couldn't figure out best way to collapse threads and collapse comments.
Re: Hacker News Web App for Mobile
#59Minor gripe: tapping the top of the screen on iOS does not scroll to the top on the front page.
Re: Hacker News Web App for Mobile
#60This is the first website I've ever added to my home screen on iOS, and I was completely unaware that by doing so, I could view the site as if it was a full screen app, not having to deal with the safari interface. I was completely unaware of that, and can now really see the utility in adding web apps to the home screen Also, this is great. Really a solid interface. EDIT: I would honestly like to see this scale on de…
1. I've done away with a lot of the features the OP has - such
as comments (unless it's Ask HN), time of post and link. This
has made it more lightweight and faster to load on slow mobile
networks in my area.
2. Also, it's only updated twice a day since I actually built
this for myself to stop spending so much time on HN.
3. And since I found myself only reading the front page on my
commute to work, it aggregates all the front page articles into
one nice page instead of opening one article up at a time.
Not to take away from the OP, but would love any feedback on the whole "less is more" approach.