Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
26 Dec

Putting Javascript Snowing Effect on Your Site

  • Information, License Free
  • Leave a Comment

Would you like to put snowing effect on your site? Snowstorm is a Javascript-driven snow effect that can be easily implemented into web pages. It is free for use. It has been designed to be easy to use.

A single Javascript file provides the functionality required; the only other files needed are the images of snowflakes themselves. You can adjust the snow speed, the amount of snow, the “wind”, if and where it should collect (and if it should build up over time, or quickly “melt”), and finally, whether the snow can react to the mouse moving (ie., “wind changes.”).

Snowstorm works under most of the current major browsers (IE 5.x+, Netscape 6+). Testing has been limited to those browsers on PC/Mac. You can check out the demo here.

Requirements: -
Demo: http://www.schillmania.com/projects/snowstorm/
License: License Free

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Falling Snow Effect with CSS Keyframe Animations

Falling Snow Effect with CSS Keyframe Animations

Sound Manager – Javascript Sound for the Web

Sound Manager – Javascript Sound for the Web

A Solution of jQuery Animation Queue Buildup

A Solution of jQuery Animation Queue Buildup

Add Falling Snow Effect to Your Website with jSnow

Add Falling Snow Effect to Your Website with jSnow

How to Make Awesome Lasers Effect with CSS3

How to Make Awesome Lasers Effect with CSS3

Easy jQuery Image Cropping with imgAreaSelect

Easy jQuery Image Cropping with imgAreaSelect

Comments
  • http://wpcult.com WP Cult

    That script is pretty cool, I like how the snow follows the mouse in direction the falling snow to the movement of the mouse.

    I use Snow and More on my personal blog TheFrosty. It’s up right now, check it out. Not as cool effects…

    But you can add custom graphics like I have, besides the snow.

    :)

  • http://www.webasp.com.au Thiagu

    It takes lot of cpu resource…

  • hmm

    Yeah, this is a lot of help AFTER Christmas.

  • Sampi

    from the same site:
    smashable christmas lights =)
    http://www.schillmania.com/projects/snowstorm/lights/index.html

  • http://www.brutallegend.net/ Ryan Williams

    Haha hmm, exactly what I was thinking. Worst timing ever!

  • Ray Cheung

    Sorry for the bad timing… I hope you can find it useful for the next Christmas. :P

  • http://www.dentalplancards.com Cory

    I’ve been using this script on my site for about a week now. I didn’t customize the images, but it’s a cool feature. I did find it to be a little quirky on some browsers(snow moved with mouse on some and not others). Otherwise good.

  • Jason

    Here is a nice jQuery snowing effect:
    http://www.veboolabs.com/greetings/
    Very simple to recreate

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Free Responsive HTML5 + CSS3 Site Templates
  • 35 Creative Twitter Covers for Web Designers
  • FROONT: Responsive Web Design in the Visual Way
  • Designing Experiences for Responsive Web Sites
  • jQuery Unveil: The Lightweight Version of Lazy Load
  • What are HTML5 Datalists and When to Use Them
  • Easy Responsive Tabs jQuery Plugin for Web & Mobile
  • jQuery.Swatches Turns Div into a Sweet Color Swatch
  • Pure: A Set of Small & Responsive CSS Modules
  • Create Sexy Android-like UI with Fries
Sponsors
Plugins
  • Advertisement15
  • Calendar48
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour17
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup50
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons27
  • Color Schemes25
  • Fonts47
  • Forms115
  • Icons110
  • Patterns24
  • PS Tutorials17
  • Stock Photos21
  • Tables25
Others
  • Announcement104
  • Best Collections6
  • Code57
  • eCommerce25
  • Framework217
  • Hosting13
  • Information244
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools302
  • Webmail14
Licesnes
  • BSD License69
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free749
  • MIT License422
Sponsors
Advertise Here
Partners
MaxCDN