⬆️ ⬇️

Clone of the application "aelios weather" with html5

I want to share with you my latest project.



About a year ago I downloaded the Aelios Weather app on the iPad .

It hurt my eyes with its simplicity and unusual interface.



And that's what happened:

image



Watch here



As always, I was wondering how advanced HTML5 was, and whether it was possible to create something the same.

')

At the heart of the interface is a circle, which seems to be like a compass and a watch in one person.

You can turn the compass in order to show the days of the week or the time of day.

On it you can see the time of sunsets and sunrises.



An arrow appears inside the circle, which is automatically directed to the largest point in a given radius of the population.



I started by trying to understand the interface.

Then I began to look for how to integrate the Google Maps API.



At the moment, the site supports the following interface elements:





The project is released in Github here github.com/altryne/aelios .



I would be happy reviews and ideas for improvement.



PS - Big thanks to Lockal for spelling help.

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



All Articles