PaperFoldMenuController - a folding menu navigation controller

PaperFoldMenuController uses PaperFold to create a foldable menu on the left side of the screen. The project is created with similar methods and delegates as UITabBarController so that it can be used as a replacement easily.

Just like UITabBarController, you can add items to the menu using setViewControllers. The title of each view controllers in the array appears in the menu table view. The controller uses containment view controller, so all the UIViewController's callbacks e.g, viewWillAppear, viewDidAppear works.

Update on vertical fold support in PaperFold

I am still working on vertical folds, but it is already available in an experimental branch. Just needed a bit more tweaking as I test it on one of our own apps in buUuk.

Looking good :p
And pleasantly surprised that it works very well with UIScrollView. [video]

Bottom Fold

Top Folds

Support for vertical fold in PaperFold

Working on an experimental branch in PaperFold, with vertical fold support. Multi-fold on top and single fold at the bottom.

Shown here is a new app we are working on in buUuk using PaperFold, & a cool parallax scrolling effect.

Prototype of a tide table UI

I created this as a feature in WeatherLah a few months back. WeatherLah is a Singapore weather app designed by @isnav and done by an intern at buUuk. But this feature will probably need some tweaking before it makes it into the app.

This prototype shows tide levels at different hours.

But the navigation is not flexible enough to easily show when is high tide and low tide.

The animated frog is a frame-by-frame animation, each frames drawn manually in Photoshop. Had a lot of fun working on this.

StyledTableViewCell - customize UITableViewCell separator and selected background colors


  • - Set selected background colors
  • - Set selected background colors gradient direction
  • - Set cell separator style
More information are available in GitHub.

PaperFold for iOS

Just open sourced PaperFold for iOS. It's a UI Control to hide/show views on the left and right side of the screen.
For more information, you can checkout the the link in github

AcornCharts: Fun way to display charts in iOS

I played with Chipmunk Physics library sometime last year. Made a simple and fun chart based on chipmunk by using balls that response to device tilting. I kept this for 5 months and forgot to open source the code :p

You can either use ball sizes, or number of balls to represent data sizes for each group.

The code is open sourced in GitHub. You can get is here.

Playing with folding navigations

Here's another work in progress. Trying to use folds for navigation. The folds are done with separate layers using CATransform3D overlaid with sliced screenshots of the view.

The video shows a prototype of SG NextTrain, an iOS application to tell arrival time of the next train in Singapore.

Mockups of SG NextTrain

Minor update: StyledPageControl supports custom images

Updated StyledPageControl to use images as controls.

Singapore bus arrival time via Twitter

Just send a tweet to @sgnextbus in this format to get arrival time of all buses in Singapore, SBS and SMRT.

@sgnextbus bus_stop_no bus_number
e.g. @sgnextbus 81111 43

I don't see why anyone will find this useful. It's just something I made for debugging my apps. If there are actual users, I may improve it.