「Sun」というお天気アプリを紹介します。こちら、ネイティブアプリではなく、ブラウザで動作するウェブアプリです。
iPhoneで「http://pattern.dk/sun/」にアクセス
iPhoneでサイトにアクセスし、ホーム画面に追加します。
ホーム画面のアイコンからページを立ち上げると…
位置情報を聞いてくるので許可します。すると、画面が立ち上がります。フリックした後の動きが可愛い！まるでネイティブのアプリのようです。
「Sun」のようなアニメーションを実装するにはCSS3アニメーションだ！
Sunのようなアニメーションは、CSS3アニメーションの「transform」を使って実装することができます。
参考：
iOSや、Androidの上位バージョン（4.2以上は欲しいところ…）向けのサイトであれば安定した動作が望めそうなので、取り入れてみると面白いかもしれませんね。以上、UIが素敵なウェブアプリ「Sun — simple weather app」のご紹介でした！