Just put the finishing touches to another live tool. You can create pure css3 ribbons with this one. Go have a play but dont forget to hit the like button first :) : http://livetools.uiparade.com/ribbon-builder.html
This looks pretty nice but I think there's just too much extra HTML. I'm still trying to think of how you could simplify it with just using an H1 and strong tags maybe…
@Norm your work is AMAZING, gonna tweet it in webdesignshock (10k followers) .. can we include one generated version in our next bundle : www.boxofbundles.com ?
@Trevor Gerzen Yeah the example on css-tricks was my starting point, however I wanted to take the idea further by adding stitching etc. Obviously the html could be lighter but my mission was to make it load faster than a graphic version of the same artwork and obviously be more dynamic with regards to edibility.
@iconshock the live tools are there to be used, create cool things with them and use them how you like. Would be awesome if you could tweet about it :)
Thanks to everyone else for all the great feedback :)
35 Responses (page 1 of 2)
Pro
Norm
Just put the finishing touches to another live tool. You can create pure css3 ribbons with this one. Go have a play but dont forget to hit the like button first :) : http://livetools.uiparade.com/ribbon-builder.html
about 1 year ago
Pro
Diego Monzon
This tools are Amazing , every web designer should check it .
about 1 year ago
Very Nice Norm
about 1 year ago
Pro
Jacob Koesterich
Wow this is awesome! Thanks!
about 1 year ago
Very nice Norm :)
about 1 year ago
Pro
Nick Tassone
nailed it: http://cl.ly/EQlg
about 1 year ago
Pro
Gil
such a nice job on those live tools! keep them coming @Norm
about 1 year ago
Pro
Norm
@Nick Tassone you see its that easy to make awesome looking ribbons :)
about 1 year ago
@Norm Love these Builders!!! Niceee!!!
about 1 year ago
Pro
Gil
@Nick Tassone nailed pretty hard dude
about 1 year ago
Pro
Chris Farina
These tools are just plain sweet!
about 1 year ago
Pro
James Kersey
Very nice!
about 1 year ago
Pro
Meng To
That's really cool.
about 1 year ago
Pro
Sam | Sneek
these tools are really quite amazing Norm! good work
about 1 year ago
Wow, I never considered using background gradients for drawing shapes. Very clever.
about 1 year ago
This looks pretty nice but I think there's just too much extra HTML. I'm still trying to think of how you could simplify it with just using an H1 and strong tags maybe…
about 1 year ago
Pro
Dane
Sweet! May my fingers get fat from coding laziness.
about 1 year ago
http://css-tricks.com/snippets/css/ribbon/
Looks like Chris Coyier did it with just the tags I was thinking of…
about 1 year ago
Norm, these tools you're building are sweet! Great idea, man!
about 1 year ago
@Norm your work is AMAZING, gonna tweet it in webdesignshock (10k followers) .. can we include one generated version in our next bundle : www.boxofbundles.com ?
about 1 year ago
wow!.. Thanx alot!
about 1 year ago
Pro
Norm
@Trevor Gerzen Yeah the example on css-tricks was my starting point, however I wanted to take the idea further by adding stitching etc. Obviously the html could be lighter but my mission was to make it load faster than a graphic version of the same artwork and obviously be more dynamic with regards to edibility.
@iconshock the live tools are there to be used, create cool things with them and use them how you like. Would be awesome if you could tweet about it :)
Thanks to everyone else for all the great feedback :)
about 1 year ago
Pro
Daniel Klopper
this is awesome man! great little creator definitely using.
about 1 year ago
Really good. Great work.
about 1 year ago
Pro
Chuck Spidell
CSS3 rules.
about 1 year ago