iOS6 與 Web Developer 的關係

自 21 SEP iOS6 釋出後,過了24小時左右,花了一小時自動更新,把手機轉到 iOS6 去。更新的原因,主要是因為它對 Safari 進行了若干改進。

在左圖你可以見到,Safari 的若干改進中,有前所未見的更新:支援照片上傳 (Support upload from media library) 。此前,因為 sandbox 原故,或是因為沒有做好 portal,手機隨了靠 native app 如 PhoneGap 來作搭橋方式,把資料送上去後台程式。現在連網頁都能夠上載相簿中的相片,甚至即是拍照,這可是一個不顯眼的突破。對於一般上網族,未必留意到這個改變,但對於網頁開發人仕,可不要忽略這個新功能。因為,這個新功能帶來的方便,可改寫你之前對某些認為一定要寫 native app 才做到的事情,變由拍一張照傳到後台,經後台分析而得出處理結果。

此外,對網頁開發員的另一個好消息(突破相對較小),是其 JavaScript 的執行效能。且看以下網站將 iOS5 跟 iOS6 進行的對比測試:
http://www.newmobilelife.com/2012/09/15/ios6-vs-ios5-safari-benchmark/

可看到網頁呈現的反應之差異。實際前往我公司的網上商店,可感受到網頁很快便能完整呈現。

當然,新 Safari 也同時帶來一些問題,就是對 POST Ajax 的 caching 處理跟 iOS5 。因而有些網站反映有一些問題出現。解決方法是添加一個不斷隨時間而變的數值到 ajax 作出回應的 function call 中: http://stackoverflow.com/questions/12506897/is-ios6-safari-caching-ajax-results

至於其他改進,也是使用層面中體驗經歷,也不用作深究了。

Facebook app – 由 HTML5 回到 原生 iOS app

Facebook 曾打響旗號,將其 iPhone app 和 android app 改為以 app container 配合 HTML5 來製成適合智能手機上使用的 mobile web app,一時將 HTML5 的風吹得熾熱,讓人們覺得 HTML5 web-based apps (a.k.a HTML5 app)正是手機程式開發的理想方向之一。然而近來又似乎在打退堂鼓…… Continue reading Facebook app – 由 HTML5 回到 原生 iOS app

Win 8 IE10 初體驗﹣Front-end Web Developer 迎接 Win 8 IE 10 的挑戰

對於電腦使用者的你來說,WINDOW 8 的面世是一項電腦應用的新體驗。新的 Metro UI 一改沿用多年的介面,應對 iOS 的簡單介面而作出適合手提儀器改良的新介面。
Continue reading Win 8 IE10 初體驗﹣Front-end Web Developer 迎接 Win 8 IE 10 的挑戰

The fate of Adobe Flash on mobile platform

From the day Steve Jobs declare iPhone does not support Adobe Flash, it is the beginning of the decline of Adobe Flash. In sprite of being a Flash Developer in the past, I have to admit that Flash is not ideal to run on mobile device. Flash requires certain amount of resource to execute smoothly, while mobile device normally unable to provide such demand.

Android device keeps mentioning to support Flash, however, the disappointed user-experience causes people from joining their parties. So that from 15th Aug, Android is no longer provide Flash player for its devices.

Does HTML5 really the most suitable candidate for his task? My answer is: NO. I don’t thinking HTML5 can replace Flash game / Flash animation easily. Or the development of that game /animation will be complicated. No matter what, building multimedia content with HTML5 is the global trend. But if your target audience is not teenage, you probably keep using Flash as the tool, as Desktop has much powerful computing ability, with developer familiar with Flash programming, building fancy stuff with Flash can be much complicated but much faster.

Related reading:
Flash退出Android平台 正式告別移動端
http://news.cnyes.com/Content/20120816/KFM56OW8LB8KR.shtml
Did Steve Jobs kill Adobe Flash:
http://articles.cnn.com/2011-11-09/tech/tech_mobile_flash-steve-jobs_1_html5-battery-hog-photoshop?_s=PM:TECH

document.write causing blank page

Recently my company website has a 3rd-party site traffic tracking code blocking the site from rendering. The download of that JavaScript file never end until gateway timeout, hindering the site from complete loading.

I tried to make the JavaScript to be downloaded async so as to avoid the blocking issue, sadly it turns out a blank page.

Drill down to the root clause of the blank page issue, I find that it is caused by a document.write statement in the downloaded code. And find out that: document.write can only be used for inline,when the code is downloaded async, document.write will simply create a blank document and write the content on it.

To avoid it, we need to overwrite the document.write function to fit with the change. Detail can be found from the site:
https://github.com/eligrey/async-document-write

CodeIgniter 2.0 video tutorials by Big Name

With the famous PHP framework CodeIgniter upgraded into 2.0, I make use of this occasion to refresh my knowledge on this such great tool. Having an afternoon to surf in Google, I find a genius CI programmer kindly sharing his knowledge of writing some basic CI 2.0 tutorials, using the admin, blog, authentication scenario as demonstration. It really worth for people who wish to strength their PHP skill and programming logic like password validation, system flow.

New Lane Crawford site

It is incredible I have chance to participate in building up the Lane Crawford official site.

The visible website is just the tip of the whole iceberg. In the last 14 months, started from a 6 people team, we build up the whole project linking up various internal systems, collaborate with our vendor and overcoming different hardship. We finally come up with a presentable website. Yet it looks simple, the site aim to serve various browsers especially IE6. Yes, as its target audience is from the mainland… Continue reading New Lane Crawford site

Angelo’s Pizza is launched!!!

With an occasion brought by my colleague, I have a chance to offer my spare skill on building website for a well-known Italian restaurant, which open a new branch of dining service: Pizza Delivery – Angelo’s Pizza.

The site is customized CMS driven, bilingual, provide web master easier way to manage the site content.

Its mobile version is coming soon.

IE6 Duplicate Character for float element

Throughout the last couple months, I keep working on fixing a corporate site styling, JS execution issue, site performance for which was being implemented quite buggy. Debugging and fixing other people code is always challenging as you need to accommodate other coder’s styling, and try understanding what’s the purpose of writing something you think mean nothing, and avoid hitting some easter-egg issues. But it worths for me the meet such site and picking up such a challenging task as I am actually learning more and much aware something that I may also normally miss-out when I code. Continue reading IE6 Duplicate Character for float element