SkyJohn's avatar

iOS 5 Notification Growl

124 55 95K (1 Today)
By SkyJohn   |   Watch
Published: November 8, 2011
© 2011 - 2020 SkyJohn
iOS 5 style notification, includes rotate and rotate out animations just like on the iPhone.
Both White and Black versions are included in the download.

Animation Preview: [link]

Instructions: set the Growl notification duration to 5 seconds to view the roll out animation correctly.

Last update: 16/11/11, longer text lines are now cut off with ellipsis instead of wrapping around.
Comments55
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
hookinjfarm's avatar
Hi skyjohn! can you give us steps  how to do this that work in windows please? thanks..Super like it!
Black-Vulpine's avatar
Black-VulpineHobbyist Photographer
I didn't know you could get Growl themes on this site.
ShapeShifter499's avatar
Could you make this theme work for Growl for Windows? [link]
SkyJohn's avatar
SkyJohnHobbyist Interface Designer
Sorry I don't use Windows, but any is free to use anything i've made to update it for other applications.
tanc00's avatar
Hi SkyJohn, nice idea. I've made a slightly cleaned up version (mostly css and html) with one important alteration, I've removed the '-webkit-perspective declaration' which was making the text blurry. This new version is nice and crisp: [link]
ministryofgirl's avatar
is it possible if you could make this work on the ios 5 iphone device?
movingincircles's avatar
movingincirclesHobbyist Interface Designer
what mono said. good work though!
danjaf's avatar
Thanks for the updates. Keep up the good work, and ignore the haters!
SkyJohn's avatar
SkyJohnHobbyist Interface Designer
thanks :)
ideaprison's avatar
animated .png? that doesnt work
SkyJohn's avatar
SkyJohnHobbyist Interface Designer
Excuse me?

This theme only uses .css
Sosuke111's avatar
Great job! I've only one issue with Growltunes that shows me dots instead of names, but maybe it's a growltunes problem! thank you!!!!
farizpie's avatar
why the theme white notification, the text is kind of blur ???
upperdocks's avatar
nicely done works great. thx also to cultofmac for the link
Rjuka-Jade's avatar
Rjuka-JadeProfessional Digital Artist
Thank you, and cultofmac on youtube. cause that's what brought me here. great animation thanks for the graphics
dev-john's avatar
dev-johnProfessional Interface Designer
Thanks for the time invested on this. Awesome.
mono38's avatar
the sharpness is very horrible on my macbook pro. can you fix it?
SkyJohn's avatar
SkyJohnHobbyist Interface Designer
Thanks :)
Supertecnoboff's avatar
Brilliant theme. Love it :D
SkyJohn's avatar
SkyJohnHobbyist Interface Designer
Thanks :)
jts1084's avatar
This is by a clear mile THE superior iOS 5 Growl theme, and I've tried several. In fact, it is one of the best Growl themes, period. Outstanding work, John.

One little issue. I'm using this theme with a RSS reader (Socialite). Often, article titles are two lines long. When they are, this theme clips off the bottoms of letters with low stems (like "p" and "y") on the second line. It's a small issue, but since this theme is otherwise perfect, I guess more glaring.

Perhaps you could handle those instances the way that iOS 5 does (if memory serves)? Limit titles/bolded text to one line, using an ellipsis to mark a line to be continued. That would allow a second line of unbolded, "body" text; you can use an ellipsis to mark a line that continues beyond that second line, too.

Or, would Socialite have to send it to Growl like that (I know next to nothing about this kinda stuff)? I understand that even if it IS implementable, it might entail too much work for something that you give away.

In any case, please know that even as it stands, this is my Growl theme of choice. Thanks.
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In