Archive for the ‘iPhone’
Boring Friday night activity - fixed UI glitch on iCO
I’ve been sick and still recovering from.
Anyway, my iPhone WebApp, iCuteOverload became look uglier after a few firmware updates ago and I had ignored since, but I finally fixed today.
It looks like box-sizing: border-box stopped woking on the recent WebKit, so I needed to use WebKit’s own declarations by adding “-webkit-” prefex, to adjust the box-model. It was easy fix but didn’t figure out soon enough :-p (maybe because I was watching House M.D. while debugging). Then I looked at the latest iUi code and well, the fix was already there… I should have just downloaded from beginning.
Oh well.
iPhone SDK is Out
Apple’s official iPhone Dev Center page is updated, and there’s a link for the newly announced
SDK. Time to learn Cocoa?
Actually, I wonder how long it takes to over-number Symbian S60 apps.
have been busy (again) for MWC
OK, I guess 3GSM is an old name, now it’s called Mobile World Congress.
Anyway, although it’s been pretty crazy and sad weeks for Yahoo, inc., my team kept me busy working on WAP products to be announced on MWC.
For this beta, despite we wanted virtually all WAP2 xhtml-devices, I barely managed the popular devices including Blackberry 87xx/88xx and Razr V3/6/9 excl. the original V3.

Although there’s more work to be done, at least the beta was launched during MWC. However, RIM had Blackberry network outage at that time…
Also, Blueprint dev kit is now available.

Adding a WebClip Bookmark Icon for iPhone and iPod
While MacWorld is held here in San Francisco, I am commuting to Sunnyvale… At least I am trying to catch up with all these exiting news from Apple.
One iPhone dev-related announcement caught my attention is a WebClip. -The WebClip is a web bookmark icon that is displayed on start screen on iPhone (and iPod), and looks just like an application launch button. (To make it work, you need to upgrade the firmware to 1.1.3.)
To create a custom icon is as easy as adding a favicon.ico for desktop website.
First, create a 57×57 png image. (Don’t worry about round-corners and shine.)
Then do either:
1) Place a PNG image named apple-touch-icon.png at the root directory of your web server.
or
2) Add <link rel="apple-touch-icon" href="/customIcon.png"/> within the <head> element of the page.
Once added to the springboard screen, round-corners and glassy overlay will be added to your icon nicely ![]()
Sweet! Y!Go Web Made News in Japan too
自分がコアメンバーの一員として制作したプロダクトが日本のニュースでも紹介されているなんてちょっと嬉しいかも。
Anyway, it’s pretty sweet that I can show what I’ve been working my ass off for, to my friends and family in Japan. I wish we could launch this in Japan, as well as Europe and Asia that we’re planning to launch soon. But since Y! Japan is operated separately from us, I dunno if they will…
Well anyway, I’ve tried oneSearch in Japanese (see the screenshot), although we are not supporting Japan. Well, the temperature is shown in fahrenheit in weather section, because well of course, this is a US product. -will I18N’d later… Pretty neat, right? Seriously Y! Japan should consider, since Apple will start selling iPhone there sooner or later. I guess.
I found more news by searching just now:
Yahoo! Mobile Beta finally launched so we can sleep.
We finally launched Yahoo! Mobile Web beta (http://beta.m.yahoo.com) for limited high-end devices including iPhone, Nokia N-Series, also Windows Mobile incl. Moto Q, Palm Treo this morning.
Next project - launching for more devices, and int’l support for 3GSM. Nearly all engineers gave up Vegas… so can we go to Barcelona next month instead? Pretty please por favor?

iCuteOverload Update - Launch YouTube app
OK, iCuteOverload beta (preview at: girliemac.com/cute on iPhone!) is almost official.
Before handing to Megan, I made another change - converting YouTube Flash embed (that is not supported by iPhone) to YouTube video link to open in iPhone’s YouTube app. Thanks to Isao Yagi, who gave me tips to my regex question on php-user list, I could make this work.
Here’s how the regex code in php looks.
pattern to look for:
$p = ' /<object[\S\s]+?http:\/\/www\.youtube\.com\/v\/([\w\-]+)"[\S\s]+? <\/object>/i ';.
This look for a html object tag that includes YouTube link, and capture the video ID to re-create a new link.
As long as I found, the video ID can contain any alpha-numeric char (\w) and hyphen (\-).
Use /i to make it case-insensitive just in case.
replace string:
$r = ' <a href="http://www.youtube.com/watch?v=\1"><img src="images/watch_youtube.png" alt="watch!" width="200" height="56"/></a>';
then use preg_replace function to replace the string:
$content = preg_replace($p, $r, $content);
I use an image button link to launch YouTube app.
The captured video ID for Flash is now taken as a query string. This should work fine!


However!!! I just found that NOT all YouTube videos are available for iPhone yet…
So when I try the latest CuteOverload entry, I got this sad message, “Could not load movie”.

According to Apple Support, they will apparently be in sync by the end of the summer.
iCuteOverload Beta pix

Beta preview: go to http://girliemac.com/cute on your iPhone to see.
My next plan: convert all YouTube Flash embed into links to open the videos with YouTube app. some UI improvement.


Short story: keeping my website since 1996, finally started this blog in 2007.
Long story: see "








