1. BrowserShots

Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server.

2. IETester

I have found testing under IE is lot of headache. Fortunately, IETester, a free WebBrowser allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.

3. NetRenderer

This web rendering tool is ideally suited for web designers working on Apple iMac and Linux workstations. It allows to verify web designs natively on all popular Internet Explorer versions, without the need to set aside several physical or virtual Microsoft Windows PCs just for that purpose.

Whats your favorite tools? Please share.

Step 1:
Copy and paste the following code on the head section of your webpage .

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="jquery.dimensions.js"></script>
<script language="javascript">
	var name = "#floatMess";
	var menuYloc = null;
		$(document).ready(function(){
	menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
			$(window).scroll(function () {
				offset = menuYloc+$(document).scrollTop()+"px";
				$(name).animate({top:offset},{duration:500,queue:false});
			});
 
			$('#close_message').click(function()
			{
  			$(name).animate({ top:"+=15px",opacity:0 }, "slow");
			});
		});
	 </script>

Step 2:
Add the following code in the CSS style sheet or in the style section of html page.

#floatMess {
		position:absolute;
		top:5px;
		float:left;
		width:95%;
		border:1px solid #999;
		background-color:#456;
		color:#ccc;
		padding:5px 5px 5px 25px;
		text-align:center;
 
		}

The above codes select the color,size font color, width etc of the floating message box.
You can change the upper parameters as per your requirements.

Step 3:
Now it’s the time for adding the main thing in the body section of your webpage ie the main message DIV which is going to be displayed on the webpage. Copy the following codes and paste it in the beginning of the body section or anywhere , it will not affect the other div of the page .

<div id="floatMess"><img id="close_message" style="float:right;cursor:pointer"  src="cross.png" />
      Your message Goes here
 </div>

Step 4:
You will need to download following three files and save it in the same folder which contains the main html file.

• jquery.js
• jquery.dimensions.js
• cross.png ( ICON need to display cross image at the message box )

Downloads:

• Click here to download jquery.js
• Click here to download jquery.dimensions.js
• Click here to download cross.png

DEMO

• Click here to see DEMO
• Click here to download the zip version of demo file .

Education theme is specially designed wordpress theme for educational institute ,university and college.The minimum requirement needed for a educational system had been provided in the theme. A special featured section is also added to show the special news and article.

• Price: $59.95
• Click here to buy this theme.
• This theme is designed by StudioPress.

The fully supportive HTML5 is not possible in short time, It will take a long time to be stable and in use, we call it an on going process.

I have collected few cheat sheet for HTML 5 which i think is useful to programmers and beginners in web.This cheatsheet lists all currently supported tags, their descriptions,their attributes and their support in HTML 4.

• Click here to download PDF version of cheatsheet.
• Click here to download HTML5 Canvas cheat sheet.

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">// < ![CDATA[
if (WIDGETBOX) WIDGETBOX.renderWidget('78cb69c7-7039-4fc8-910e-9f076e5c6620');
// ]]></script>

The worldcup counter will be seen as follows.

For more information about this widget visit widgetbox.

2.World Cup official Anthem and song

• Official Anthem for worldcup 2010

Official anthem by KK’Naan song “Waving Flag” chosen as official 2010 FIFA World Cup is great one and deserved to be the best anthem for this world cup.
You can also embedded this video on your website . I have taken the link from youtube. Just copy and paste the following code in your webpage and save it .

And you will see the output as follows

You can also use another music video of this anthem
Code is

And the video that will appear on the website is

• Official Song for worldcup 2010

The official song for this worldcup is sang by one of the most popular singer Shakira and the song is titled WAKA WAKA. To embedded this video on your site ,just copy and paste the following link from youtube to your website.

The video will appear as follows

3.Worldcup 2010 wallpapers.
“A picture is worth a thousand words” , i am always inspired by these words. I have collected some good wallpapers from different sites and going to share here.
Download it and color yourself with the worldcup 2010.

Authors: BraveNewCode, duanestorey, dalemugford

Click here to download the plugin.

2. WordPress PDA & iPhone
Wordpress PDA plugin enables the WordPress blog viewable for PDA and iPhone browsers. It is really simple plugin which detects the browser agent and loads a simple theme on fly. The plugin comes with a theme folder which acts like normal theme with all the functionality of WordPress theme.

Author: Imthiaz Rafiq

Click here to download the plugin.

3. iPhone / Mobile Admin
If you are searching for the plugin which can adapts the WordPress admin UI to be more friendly to mobile devices, specifically iphones, then might be one choice .You can manage your posts and contents using moblie .It is a beta version.

Author: jaredbangs, dancameron

