Category: App Development

Things to know to get started HTML5 game with socket

We want to build an HTML5/JS game that connect players with socket. Here is what we need to get started: 1. Web socket or socket.io…

That’s why I hate Google’s navigation.

Blocking content on mouse hover

I don’t understand why prefer such hover effect. When you hover, the content is blocked by the title. But when you hover something, usually it…

Add margin at the bottom for easier links tapping in mobile safari

When designing web page for mobile device, I always leave some space at the bottom. Especially when there are footer links. That’s because in mobile…

Informative Message on Deletion

This is an informative message when disabling a feature in a Basecamp, which could affect the others. The message clears tell you what is going…

“Area of Concern”—My reference when creating todo list

When I’m making todo list items, I always go back to the following essay from Ryan Singer to remind me the areas of concern. Link: Managing Product…

[Failed] Share button blocks the content

When making web page, content is the most important thing that should be easily accessible all the time. But this website fails by putting the…

Testing to make a video teaching clip solely on iPhone

I’m Testing to make a video teaching clip solely on iPhone. git merge in 30 seconds It’s done in ExplainEverything + Clips + Memopad. The…

Refactor Until You Feel Almost Comfortable

Link: Refactor Until You Feel Almost Comfortable How do you know when you’ve refactored enough and when you’ve refactored too much? I asked Sandi Metz about this once;…

The process of building native app vs web app

This is the graph that I use when comparing building app with web technology (HTML5) or native IDE (Xcode + Swift or Android Studio +…

The concept of working directory and Git add, commit and reset

I drew this graph to explain the working directory concept and the changes tracking status among git add, commit and reset.

Trying Voice theme

I moved the site to WordPress to try several themes, mainly iA and NADA theme. I thought I would be happy with those minimal themes.…

Floating action button and the distraction

Link: Material Design: Why the Floating Action Button is bad UX design The search FAB thus distracts the user from an immersive photo-browsing experience. By taking up…

Customizing screen on app switcher

We want to customizing app screen on app switcher in the following situations. Hide sensitive information on app switcher Enhance what user see on app…

Demo of autolayout differently in portrait and landscape

This short video, without audio at the moment, demonstrates how to create an interface with AutoLayout with different layout on portrait and landscape.

Link: Git pretty

Link: Git pretty, a chart to handle mess in you git commits. A chart to help you clean up a messy git commit history.

Course material for Git

Recently I’m writing a course material for learning Git version control. It’s still in early draft. But better than having nothing. You may find the…

Wave form of iOS voice memos app

Link: Little Big Detail The icon for Voice Memos is a waveform representation of the word “Apple.” Interesting detail found.

How to undo (almost) anything with Git

Link: How to undo (almost) anything with Git A good document that worths clipping down here for future reference.

19 Tips For Everyday Git Use

Link: 19 Tips For Everyday Git Use By the way, here is my git alias setup:

Portrait upside down

iPhone 6 Plus introduces an iPad-like orientation setting—home screen can be used in all 4 orientations, including portrait upside-down. I think the app developer may…