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 library 2. HTML5 based game scene (a playground for interaction) 3. Showing other players into your game scene. Let’s get into them. 1. Socket library If we are getting started […]
Read Post / October 5, 2017
Read Post / April 26, 2017
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 means you’re interested in something, and now the illustration I’m interested is covered by a solid color block. ????
Read Post / January 19, 2016
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 Safari, tapping on the very bottom of the screen will toggle the toolbar, which hides when you scroll down the page. And so when user wants to tap on a […]
Read Post / January 12, 2016
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 to happen and how others will interactive with the disabled function.
Read Post / January 6, 2016
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 Development by Integrating Around Concerns The natural approach most people take at this point is to divide the work by role. They create a “design” todo list and a “programming” […]
Read Post / January 4, 2016
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 share button on the left. In the smaller screen, it put the share button fixed at the bottom of the screen. But in wider screen, like the screenshot, it put […]
Read Post / January 3, 2016
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 raw drawing animation is recorded in ExplainEverything. The Clips app is for editing and recording the voice over. Memopad and other graphics app are for drawing static frames. What’s missing […]
Read Post / January 2, 2016
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; here is a paraphrase of her answer: “Refactor until you feel you are one step behind the solution you want. Avoid your comfort zone. And while you might see extractions […]
Read Post / December 27, 2015
This is the graph that I use when comparing building app with web technology (HTML5) or native IDE (Xcode + Swift or Android Studio + Java). Using the pure web technology to build app is fast. But it could take huge amount of time to make it polish and fix every little detail to make […]
Read Post / December 24, 2015