Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • bob baty-barr 1180 posts 1294 karma points MVP
    Jul 04, 2009 @ 21:31
    bob baty-barr
    2

    Cool Jquery DropShadow Plugin

    hey, just wanted to share this great jquery plugin that is a HUGE help when working with designers that want to put dropshadows on content that should be dynamically driven by umbraco :P

    http://eyebulb.com/dropshadow/index.htm

    It is quite easy to integrate this and uses some pretty standard jquery initialization and has several properties...

    just put a class on what you want to throw a shadow on and place something like this in your $document.ready() call

    $(".needShadow").dropShadow({
            left    : 2,
            top     : 2,
            blur    : 3,
            opacity : 0.6,
            color   : "#000000",
            swap    : false
        })

     

    hope this is helpful to some!

  • Jesper Ordrup 1019 posts 1528 karma points MVP
    Jul 04, 2009 @ 22:24
    Jesper Ordrup
    0

    love it.

    Thanks Bob

     

    /Jesper

  • Niels Hartvig 1951 posts 2391 karma points c-trib
    Jul 05, 2009 @ 08:05
    Niels Hartvig
    0

    Wow - I thought that drop shadows was a leftover from late 90ies. Isn't it a bit early to go retro ;-)

    (sorry - couldn't resist, as a js thing it's quite impressive)

  • bob baty-barr 1180 posts 1294 karma points MVP
    Jul 05, 2009 @ 17:32
    bob baty-barr
    0

    LOL - yeah, i know... but some designers just can't let them go -- the current challenge that lead me to the solution was a search for a picture dropshodow solution without having to come up with a complex "rule of 9" set of graphics and classes to allow for dynamic images, etc.

    i stumbled across this solution and it works great for lots of situations.

    now, if it was a plugin that make things look like marble texture with a dropshadow... then it would be totallyl retro :)

  • Claushingebjerg 939 posts 2574 karma points
    Sep 09, 2009 @ 15:55
    Claushingebjerg
    2

    watch out on pages with more than a little content, this script will drown your page in eternal slowness.

  • Petr Snobelt 923 posts 1535 karma points
    Sep 09, 2009 @ 16:38
    Petr Snobelt
    0
  • Petr Snobelt 923 posts 1535 karma points
    Sep 09, 2009 @ 16:39
    Petr Snobelt
    0

    BTW: Why some links are created automatically and some are not?

  • dandrayne 1138 posts 2262 karma points
    Sep 09, 2009 @ 17:51
    dandrayne
    1

    I'd love to be able to say screw IE on most projects, but if it comes to it

    box-shadow: 7px 7px 5px #ccc;

    for 'modern' browsers, and call it a "progressive enhancement" when someone complains they cant see it in IE

     

  • Nik Wahlberg 639 posts 1237 karma points MVP
    Oct 10, 2009 @ 02:37
    Nik Wahlberg
    0

    @umbraco @bootnumlock - I find that MOST designers feel the need for drop shadows. Not very web-two-o 'ish I guess....

    Nice script Bob!

  • bob baty-barr 1180 posts 1294 karma points MVP
    Oct 10, 2009 @ 04:54
    bob baty-barr
    0

    i think i may be with dan on this one... progressive enahncement and utilize css3 -- most of my clients would know no diffrentlly... just my designer when he sends me all that fancy stuff :)

Please Sign in or register to post replies

Write your reply to:

Draft