HTML-based weather app

#1

Post by simurai » Sun, Dec 30, 2012, 9:33 PM UTC

Re: HTML-based weather app

#2

Post by coley » Sun, Dec 30, 2012, 10:47 PM UTC

This is a nice example of how html5 has come a long way. Thanks for sharing.

I did come across one bug, however. After changing the color scheme, Sun reloads, flashes "changing colors...", and then hangs on the loading indicator.

Re: HTML-based weather app

#3

Post by pan69 » Sun, Dec 30, 2012, 10:53 PM UTC

For the love of God, if this is HTML then why is it only working on iOS devices? Is the iPhone/iPad the new Internet Explorer?

Re: HTML-based weather app

#4

Post by sachleen » Sun, Dec 30, 2012, 10:56 PM UTC

It's HTML 5 but requires iOS? Why. I spoofed the user agent in Chrome and it wants me to add it to my iOS home screen before I can try it out. Why not just show me the app when I go to the page? And if I want to add it to my home screen, I will.

Re: HTML-based weather app

#5

Post by nilliams » Sun, Dec 30, 2012, 10:59 PM UTC

Beautiful and the nav is impressively slick. Shame the desktop landing page (though pretty) doesn't show off just how nice the rest of the UI is when visited from iOS. (There are a few pics on the author's Dribbble for the curious [1]).

Would love to read a good illustrated blog post on the making of this. It'd be interesting to know what frameworks (if any) were used.

[1] http://dribbble.com/jalifax

Re: HTML-based weather app

#6

Post by timesachangin » Sun, Dec 30, 2012, 11:03 PM UTC

Looks lovely. Really swish animation. Brilliant showcase of HTML5 based apps. Shame it locked my entire phone up!?

Re: HTML-based weather app

#7

Post by jakozaur » Sun, Dec 30, 2012, 11:11 PM UTC

Great design, but a few things could be improved:

- no preview on desktop

- landscape mode is broken

- no client-side caching

Re: HTML-based weather app

#8

Post by benguild » Sun, Dec 30, 2012, 11:19 PM UTC

This is great!

Re: HTML-based weather app

#9

Post by nickpresta » Sun, Dec 30, 2012, 11:20 PM UTC

✓ Claims to be an HTML5 app

✓ Requires iOS for no apparent reason

✓ You must install to homescreen first, even if you are on iOS

What does this do and why did you make the above decisions?

EDIT: To get around this, open up your JS console, put a breakpoint on line 509 inside sunny.js and set `window.navigator.standalone = true;`. Things should be fine from that point on if you have "emulate touch events" turned on.

Re: HTML-based weather app

#10

Post by elliottkember » Sun, Dec 30, 2012, 11:20 PM UTC

pan69 wrote: post #3

For the love of God, if this is HTML then why is it only working on iOS devices? Is the iPhone/iPad the new Internet Explorer?

If this is HTML, then why not take the source and make a cross-browser version? I guess I don't see the harm in just making an HTML iPhone app.

Personally, for instance, I wouldn't be happy if I shipped something as "cross-browser" that looked just awful in most browsers no matter what I tried.