Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Hacker News mobile web app
JavaScript
branch: master

This branch is 465 commits behind cheeaun:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
icons
images
js
landing
screenshots
startups
templates
.gitignore
README.md
hn.css
hn.js
index.html
make-scripts.js
make-templates.js
manifest.appcache
scripts.js
server.js
templates.js

README.md

Hacker News mobile web app

Note: If you think this README is lame, try this awesome landing page.

This is one of my silly mini-projects. I create this initially to try out iOS 5 Mobile Safari's new -webkit-overflow-scrolling: touch CSS support. I need some sort of content for scrolling, so why not Hacker News' stories? I'm also trying something called Fake it 'til you make it which I make the web app looks (and feels) like a native mobile app. In this case, like a native iOS app.

As I continue developing this app, it turns out pretty good. Currently it has very basic features:

  • View 'front page' stories from Hacker News.
  • View individual story with all its comments, threaded.

Here are some screenshots. Click to see them in their full retina glory.

Screenshot 1

Screenshot 1

Technical stuff

This mobile web app primarily works on iOS 5 Mobile Safari. It uses these wonderful scripts:

Also uses the unofficial Hacker News API, open-sourced.

More technical stuff

Running a local server

git clone git@github.com:cheeaun/hnmobile.git
cd hnmobile
node server.js -noappcache

The -noappcache argument is to prevent browsers from caching everything in the Application Cache.

Changes to scripts

If there are changes in the /js folder, run this to regenerate scripts.js (skip the npm install if uglify-js is already installed):

npm install uglify-js
node make-scripts.js

Changes to templates

If there are changes in the /templates folder, run this to regenerate templates.js (skip the npm install if uglify-js and hogan.js are already installed):

npm install uglify-js
npm install git://github.com/twitter/hogan.js.git
node make-templates.js

Contributing and Feedback

Feel free to fork, file some issues or tweet your feedback to me.

License

Licensed under the MIT License.

Other similar apps

This is the not the first third-party app for Hacker News. Others have tried doing the same thing, despite some slight differences. I've compiled a list of apps here.

Something went wrong with that request. Please try again.