Sun now sports a dynamic icon, reflecting the current weather.
Try Sun on pattern.dk/sun from your iOS device.
3 months ago
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.
pretty dope, mate!
Incredible. Another reason why web apps ROCK
Can you share how you dynamically change the icon?
That icon looks so cool! Great colors!
Didn't know this was possible (dynamic icon). Awesome!
Wow, this beats all weather apps! The new dynamic icon is awesome! *added to iphone front page*
Thumbs up for using data from yr.no
Pretty nice app :)
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?)
Is it possible to improve the opening time of the app?
Design-wise is an awesome work!
That is bloody sweet! Very clever!
Never mind! iPad is working now. :)
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.
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.
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.
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.
@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.
Really awesome work.
Sun is the best web app I've ever come across. Simply stunning work. Did you code this yourself?
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter