In general, they are created with the help of Flash but Soh Tanaka is featuring a a very nice tutorial on creating a page peel effect with jQuery & CSS.

The logic of the effect is simple & smart. It is created by animating the size & position of a peel image which is originally positioned over the content to be shown.

To see a demo for this nice tutorial, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Free Icon Search Engine – FindIcons.com
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• Would You Like To Advertise At WebResourcesDepot?
• What You See Is What You Ajax: WaveMaker

Winners are selected & information can be found at the bottom of the post.

To remind:

BannerSnack is an online banner creator application that enables anyone to create quality Flash banners without Flash programming.

With an easy to use & feature rich interface, you have the following features & more under your hand:

• High-quality text & image effects
• Ability to control all aspects of effects & objects (durations, sizes..)
• Predefined templates (or you can create from scratch)

And the winners are:

• MJ (comment #29472)
• Michał Popielnicki (comment #29370)
• saud (comment #29466)

Congratulations to the winners & thanks to everyone for contributing.

P.S. If you want to check BannerSnack, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Free Icon Search Engine – FindIcons.com
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Online Banner Maker: BannerSnack – 3 Premium Plus Licenses Giveaway
• XML Flash Gallery (And flickr)
• Would You Like To Advertise At WebResourcesDepot?
• Winners Of FlashMint Free Credits Giveaway
• Tiny And Chic Flash Mp3 Player: Audio Player

Details of the giveaway can be found at the bottom of the post.

What is BannerSnack?

BannerSnack is an online banner maker that enables both non-Flash-experienced & experienced Flash users to create quality Flash banners without Flash programming.

It provides all the features you may need:

• High-quality text & image effects
• Ability to control all aspects of effects & objects (durations, sizes..)
• Predefined templates (or you can create from scratch)

After creating a banner, you can embed the link provided by BannerSnack to display it. This way, you can update the banner anytime from the online banner maker application without updating your website’s code again.

Or, you can export the generated banner to a SWF file & upload it to your website (very soon).

An example banner:

To give you an idea, I have created a simple banner with the steps:

• Uploading images
• Inserting images
• Choosing the in-out effects & durations of images
• Adding a text & choosing the in-out effects & duration
• Publishing it.
• A total of 15 minutes (& it was the first time). That’s it.

Here it is:

BannerSnack has several plans (which includes a free one) to choose from. Click here to go to the product’s website.

How to win the free licenses?

Commenting to this post is enough to join this giveaway & winners will be selected randomly via the query below on 26 December 2008 (1 week later).

SELECT * FROM wp_comments WHERE comment_post_id=697 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck to all : ).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Free Icon Search Engine – FindIcons.com
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• BannerSnack Premium Plus Licenses Giveaway – The Winners
• XML Flash Gallery (And flickr)
• Would You Like To Advertise At WebResourcesDepot?
• Winners Of FlashMint Free Credits Giveaway
• Tiny And Chic Flash Mp3 Player: Audio Player

The data displayed is daily unique visitors (after logging in, you can see the numbers that graphs represent) and currently, up to 5 websites can be compared.

Google Ad Planner provides you information about websites by simply entering demographics and sites associated with your target audience. This is a tool to be used when you are planning or searching for websites to advertise.

Ad Planner, currently, can be used by invitation only. You can apply for it here.

More info can be found at Inside Adwords blog.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Free Icon Search Engine – FindIcons.com
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Would You Like To Advertise At WebResourcesDepot?
• What Do Visitors See? Google Browser Size
• Track Website Activities From Your Desktop With Snoop
• Tips For Faster Websites By Google
• Search-Based Keyword Tool From Google

Advertising spots include banners & feed text advertising options with 4 different banner sizes:

• 468×60
• 220×100
• 100×100
• 32×32

Here are the statistics for January 2008:

Unique Visitors: 45,000+/month
Monthly Pageviews: 110,000+/month
Feed Subscribers: 500+

Alexa traffic ranks for today:

Detailed statistics & other advertising information can be found at "Advertise" page.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Free Icon Search Engine – FindIcons.com
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Powerful And Free Newsletter Manager: phplist
• PHP RSS Parsers
• PHP Image Rotation Engine: Revolver
• Pagepeel Type Banner Application: Pageear
• Open Source Web Based Feed Reader: Gregarius

They create a new banner area for websites without effecting the current banner areas and easy to implement. On the other hand, pagepeel banners have a relatively high "click per view ratio".

Including Pageear to the websites requires the steps below:

- Download Pageear files.
- Unzip the filed in a folder.
- Create to images with sizes 100×100 and 500×500. 100×100 sized image is the one which will be shown when Pageear is closed and 500×500 will be shown when user mouse overs the Pageear banner. You can pageear_b.jpg ve pageear_s.jpg files as an example. BTW, .GIF and .PNG are not supported.
- Open the Pageear.js file wit a text editor and update the paths to the .JPG and .SWF files depending on your setup.
- Include Pageear.js and AC_OETags.js in to the webpages where Pageear banner will be displayed (example below).
- Place the writeObjects() javascript function under your body tag.
- That’s all.

Pageear can also be implemented easily with the ready to use Wordpress plugin, Joomla module or Typo3 extension (download links below).

Html Code Example

<html>
<head>
<title></title>
<script src= " /path_on_your_server/AC_OETags.js " mce_src= " /path_on_your_server/AC_OETags.js " language= " Javascript " ></script>
<script src= " /path_on_your_server/pageear.js " mce_src= " /path_on_your_server/pageear.js " type= " text/Javascript " ></script>
</head>
<body>
<! – Beginning of contents – >
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
<! – End of contents->

<script type= " text/Javascript " >
writeObjects ();
</script>

</body>
</html>

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Free Icon Search Engine – FindIcons.com
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Would You Like To Advertise At WebResourcesDepot?
• Website Reachable Alert Firefox Plugin: Mr Uptime
• Ruby On Rails Social Network Plugin: Community Engine
• Rounded Corners With No Images Using curvyCorners
• Photoshop Icon Plugin