Click here to download the plugin

Image Courtesy: www.mattstow.com

Image is one of the best option to show or present something on web. Picture expresses thousand more words than what we write with letters. So it is the must to handle and present the image in web page. WordPress have different options or plugins that can manage, present picture in attracted way. Today i am going to write about some popular plugins that can be used to handle these images.

1. NextGEN Gallery
NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option.

Features

• Templates : You can add custom templates for your theme.
• Media RSS feed : Add the Cooliris Effect to your gallery
• Role settings : Each gallery has a author
• AJAX based thumbnail generator : No more server limitation during the batch process
• Copy/Move : Copy or move images between galleries
• Sortable Albums : Create your own sets of images

etc

• Author:Alex Rabe
• Click here to download plugins.

2. Flickr Photo Album
This Flickr plugin for WordPress will allow you to pull in your Flickr photosets and display them as albums on your WordPress site.

Features

• Customizable
• Third party commenting services are also supported
• Visitors to comment on your photos
• A simple Flickr widget to include your photos into your blog’s sidebar

etc.

Author:Joe Tan
Click here to download this Plugin.

3. WP Photo Album
This plugin is designed to easily manage and display photo albums within WordPress site. This is one of the most popular plugins in WordPress. If you are searching for something simple, this might be one of the option.

Features

• Plugin admin section under Manage then submenu Photos.
• Manage and create albums.
• Move photos to and from albums
• Upload and delete photos
• Adjust thumbnail and full view picture sizes

Author: Rubin J. Kaplan
Click here to download the plugin.

4. Fotobook
Facebook, i think i dont need to explain about this. If you are searching for the plugins which can associate your photos from facebook albums to your webpage then this might be one good option .It uses the Facebook’s API so importing your photos.

Features:

• Interfaces with Facebook’s API
• Displays photo albums on a WordPress page
• Import photos from mulitple Facebook accounts
• Sidebar widgets for displaying random or recent photos & albums
• Creates an album of photos that the user’s tagged in
• Insert individual photos into posts/pages
• Easy-to-use Ajax album management panel
• Frontend validates as XHTML 1.0 Strict
• Works with PHP5 & PHP4

Author:Aaron Harp
Click here to download the plugin.

5. Lightbox2
If you are searching for the WordPress plugins that linked images into neat Javascript-powered overlay popups then this might be one option. There are various option to show the images.
Author: Lokesh Dhakar
Click here to download the plugin.

Now you know about them, you may download and give it a try in some of your sites.

Click here to view the DEMO
Features

• One Click – Auto Install
• Different modes of Shopping Cart
• Manage Products
• Order Management
• Shipping Options
• Multiple Payment Gateways
• Manage Tax
• Grid view / List view
• Fully customizable front page
• Custom Control Panel
• Localization Support
• Auto-resizing product images
• Excellent Support
• Theme Guide & Tutorials
• PSD File Included with developer version
• Drop Down & Breadcrumb Navigation
• Gravatar Support & Threaded Comments
• Built-in Ad Monetization
• Search Engine Optimized
• Widget Ready with custom widgets
• Valid, Cross browser compatible

Price:

• $65 Single use licence
• $99 Multiple use licence

Click here to buy the theme.

This premium TV Element WordPress theme by Studiopress is specially designed for those who want to show online videos and clips in the webpage. The theme includes a featured video on the homepage which can display any number of videos with silder, featured category section which displays up to 12 “channels”, automatic thumbnail from the latest post added to that category, a theme options page to easily setup the theme.

Click here to see the DEMO

Features

• Featured video carousel on the homepage
• Display any number of featured videos
• Theme options page
• Display up to 12 “channels” (categories) on the home page
• Automatic thumbnails
• Drop down navigation menu
• Numerous widget areas
• Custom widgets for featured content, sidebar ads and related posts
• Integrated advertising placements

Price: $75
Click here to Buy this theme.

Features

• Theme Options Page – to quickly setup the theme
• Built-in Cufón for beautiful headings and buttons with 18 built-in Cufón fonts
• Unique layout that allows you to have 30-40 posts on the homepage without having to scroll tens of pages
• Beautiful jQuery slider on Homepage as well as on category (archive) pages
• Support for Threaded Comments
• Widgetized Footer
• Social sharing links
• Dynamic image resizing for thumbnails (TimThumb script)
• Compatible with all modern browsers
• A specially developed widget to show a list of all contributing authors on your site
• Support for Author Pages
• Easily integrate your tracking scripts: Google Analytics, etc.
• Valid XHTML and CSS Code

Price:

• Single: $49
• Developer: $99

Click here to Buy the theme.