Giveaway! Win Adobe Photoshop free for 1 year. Enter here for your change to win!
Downloaded 30,032 times
Today’s freebie is a set of menu notification badges, great for shepherding users into performing a particular action such as checking their inbox/messages.
Included in the download (layered PSD) is a navigation menu which is a nice little bonus. The main freebie, the badges, come in 3 colours giving you some options to play with.
All resources are offered free of charge with very little restriction. Want to show your support or some appreciation? Please check out my latest project Dunked. A simple tool for building an online portfolio.
Premium Pixels is a collection of free design resources created and curated by UK based Web Designer Orman Clark.
Hopefully you'll learn something new but hey, just saving yourself some time is awesome enough, right?
Read More...
10115879
Downloads and counting!
So cute… so awesome… so simple =)
I love seeing these things on Dribbble before you put them on here. Makes me feel like I get a sneak peak :)
Awesome job, again, Orman.
Great stuff as always Orman :)
I’m with Josh on this one – the preview on dribbble is a bonus.
Another quick CSSifying: http://madpandaproductions.com/attic/html5/one-element-button/menu-notifications.html
I should find something better to do with my time, though, it’s good practice I guess.
And of course, well done Orman. :)
Nice job, and yeah, it’s all practice.. although looks like you don’t need it :)
Anyone have a new link to a CSS example?
I switched domain name; though, I just uploaded all the junk from my old site to a folder on my new, here’s the new URL:
http://johanneswarn.com/madpanda/attic/html5/one-element-button/menu-notifications.html
If you ever stumble upon a broken link to my old site just change ‘madpandproductions.com’ into ‘johanneswarn.com/madpanda’.
New link: http://johanneswarn.com/madpanda/attic/html5/one-element-button/menu-notifications.html
Beautiful
Exactly what I was looking for, lovely and simple!
Thanks!
Love the new site design mate.
These look really nice. Clean, simple and obvious.
hi Orman, i have a question how can you make Photoshop vector shapes has very sharp edges, like exactly 1 pix the stroke line. shapes appear to be fuzzy or somehow blurred. not so sharp. any advice?
Snap to guides and snap to pixels helps http://cl.ly/61Y3 – You may also want to check out this post http://www.smashingmagazine.com/2011/04/14/mastering-photoshop-pixel-perfection-when-rotating-pasting-and-nudging/
MORE YUMMY STUFF!!! =)))
Thanks again, simply brilliant)
I fiddled this awesomeness out: http://jsfiddle.net/revaxarts/5Bmv4/
Thanks Orman
Thanks Orman!
I coded this with nice “hover” and “active” effects:
http://demo.webinterfacelab.com/4-menu-notifications/
Hi Orman,
Found you through SM & uiparade.com here.. and,
I think I will learn a lot from your freebies! Thanks for sharing!
Wish me luck, though.. ;-)
Coded by my also :-)
No images, pure CSS3 (including animations!)
http://sites.lukespoor.com/menu-notification/
Hi Luke,
Nice work, thanks for sharing! Any source code.
Thanks and regards,
Sudip
Thanks for sharing them :)
I cant find the download button or link