Sign in Register
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!

    Copy Link
  • Jesper Ordrup 1000 posts 1478 karma points MVP
    Jul 04, 2009 @ 22:24
    Jesper Ordrup
    0

    love it.

    Thanks Bob

     

    /Jesper

    Copy Link
  • Niels Hartvig 1951 posts 2391 karma points admin hq 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)

    Copy Link
  • 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 :)

    Copy Link
  • Claushingebjerg 886 posts 2415 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.

    Copy Link
  • Petr Snobelt 923 posts 1534 karma points
    Sep 09, 2009 @ 16:38
    Petr Snobelt
    0

    Impressive as sample...

    http://css-tricks.com/inapproprite-uses/

    Copy Link
  • Petr Snobelt 923 posts 1534 karma points
    Sep 09, 2009 @ 16:39
    Petr Snobelt
    0

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

    Copy Link
  • 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

     

    Copy Link
  • 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!

    Copy Link
  • 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 :)

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies