HTML5を使用したAelios天気アプリケーションクローン

私の最新プロジェクトをあなたと共有したいと思います。



約1年前、私はiPadにAelios Weatherアプリをダウンロードしました

そのシンプルさと珍しいインターフェースで私の目に触れました。



そして、ここで何が起こったのです:

画像



ここを見て



いつものように、私はHTML5がどれほど高度で、そのようなものを作成できるかどうか疑問に思っていました。



インターフェースは円に基づいており、円はコンパスと1人の時計のようです。

コンパスを回して、曜日または時刻を表示できます。

その上で日没と日の出の時間を見ることができます。



円の内側に矢印が表示され、半径内の最大人口点に自動的に移動します。



インターフェースを理解することから始めました。

次に、Google Maps APIを統合する方法を探し始めました。



現在、このサイトは次のインターフェース要素をサポートしています。





このプロジェクトはGithubのgithub.com/altryne/aeliosからリリースされました



フィードバックや改善のためのアイデアを喜んでいます。



PS-スペルのヘルプについてはユーザーLockalに感謝します。



All Articles