Live from the Sun

23 Responses

1. Pro Jakob Henner

   Sun now sports a dynamic icon, reflecting the current weather.

   Try Sun on pattern.dk/sun from your iOS device.

   3 months ago

2. Pro lukechesser

   Incredible work. Would love to see a blog post on the method for updating the icon. I haven't seen anyone do anything like this before.

   9likes

   3 months ago

3. Fritz Frizzante

   pretty dope, mate!

   3 months ago

4. Matt Whiteley

   Incredible. Another reason why web apps ROCK

   3 months ago

5. Charles Carver

   Can you share how you dynamically change the icon?

   3likes

   3 months ago

6. Roman Lapaev

   so good

   3 months ago

7. Pro Martijn Otter

   That icon looks so cool! Great colors!

   3 months ago

8. Jarne Uytersprot

   Didn't know this was possible (dynamic icon). Awesome!

   3 months ago

9. Pro Simen Myklebust

   Wow, this beats all weather apps! The new dynamic icon is awesome! *added to iphone front page*

   1likes

   3 months ago

10. Pro Simen Myklebust

    Thumbs up for using data from yr.no

    3 months ago

11. Pro serhat ozirik

    Super!

    3 months ago

12. Pro Laurent Sutterlity

    Pretty nice app :)

    3 months ago

13. Pro Samuel Fine

    Technically, a dynamic icon isn't possible! I'd guess @Jakob Henner is manipulating the fact that iOS uses a screenshot of the app for the homescreen icon if there isn't one explicitly set. Am I close? :)

    By the way, I've been using this app for a while. Big fan, great work!

    (I can't get the new version to show up on my iPad, only my iPhone. Is that a bug, or is only the iPhone version updated?)

    3 months ago

14. Taulant Sulko

    Is it possible to improve the opening time of the app?

    Design-wise is an awesome work!

    3 months ago

15. Pro Martin Kool

    That is bloody sweet! Very clever!

    3 months ago

16. Pro Samuel Fine

    Never mind! iPad is working now. :)

    3 months ago

17. Bruno Lazzaro

    The Dynamic icon is pretty easy, they just render the icon using canvas and set the resulting image (using .toDataURL) into the head via a link. Something like:

    $('head').append('<link id="icon" rel="apple-touch-icon-precomposed" href="icon-' + variant + '.png" />');

    Would do the trick.

    2likes

    3 months ago

18. Pro Samuel Fine

    Not so fast, @Bruno Lazzaro! Once you save an app to your homescreen, Apple caches the icon. It doesn't update with every app load. You'd need to delete the app and re-add it to the homescreen to get the updated icon.

    1likes

    3 months ago

19. Pro Jakob Henner

    @Samuel Fine,

    Actually, @Bruno Lazzaro is right. You can set the icon within one second of app launch. After a second, you have to use some kind of server scripting.

    2likes

    3 months ago

20. Pro Samuel Fine

    What! Mind: blown. Is there any documentation about this? I've never seen anyone talk about it being possible, and I've never been able to make it work in my own testing.

    3 months ago

21. Pro Paul Kelley

    @Samuel Fine While "technically" it is dynamic, it isn't dynamic in the way it needs to be. Meaning it doesn't display up-to-date information without opening the app first to refresh the icon.

    1likes

    3 months ago

22. Rudy Chidiac

    Really awesome work.

    3 months ago

23. Pro Chris Allen

    Sun is the best web app I've ever come across. Simply stunning work. Did you code this yourself?

    3 months ago