1. UIが素敵!iPhone向けウェブアプリ「Sun — simple weather app」

UIが素敵!iPhone向けウェブアプリ「Sun — simple weather app」

 「Sun」というお天気アプリを紹介します。こちら、ネイティブアプリではなく、ブラウザで動作するウェブアプリです。

iPhoneで「http://pattern.dk/sun/」にアクセス

 iPhoneでサイトにアクセスし、ホーム画面に追加します。

ホーム画面のアイコンからページを立ち上げると…

 位置情報を聞いてくるので許可します。すると、画面が立ち上がります。フリックした後の動きが可愛い!まるでネイティブのアプリのようです。

「Sun」のようなアニメーションを実装するにはCSS3アニメーションだ!

 Sunのようなアニメーションは、CSS3アニメーションの「transform」を使って実装することができます。

参考:


 iOSや、Androidの上位バージョン(4.2以上は欲しいところ…)向けのサイトであれば安定した動作が望めそうなので、取り入れてみると面白いかもしれませんね。以上、UIが素敵なウェブアプリ「Sun — simple weather app」のご紹介でした!

U-NOTEをフォローしておすすめ記事を購読しよう
この記事を報告する