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

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


約1年前、私はiPadにAelios Weatherアプリをダウンロードしました
そのシンプルさと珍しいインターフェースで私の目に触れました。

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

ここを見て


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

インターフェースは円に基づいており、円はコンパスと1人の時計のようです。
コンパスを回して、曜日または時刻を表示できます。
その上で日没と日の出の時間を見ることができます。

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

インターフェースを理解することから始めました。
次に、Google Maps APIを統合する方法を探し始めました。

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


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

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

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

Source: https://habr.com/ru/post/J151667/


All Articles