jParallax enables 3rd View Dimension of Pictures
jParallax enables you to make really awesome 3D feeling picture effects by turning a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. Check out the demo.
The diagram abovet illustrates what Parallax does to the html:
<ul id=“parallax”> <li></li> <li></li> </ul>
License: Free
Demo: http://webdev.stephband.info/parallax.html
Download: http://webdev.stephband.info/js/jquery.jparallax.js
Via: http://www.simplebits.com/
More: coding, jquery, technology
Spread this KnowTe
Digg Del.icio.us Stumble Facebook Float Technorati BumpRelated KnowTes
Subscribe
If you liked this KnowTe, why not subscribe to our RSS feed?
advertising browser chat cms coding css design email fonts forms freebies google graphics hosting icons ideas inspiration iphone javascript jquery marketing mobile office pdf photos photoshop php plugins rss search engine seo stock technology templates themes tools trends tutorials usability vector wallpaper webdesign webhosting wordpress workflow
WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 7 or better.
Subscribe to KnowTeBook
LovedKnowTes
Recommendation
Community Links
- Top 17 Websites To Easily Generate CSS Grid Layouts
Here are some great online CSS grid builders that will surely help any web developers. See which online tool will suit your needs best.
- The Best Design Related Video Content in August
Here is a wide selection and array of design based videos I have bookmarked from all over the web, be inspired and learn something new from each video listed.
- 16 WordPress Plugins for Managing Ads
In this next post, we had come up with 16 WordPress Plugins for Managing Ads.
- 10 Best Websites To Generate Buttons Online
Here you will find my collection of 10 best online button creators. Buttons are an important part of our website’s interface and these tools will help you create brilliant buttons.
- 33 Inspiring Fish Logo Designs
Here, we have collected 33 Inspiring Fish Logo Designs in which each fish shows a particular symbolic importance.
- XML 5 Star Rating System
Tutorial on how to design 5 star rating system using javascript, php and xml.
- Take Advantage of the free space available at Twitter!
Twitter is one of the best social networks available today. It is not just a social network but it has become a part of life for millions of people around the world. Recently twitter reached 20 billion tweets mark and having more than 100 million registered users. Twitter is not only used for connecting with people, but we have also noticed rather unconventional usage of it.
- July’s Fresh Photoshop Web Layout Tutorials
This roundup includes 21 Photoshop tutorials which deal with creating web layouts, fresh and inspirational resources from design community (July 2010).
- 40 Red Logo Designs for Aspiring Logo Designers
Today, we will be sharing a collection of logos which are in red color that will surely inspire the new and aspiring designers.
- Made Famous By CREAMOUS
More than just an amalgamation of all that is hip, trendy and oh-so-next-5-minutes, the CREAMOUS label is the forgotten lovechild of Fashion, Art and Design – certifiably 100% F.A.D. guaranteed.
- Check List to Evaluate PSD to HTML Service Providers
As the Internet has become a necessity for a huge population of the world and with millions of people accessing Internet space every day, and millions stay online constantly, establishing a strong online presence that has become vital for today’s businesses, non-government organizations, educational institutes or any other establishments.
- web 2.0 templatesWeb 2.0 templates with simplicity, cleanliness, and elegance in design and the less number of columns and work great for all your needs and have all the great features of Web 2.0 technology.
KnowTeBook.com
UserTalk
Social Bookmarking: I thnik social bookmarks and social networks has the main rule now.
Letminthang: I tried http://wordpress.org /extend/plugins/mine rva-wordpress/ and downloaded it easily.
vijay: This is excellent share which can be useful for all to improve the productivity…
Quero dinheiro: I did not know half of these tools. good to know that there are people willing to share
eRage website: Very nice examples! My compliments for finding these. Too bad the Nike viral is offline now. I liked...
Friends
- Business Card Designs
- Craig Farrall’s Blog
- CSS Built
- Dezignus
- Flash Mint Design Blog
- Free Photoshop Brushes
- fudgegraphics
- Fuel Your Creativity
- Just Creative Design
- Logo designs
- My Ink Blog
- NaldzGraphics
- Onextrapixel
- Pelfusion
- Photoshop Girl Tutorials
- spidanet.de
- Tasarimini | Graphic Tools
- The most stylish websites
- Website templates
- Webtoolkit4.me
Random KnowTes
- GIVEAWAY: 3.000 Free Business Cards - WINNERS
- 350+ Free eCommerce Icons for Web Design Projects
- How To Create the IPHONE Interface on Fireworks
- Free Maps Of All Countries and States On the World
- Freebies: Creative Twitter Themes
- Tutorial: How to make a parallax office Layout from scratch
- Freebies: Twitter Bird Icons & Illustration
- GIVEAWAY: 3 x Fanurio Time Tracking & Billing APP For Freelancers




ralu
Nov 06, 2009
No: 4 / ID: 5195
hats off mann!!!
Sam
Sep 10, 2008
No: 3 / ID: 2555
wow, hats off!
Andrei
Sep 10, 2008
No: 2 / ID: 2553
Excellent. I could imagine a lot of fun uses for this.
jParallax enables 3rd View Dimension of Pictures | CrazyLeaf Design Blog
Sep 13, 2008
ID: 1
[…] you to make really awesome 3D feeling picture effects by turning a selected element into a window. View source Posted in : General Post statistics : 1 […]