私の最新プロジェクトをあなたと共有したいと思います。
約1年前、私はiPadにAelios Weatherアプリをダウンロードしました 。
そのシンプルさと珍しいインターフェースで私の目に触れました。
そして、ここで何が起こったのです:

ここを見て
いつものように、私はHTML5がどれほど高度で、そのようなものを作成できるかどうか疑問に思っていました。
インターフェースは円に基づいており、円はコンパスと1人の時計のようです。
コンパスを回して、曜日または時刻を表示できます。
その上で日没と日の出の時間を見ることができます。
円の内側に矢印が表示され、半径内の最大人口点に自動的に移動します。
インターフェースを理解することから始めました。
次に、Google Maps APIを統合する方法を探し始めました。
現在、このサイトは次のインターフェース要素をサポートしています。
- マップ上の要素とインターフェイス要素
- その下の最も人口の多いエリアを示す矢印付きの時間円
- あなたは時計を回して、シャッターを閉じたり開いたりする効果を見ることができます
- 現在の時間と円の日没と夜明けの時間
- HTML5 Geolocation APIを使用したキーワード検索とユーザー検索
- 都市をクリックすると、天気予報が表示されます(まだどのサービスにも接続されていないため、間違っています)
このプロジェクトはGithubのgithub.com/altryne/aeliosからリリースされました 。
フィードバックや改善のためのアイデアを喜んでいます。
PS-スペルのヘルプについてはユーザーLockalに感謝します。