HOME | DD
SkyJohn — iOS 5 Notification Growl
Published: 2011-11-08 17:27:02 +0000 UTC; Views: 97740; Favourites: 121; Downloads: 27269
Redirect to original
Description
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.
Related content
Comments: 55
I didn't know you could get Growl themes on this site.
👍: 0 ⏩: 0
Could you make this theme work for Growl for Windows? [link]
👍: 0 ⏩: 1
Sorry I don't use Windows, but any is free to use anything i've made to update it for other applications.
👍: 0 ⏩: 0
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]
👍: 0 ⏩: 0
is it possible if you could make this work on the ios 5 iphone device?
👍: 0 ⏩: 0
Thanks for the updates. Keep up the good work, and ignore the haters!
👍: 0 ⏩: 1
Excuse me?
This theme only uses .css
👍: 0 ⏩: 0
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!!!!
👍: 0 ⏩: 0
why the theme white notification, the text is kind of blur ???
👍: 0 ⏩: 0
nicely done works great. thx also to cultofmac for the link
👍: 0 ⏩: 0
Thank you, and cultofmac on youtube. cause that's what brought me here. great animation thanks for the graphics
👍: 0 ⏩: 0
the sharpness is very horrible on my macbook pro. can you fix it?
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 1
I have just updated the theme to do exactly what you were asking for
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
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.
👍: 0 ⏩: 1
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.
👍: 0 ⏩: 0
the download works fine fine me.
👍: 0 ⏩: 1
not me, get
Unable to connect
Firefox can't establish a connection to the server at fc04.deviantart.net. all the time
👍: 0 ⏩: 1
sounds like you have a general problem with the deviantart server the, not juts the download
👍: 0 ⏩: 0
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 ?
👍: 0 ⏩: 1
Set the notification Duration to 5 seconds and it will roll out correctly
👍: 0 ⏩: 0
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...
👍: 0 ⏩: 1
great ! can you make a Christmas related theme as well?
👍: 0 ⏩: 0
@~alexkaessner: Remove line -webkit-transform-style: preserve-3d; from line 12 and that should fix the sharpness issue.
👍: 0 ⏩: 1
Doing that removes the 3D animation though.
👍: 0 ⏩: 0
I can't seem to get this style (either black or white) to support more than two lines of text, even with the "Limit to 2-5 lines" option unchecked.
Slightly smaller and sharper font would be good too.
Otherwise looks great...terrific rotation effect!
👍: 0 ⏩: 1
It's limited to 2 lines to mimic the iPhone notification.
👍: 0 ⏩: 1
How cut lines limit? What I need change in css file?
👍: 0 ⏩: 0
great 
thanks
👍: 0 ⏩: 1
| Next =>