Parallax Background Scrolling

CSS, Javascript No Comments »

First of all, try scrolling up and down thing page. Use your scroll wheel, use the scroll bar, use the arrow keys, page up, page down, space bar.

Note how the text scrolls normally, but the green background scrolls slowly, and how the clouds scroll faster than normal. That’s the parallax effect.You can make as many layers parallax as you desire, or as many as your browser can render fast enough to keep the effect alive.

It works best in Safari, and Firefox if you have Smooth Scrolling enabled.

thanks http://inner.geek.nz/

Cool JS Slider Menu

CSS, Javascript No Comments »

cssmenu.jpg

When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style as tabs. Lately, such navbars are everywhere, as many people believe they’ll make their site more Web 2.0-compatible. Personally, I just think they’re semantically better and accessible.

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

http://devthought.com/

Entries RSS Comments RSS Log in