Pure CSS Ribbon Builder

Css-ribbon

35 Responses (page 1 of 2)

  1. Pro Norm 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

    likes

    about 1 year ago

  2. Pro Diego Monzon Diego Monzon

    This tools are Amazing , every web designer should check it .

    likes

    about 1 year ago

  3. iZZYMedia iZZYMedia

    Very Nice Norm

    about 1 year ago

  4. Pro Jacob Koesterich Jacob Koesterich

    Wow this is awesome! Thanks!

    about 1 year ago

  5. Cursor Design Studios Cursor Design Studios

    Very nice Norm :)

    about 1 year ago

  6. Pro Nick Tassone Nick Tassone

    nailed it: http://cl.ly/EQlg

    likes

    about 1 year ago

  7. Pro Gil Gil

    such a nice job on those live tools! keep them coming @Norm

    about 1 year ago

  8. Pro Norm Norm

    @Nick Tassone you see its that easy to make awesome looking ribbons :)

    likes

    about 1 year ago

  9. Gio Soseba Gio Soseba

    @Norm Love these Builders!!! Niceee!!!

    about 1 year ago

  10. Pro Gil Gil

    @Nick Tassone nailed pretty hard dude

    about 1 year ago

  11. Pro Chris Farina Chris Farina

    These tools are just plain sweet!

    about 1 year ago

  12. Pro James Kersey James Kersey

    Very nice!

    likes

    about 1 year ago

  13. Pro Meng To Meng To

    That's really cool.

    about 1 year ago

  14. Pro Sam | Sneek Sam | Sneek

    these tools are really quite amazing Norm! good work

    about 1 year ago

  15. Parker Ault Parker Ault

    Wow, I never considered using background gradients for drawing shapes. Very clever.

    about 1 year ago

  16. Trevor Gerzen Trevor Gerzen

    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

  17. Pro Dane Dane

    Sweet! May my fingers get fat from coding laziness.

    likes

    about 1 year ago

  18. Trevor Gerzen Trevor Gerzen

    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

  19. Tom Giannattasio Tom Giannattasio

    Norm, these tools you're building are sweet! Great idea, man!

    likes

    about 1 year ago

  20. iconshock iconshock

    @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

  21. Daniel Gtz. Gileta Daniel Gtz. Gileta

    wow!.. Thanx alot!

    about 1 year ago

  22. Pro Norm 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

  23. Pro Daniel Klopper Daniel Klopper

    this is awesome man! great little creator definitely using.

    about 1 year ago

  24. Malc Seaborn Malc Seaborn

    Really good. Great work.

    likes

    about 1 year ago

  25. Pro Chuck Spidell Chuck Spidell

    CSS3 rules.

    likes

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like