I love mini-projects. You know, the ones that you don’t plan to turn into a startup or business? The ones that you do for the mere fun of it? To simply test out your coding and design skills? Such is the case with Degreees, the first mini-project by Finely. Not only is this web-app simple, but it’s gorgeous and it works – well.
How it works:
The tool’s pretty simple. Although I’m consistently on the move, at the time of this writing, I’m in sunny Rosedale, MD. So when I type in the url and hit enter, the first thing I get is a Google Chrome notification informing me that the site is requesting access to my current location. I accept. The next thing I see is this:
Using CSS3 transitions, the counter goes from 0 to 75°F in a matter of seconds. Below the current temperature, I’m given the location, the expected high temperature for the day, and the expected for tomorrow. The top navigation gives you access to some more information. With a simple click, you can change the temperature from Celsius to Fahrenheit and back. There’s also a “tweet temperature” button to share your current stat with followers. Great for your stalkers.
The warm background color is determined by the temperature (through CSS3). The hotter the temperature, the hotter the color. In the time it took me to write this post, the temperature jumped two degrees. Though, I could have easily determined that by the subtle change in color.
All in all, this is one cool web-app. Stuart and Oleg of Finely collaborated on this “small side-project,” and heavily used CSS3 and media-queries to provide a rich UI and a responsive version for your iOS devices (add the site to your homescreen for quick access). They plan to bring many more features to Degreees, including city search, naturally.
So all that’s left to say is go check it out!