Shop Mobile More Submit  Join Login
iOS 5 Notification Growl by SkyJohn iOS 5 Notification Growl by 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.
Add a Comment:
 
:iconblack-vulpine:
Black-Vulpine Featured By Owner May 12, 2013  Hobbyist Photographer
I didn't know you could get Growl themes on this site.
Reply
:iconshapeshifter499:
ShapeShifter499 Featured By Owner Oct 21, 2012
Could you make this theme work for Growl for Windows? [link]
Reply
:iconskyjohn:
SkyJohn Featured By Owner Oct 26, 2012  Hobbyist Interface Designer
Sorry I don't use Windows, but any is free to use anything i've made to update it for other applications.
Reply
:icontanc00:
tanc00 Featured By Owner Feb 11, 2012
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]
Reply
:iconministryofgirl:
ministryofgirl Featured By Owner Dec 28, 2011
is it possible if you could make this work on the ios 5 iphone device?
Reply
:iconmovingincircles:
movingincircles Featured By Owner Dec 9, 2011  Hobbyist Interface Designer
what mono said. good work though!
Reply
:icondanjaf:
danjaf Featured By Owner Dec 6, 2011
Thanks for the updates. Keep up the good work, and ignore the haters!
Reply
:iconskyjohn:
SkyJohn Featured By Owner Dec 6, 2011  Hobbyist Interface Designer
thanks :)
Reply
:iconideaprison:
ideaprison Featured By Owner Dec 3, 2011
animated .png? that doesnt work
Reply
:iconskyjohn:
SkyJohn Featured By Owner Dec 3, 2011  Hobbyist Interface Designer
Excuse me?

This theme only uses .css
Reply
:iconsosuke111:
Sosuke111 Featured By Owner Nov 28, 2011
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!!!!
Reply
:iconfarizpie:
farizpie Featured By Owner Nov 26, 2011
why the theme white notification, the text is kind of blur ???
Reply
:iconupperdocks:
upperdocks Featured By Owner Nov 24, 2011
nicely done works great. thx also to cultofmac for the link
Reply
:iconrjuka-jade:
Rjuka-Jade Featured By Owner Nov 23, 2011  Professional Digital Artist
Thank you, and cultofmac on youtube. cause that's what brought me here. great animation thanks for the graphics
Reply
:icondev-john:
dev-john Featured By Owner Nov 23, 2011  Professional Interface Designer
Thanks for the time invested on this. Awesome.
Reply
:iconmono38:
mono38 Featured By Owner Nov 21, 2011
the sharpness is very horrible on my macbook pro. can you fix it?
Reply
:iconggaspari:
ggaspari Featured By Owner Nov 19, 2011
Fantastic Style!
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 20, 2011  Hobbyist Interface Designer
Thanks :)
Reply
:iconsupertecnoboff:
Supertecnoboff Featured By Owner Nov 19, 2011
Brilliant theme. Love it :D
Reply
:iconsteven-wright95:
steven-wright95 Featured By Owner Nov 17, 2011
Love this.
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 18, 2011  Hobbyist Interface Designer
Thanks :)
Reply
:iconjts1084:
jts1084 Featured By Owner Nov 15, 2011
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.
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 15, 2011  Hobbyist Interface Designer
I have just updated the theme to do exactly what you were asking for :)
Reply
:iconjts1084:
jts1084 Featured By Owner Nov 15, 2011
Are you that expeditious or just a mind reader? Without doubt, you are supremely talented and most gracious for responding. Congratulations on and thank you for making the definitive Growl theme, unseating, for me, the much-heralded "mono" handily. This theme is just awesome.
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 15, 2011  Hobbyist Interface Designer
No it was just something i'd missed while I was testing it because I didn't get any long notification message like that.

It only took me 5min to edit the .css code and fix the issue. :)
Reply
:iconperfectgreg:
PerfectGreg Featured By Owner Nov 15, 2011  Student General Artist
Well done, now to get the notification drawer ;)
Reply
:iconshadowbottle:
shadowbottle Featured By Owner Nov 15, 2011
Is there any way to make the text clear? It appears quite blurry/fuzzy currently. Makes my brain hurt. Otherwise this is an -excellent- theme.
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 15, 2011  Hobbyist Interface Designer
Sorry that's just the way webkit renders the text when using the 3D CSS animation.

The only way to get completely smooth text would be to strip out the cube animation, which would kinda ruin the theme of the Growl style. :)
Reply
:iconlelik11a:
lelik11a Featured By Owner Nov 14, 2011
cant download :(
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 14, 2011  Hobbyist Interface Designer
the download works fine fine me.
Reply
:iconlelik11a:
lelik11a Featured By Owner Nov 14, 2011
not me, get
Unable to connect
Firefox can't establish a connection to the server at fc04.deviantart.net. all the time
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 14, 2011  Hobbyist Interface Designer
sounds like you have a general problem with the deviantart server the, not juts the download
Reply
:iconguidogiangiacomo:
guidogiangiacomo Featured By Owner Nov 14, 2011
I have a bug… when the window flips out, it briefly reappears in a static way for one second. It si s having double notification. Only my bug ?
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 14, 2011  Hobbyist Interface Designer
Set the notification Duration to 5 seconds and it will roll out correctly :)
Reply
:iconmayers21:
mayers21 Featured By Owner Nov 14, 2011
Looking great thanks!

I'll make a Review of Growl and HardwareGrowler at the end of the week on my Blog www.mylittlehelper.de and I will tell my listeners about this great theme...
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 14, 2011  Hobbyist Interface Designer
That would be very cool :)
Reply
:iconyoy0dev:
yOy0dEv Featured By Owner Nov 13, 2011
Where is download link ???
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 13, 2011  Hobbyist Interface Designer
right of the screenshot.
Reply
:iconskely:
Skely Featured By Owner Nov 13, 2011  Hobbyist Photographer
great ! can you make a Christmas related theme as well?:santa:
Reply
:iconforja01:
forja01 Featured By Owner Nov 11, 2011
suuuuper
Reply
:iconskyjohn:
SkyJohn Featured By Owner Nov 11, 2011  Hobbyist Interface Designer
thanks :)
Reply
:iconmachosx:
MachOSX Featured By Owner Nov 11, 2011  Hobbyist Interface Designer
Danke! :)
Reply
:iconkennonb:
kennonb Featured By Owner Nov 11, 2011
@~alexkaessner: Remove line -webkit-transform-style: preserve-3d; from line 12 and that should fix the sharpness issue.
Reply
Add a Comment:
 
×




Details

Submitted on
November 8, 2011
File Size
11.7 KB
Link
Thumb
Embed

Stats

Views
89,857 (2 today)
Favourites
130 (who?)
Comments
56
Downloads
27,071
×