img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

If you’re using THESIS, just head to custom.css and paste in;

.custom img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

Thankfully, the recent release of JetPack addressed this issue. If you go to the configuration page for JetPack stats

http://www.yoursite.com/wp-admin/admin.php?page=jetpack&configure=stats

you will now see an option to hide the smiley image.

Jetpack WordPress.com Stats Configuration

1. Pattern Cooler

Pattern Cooler

Pattern Cooler is an online pattern library that is packed with pretty patterns which lets you create seamless background patterns online and then download them for personal use on the website.

2. BgPatterns

BgPatterns

BgPatterns is a tiny web app for making background patterns in a few clicks. It was created mostly for fun and experimentation by Sergii Iavorskyi.

3. ColourLovers Patterns

ColourLovers Patterns

4. StripeMania

StripeMania

5. Striped Backgrounds

Striped Backgrounds

6. Pixelknete Backgrounds Dotted

Pixelknete Backgrounds Dotters

7. Tartan Maker

Tartan Maker

8. Stripe Generator

Stripe Generator

9. bgMaker

bgMaker

10. Repper Partterns

Repper Parterns

Know Some More?

You know the drill; share them with everyone by adding them in the comments.

• No advertisement or choose the way to display provider ads (some provider require link back to their homepage on your website, it's easy to do and acceptable)
• Allow FTP access to upload and delete files
• Support MySQL and PHP (at least not too old) or your website's programs language
• Has a support community to solve your problem
• Can access to a control panel for easier web management

The importal factor. Most of the time, free is not really free and it's not running forever. It's may die tomorrow or your data and files will be crash anytime, make your backup as you can. Don't forget it!
Here are the ones that still stand after the showdown. In no particular order, of course. I’ll only mention the disk space and monthly data transfer for quick comparison purposes. Please refer to each service provider’s website for the full list of features as they will be too long to list down here.

1. 000webhost

000webhost.com ($0.00 webhost), is an industry leader in providing top class free web hosting services without advertising! There are no hidden costs, no adverts, and no restrictive terms. Lighting fast speeds, maximum reliability and fanatical user support are just a few of the features you'll receive with our service.

This is greatest free web hosting that I has ever used before. Current, I'm still using it for my personal projects. It gives you:

• Disk space: 1.5GB
• Bandwidth: 10GB/month
• Custom Control Panel
• Support PHP and MySql
• Has a lot good features as add-on domain, email, packed domain...

I highly recommend for those who want to start their own website with free web hosting. It's good as paid web hosting.

2. ByetHost

Byet gives you the choice of your sub domain. You can stick with yoursite.byethost.com, or you can pick from another 7 great names we have available. With MySQL, PHP, FTP, VistaPanel (our specially designed control panel) and other features, you can host heaps of scripts with no worries. Adding your own domain registered at any domain registrar is just a few clicks and is hosted on your free Byet account!

Signup process was tricky - you will be forced to see sponsored advertisements before filling out registration form. Not a big deal, but some visitors may get tired of this. In other case, it may be worth to continue registering with ByetHost, because you will get 250 MB space, 6 GB bandwidth and everything else what is needed for complete Internet activity - PHP/MySQL support, subdomains and add-on domains manager, FTP access, etc. They alway offer Premium Hosting to you as they can, don't angry about that.
Someone feels tired with ByetHost but someone feels goods, let tries it by yourself.

3. Zymic

At Zymic we offer free web hosting, with a level of professionalism any paid web hosting company offers, along with a full range of free hosting features.

We pride ourselves in being one of the most reliable and feature packed free web hosting services on the net. Our free hosting features include PHP/MySQL, free sub-domain names, Ad-free hosting and an overly generous disk and transfer allowance. Zymic.com's free web hosting is ideal for personal and business websites.

Zymic Free Hosting provided by LunarPages. Like 2 free web hosting services above, they allow a lot features for your website. However, currently they don't allow .htaccess files, so you can't use any form of SEF URLs (human-friendly/search engine friendly). Again, this will stop anyone with a normal database-driven site using this service. An .htaccess file performs several vital functions on a site, including security, SEF URLs, redirects and so on. No htaccess file like no dynamic site (one using a database).

4. xTreemHost

xtreemhost is a web hosting service that provides free and cheap unlimited hosting including PHP and MySQL support, domain name support, etc. without ads! We take support seriously for both free and premium clients. Accounts are created instantly!

Xtreemhost was good when it started but it's has big problem as FTP speed if you want upload a ton of files to website.

5. Pipni

PIPNI offer free web hosting since 2003.PIPNI is the fastest growing webhosting company on the Czech Internet with the biggest number of hosted foreign domains. The Free Web Hosting Plan has full features as Paid Plan but they not guarantee, no technical support, no backup, no SMTP server... about your website.That's mean you must take care about your website.
I've tried it for 3 year, it's good for personal website if you don't care about hosting uptimes, sometimes you data will be roll back without notice...

Conclusion

There are so many pit-holes in free hosting services, but still I would prefer to use them to host your non-profit sites or websites that are in their opening stages. If you plan to own a website of personal interest free web hosting will be the best media to explore your interest. You can use it just like social media websites.

Web-Based Project Management

1. Collabtive

Collabtive

Collabtive is open source project management software. It is a PHP based (which means it can be run on almost any computer, which has a browser capable of understanding PHP) project management system. Collabtive allows you to manage projects by setting up different tasks and assigning them to different users. The progress of these tasks can then be tracked using the easy interface of the application. The administrator can add multiple users to the application and each user can reach the user interface through his/her browser. There’s practically no limit to the number of users that can work simultaneously on Collabtive.
Although it doesn’t provide advanced features such as Gantt charts, it does provide for a very simple and efficient mechanism to keep track of your projects.
All in all, Collabtive provides for a very elegant project management system. It may not be as power-packed as its commercial counterparts, but it provides more than a decent feature set to keep track of all the tasks and milestones associated to your project.

2. Codendi

Codendi is an open-source collaborative development platform offered by Xerox. From only one interface, it gathers, all the needed tools for software development teams: management and versioning of code, bugs, requirements, documents, reporting, tests etc. It is mainly used for managing software project processes.

3. Dolibarr ERP & CRM

Dolibarr ERP & CRM is a modern software to manage your company or foundation activity (contacts, suppliers, invoices, orders, stocks, agenda, ...).It's a opensource free software designed for small and medium companies, foundations and freelancers. You can install, use and distribute it as a standalone application or as a web application to use it from every internet access and devices.

4. eGroupware Community Edition

eGroupware Community Edition

eGroupWare is a free open source groupware software intended for businesses from small to enterprises. Its primary functions allow users to manage contacts, appointments, projects and to-do lists.
It is used either via its native web-interface, making access platform-independent, or by using different supported groupware clients, such as Kontact, Novell Evolution, or Microsoft Outlook. It can also be used by mobile phone or PDA via SyncML.

5. KForge

KForge provisions project services on-demand and controls access with a robust, role-based, single sign-on access controller.
Project services include version control systems (e.g. Git, Mercurial, Subversion); project frameworks with mechanisms to plan and track work (e.g. Trac); wikis and mailing lists (e.g. MoinMoin, Mailman); and content management systems and blogs (e.g. Joomla, WordPress).

Project Management Softwares

1. Endeavour Agile ALM

Endeavour Agile ALM drives the creation of large-scale enterprise system solutions by providing support for iterative and incremental agile software development processes with special emphasis on use-case driven practices.
Endeavour Agile ALM features support for Use Cases, Iterations, Project Plan, Change Requests, Defect Tracking, Test Cases, Test Plans, Tasks, Document management, Reports and many other process artifacts. It has been designed with the priority in mind to be easy to use, intuitive and above all realistic by avoiding unnecessary features that might increase complexity.

2. GanttProject

GanttProject is a cross-platform desktop tool for project scheduling and management. It runs on Windows, Linux and MacOSX, it is free and its code is opensource. What can it do?

• Gantt chart: Create work breakdown structure, draw dependencies, define milestones.
• Resources: Assign human resources to work on tasks, see their allocation on the Resource Load chart.
• PERT chart: Generate PERT chart from Gantt chart.
• Export: Save charts as PNG images, generate PDF and HTML reports.
• Interoperate: Import projects from and export them to Microsoft Project formats. Export to spreadsheets with CSV.
• Collaborate: Share projects with your colleagues using WebDAV.

3. Project-Open

Project-Open

Project-Open is one of the leading open source project management tools. It is a comprehensive resource management tool that is fully integrated into the ERP system. It lets you Plan projects and resources via GanttProject, Track project advance and resource consumption of both internal and external costs and execute status reporting using “traffic lights.

4. Chandler

Chandler is an open source note-to-self organizer designed for personal use and small group collaboration. Chandler comprises a desktop application, sharing service and web application.

5. OpenProj - Project Management

OpenProj is a free, open source desktop alternative to Microsoft Project. The OpenProj solution is ideal for desktop project management and is available on Linux, Unix, Mac or Windows. OpenProj is a complete desktop replacement of Microsoft Project and even opens existing native Project files. OpenProj shares the most advanced scheduling engine in the industry with Projects On Demand. The OpenProj solution has Gantt Charts, Network Diagrams (PERT Charts), WBS and RBS charts, Earned Value costing and more.

Conclusion

All open-source and free project management tools which has been listed above is not best produces but it's very popular and has high ranks.
Are you using a better option? Let us know in the comments.

When Is It Time To Upgrade to a Dedicated?

Shared servers are just that shared. It means that if someone on your server has a spike in traffic to their website one day, resources may be taken away from your website. If hundreds of other websites on your server have a spike at the same time there is a good chance that performance will be affected. Think of it this way. A web hosting server is just a computer do you share your work computers processor and RAM with 400 other people? That is exactly what you are doing if you are on a shared hosting plan. Though sharing brings its benefits, the biggest one being low price, there are some situations where you need to consider upgrading to dedicated server.
Before go for the upgrade, you must be aware that you have to keep the website running, it’s software platform and the partition that you take on the server and adjust it to your specifications, or to hire technical expert to support it. With more resources, come along more cost. Before moving to a delicated hosting account, make strict and correct conclusions what will be your needs. It is not advised to upgrade if the tech part is way more above your pay grade.
Dedicated server hosting provides you with the highest caliber of stability and performance rates. With your growing business at hand, you may want to consider visitor traffic utilizing your resources effectively. Although it may seem like an expensive upgrade, keep in mind the amount of business you face losing if your shared hosting plan cannot keep your business website up and available to your customers online all the time.

Top 20 Most Common WordPress Plugins for starters

01. Akismet

Akismet - Fight again the spam

Akismet checks your comments against the Akismet web service to see if they look like spam or not and lets you review the spam it catches under your blog's "Comments" admin screen. It works well since I've installed it.

02. All in One SEO Pack

All in One SEO Pack

Automatically optimizes your WordPress blog for Search Engines (Search Engine Optimization). The author releases two version of All in One SEO Pack: Free and Pro. I used the Free version then I got the good price for plugin value.

03. WordPress.com Stats

WordPress.com Stats is a traffic statistics plugin that shows only the most popular metrics a blogger wants to track – such as page views, referrers, top posts & pages, search engine terms, and clicks – and provides them in a clear and concise interface.

WordPress.com Stats

There are hundreds of plugins and services which can offer statistics about your visitors. However I found that even though something like Google Analytics provides an incredible depth of information, it can be overwhelming and doesn't really highlight what's most interesting to me as a writer. That's why Automattic created its own stats system, to focus on just the most popular metrics a blogger wants to track and provide them in a clear and concise interface.
Installing this stats plugin is much like installing Akismet, all you need is to put in your API Key and the rest is automatic.

04. WordPress.com Popular Posts

WordPress.com Popular Posts

This plugin can show the most popular articles in your sidebar, using data collected by WordPress.com Stats plugin.
WordPress.com Popular Posts lists the most popular posts on a wordpress powered weblog. This list can be used in the sidebar to show an indication of which are the most visited pages.

05. Contact Form 7

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
If you value simplicity and flexibility, Contact Form 7 is a great choice. It allows you to flexibly design the form and mail. You can manage multiple contact forms as well.

06. NextGEN Gallery

NextGEN Gallery

NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a side-show option. Before I started writing the plugin I studied all the existing image and gallery plugins for WordPress. Some of them are really good and well designed, but the gap I filled was a simple administration system at the back-end which can also handle multiple galleries.

07. WP Super Cache

WP Super Cache

This plugin generates static html files from your dynamic WordPress blog. After a html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts.
The static html files will be served to the majority of your users, but because a user's details are displayed in the comment form after they leave a comment those requests are handled by the legacy caching engine. Static files are served to:

1. Users who are not logged in.
2. Users who have not left a comment on your blog.
3. Or users who have not viewed a password protected post.

99% of your visitors will be served static html files. Those users who don't see the static files will still benefit because they will see regular WP-Cache cached files and your server won't be as busy as before. This plugin will help your server cope with a front page appearance on Digg.com or other social networking site.

08. gTranslate

gTranslategTranslate

This module uses Google Translate automatic translation service to translate your web page with Google power. With 58 available languages your site will be available to more than 98% of internet users.

• Hides "Suggest better translation" pop-up
• Hides Google top frame after translation
• Mouse over effect
• Flags joined in one file to load faster
• Analytics
• Option to open translated page in new window
• Option to translate the page on fly
• Available styles Dropdown/Flags/flags with dropdown
• Valid XHTML

09. WP-PageNavi

WP-PageNavi

Adds a more advanced paging navigation to your WordPress site. If you don’t want to display a certain part of the navigation, like the “previous page” link, you can simply go to the Page Navigation Text section, on the settings page, and clear that field.

10. Google Analytics for WordPress

Google Analytics for WordPress

Google Analytics for WordPress is the most complete Google Analytics plugin for WordPress. Of course, you could just copy the tracking code into your theme and be done with it, but then you'd miss a lot of features that this plugin has to offer you. All the extra data this plugin can add to your tracking is what makes Google Analytics for WordPress into the most powerful tracking tool you've ever seen.
Track your WordPress site easily and with lots of metadata: views per author & category, automatic tracking of outbound clicks and page views.

11. SexyBookmarks

Though the name may be a little "edgy" for some, SexyBookmarks has proven time and time again to be an extremely useful and successful tool in getting your readers to actually send your articles to many social bookmarking sites.

SexyBookmarks

Our sole aim was to stray away from the "in the box" thinking behind most social bookmarking plugins, and add a little flair that would entice your readers, rather than deterring them with microscopic icons that get lost in pages heavy laden with content.

12. Exec-PHP

The Exec-PHP plugin executes PHP code in posts, pages and text widgets. Some of the plugins evaluated the code after WordPress applied some filters like texture. So it also textured the PHP code and the plugins had to undo the texture just for the code part. For more complex code this can not be done correctly because of ambiguity and often led into parsing errors even if the code was syntactically correct.

13. WP Greet Box

WP Greet Box

This plugin lets you show a different greeting message to your new visitors depending on their referred url. For example, when a Digg user clicks through from Digg, they will see a message reminding them to digg your post if they like it. Another example, when a visitor clicks through from Twitter, they will see a message suggesting them to twit the post and follow you on Twitter. You can also set a default greeting message for new visitors (not matching any referer URLs) suggesting them to subscribe to your RSS feed. Having these targeted suggestions will help your blog increase exposure, loyal readership, and reader interaction. Best of all, this plugin is compatible with WPMU and various WordPress cache plugins (so you do not have to sacrifice speed).

14. Yet Another Related Posts Plugin

Yet Another Related Posts Plugin

Yet Another Related Posts Plugin (YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site. An advanced and versatile algorithm that is using a customizable algorithm considering post titles, content, tags, and categories, YARPP calculates a “match score” for each pair of posts on your blog. You choose the threshold limit for relevance and you get more related posts if there are more
related posts and less if there are less.

15. Google XML Sitemaps

Google XML Sitemaps

This plugin will generate a special XML site map which will help search engines like Google, Bing, Yahoo and Ask.com to better index your blog. With such a sitemap, it's easier for the crawlers to see the complete structure of your site and retrieve it more efficiently. The plugin supports all kinds of WordPress generated pages as well as custom URLs. Additionally it notifies all major search engines every time you create a post about the new content.

16. PollDaddy Polls & Ratings

PollDaddy Polls and Ratings

The PollDaddy Polls and Ratings plugin allows you to create and manage polls and ratings from within your WordPress dashboard. You can create polls, choose from 20 different styles for your polls, and view all results for your polls as they come in. All PollDaddy polls are fully customizable, you can set a close date for your poll, create multiple choice polls, choose whether to display the results or keep them private. You can also create your own custom style for your poll. You can even embed the polls you create on other websites. You can collect unlimited votes and create unlimited polls. The new ratings menu allows you to embed ratings into your posts, pages or comments. The rating editor allows you to fully customize you rating. You can also avail of the 'Top Rated' widget that will allow you to place the widget in your sidebar. This widget will show you the top rated posts, pages and comments today, this week and this month.

17. Easy AdSense

Easy AdSense

Easy AdSense provides a very easy way to generate revenue from your blog using Google AdSense. With its full set of features, Easy AdSense is perhaps the first plugin to give you a complete solution for everything AdSense-related.

18. Broken Link Checker

Broken Link Checker

Once installed, the plugin will begin parsing your posts, bookmarks (AKA blogroll) and other content and looking for links. Depending on the size of your site this can take from a few minutes up to an hour or more. When parsing is complete, the plugin will start checking each link to see if it works. Again, how long this takes depends on how big your site is and how many links there are.

19. WordPress Mobile Pack

WordPress Mobile Pack

The WordPress Mobile Pack is a complete toolkit to help mobilize your WordPress site. It has a mobile switcher, themes, widgets, and mobile admin panel.
It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.

20. podPress

podPress

podPress adds a lot of features designed to make WordPress the ideal platform for hosting a podcast.

Features:

• Full featured and automatic feed generation (RSS2, iTunes and ATOM and XSPF playlist)
• Podcast Download stats, with graphs.
• Makes adding a Podcast to a Post very simple
• View MP3 files ID3 tags when your Posting
• Control over where the player will display within your post and what it will look like.
• Support for various formats, including Video Podcasting
• Supports unlimited number of media files.
• Automatic Media player for MP3, RM, OGG, OGV, MP4, MOV, QT, FLV, ASF, WMV, AVI, and more, with inline and Popup Window support.
• Preview image for videos
• Support for separate Category podcasts
• Support for Premium Content (Pay Only)

20+ BackWPup

BackWPup

What’s On Your Must Have List?

There are, of course, too many plugins to list here, so in this article we’re just going to point out the essentials… what I consider to be the bare minimum "can’t live without" list of plugins that should be installed with just about any new WordPress installation. This is obviously just the beginning, as these are only a fraction of the seemingly limitless list of things you can do to customize and enhance your WordPress driven your new website.
Now, have you use some of this plugins? or do you know another who is better that one from the list. Any other you think should be on the list. I would like to hear from you, about your experiences in your comments below.

Make your own WordPress Drop-Down menu

To get started with this tutorial, you'll need to have a WordPress website up and running and a willingness to alter your theme files. Once that's squared away you're ready to rock!

The Standard WordPress navigation layout

Before we get into making drop downs, we need to take a look at the way WordPress layouts it’s navigation.

<ul id="nav">
	    <?php wp_list_categories('title_li=&sort_column=menu_order'); ?>
</ul>

You might also want to include a home link. You can add this manually like so:
view source
print?

<ul id="nav">
	    <li><a href="<? bloginfo('siteurl'); ?>">Home</a></li>
	    <?php wp_list_categories('title_li=&sort_column=menu_order'); ?>
</ul>

Both wp_list_pages and wp_nav_menu lay out their menus pretty much exactly the same, besides different class names, so we’ll just take a look at wp_nav_menu's printed code:

<ul class="menu">
	<li class="cat-item cat-item-6"><a href="http://localhost/wordpress/category/long-category/" title="View all posts filed under Long Category">Long Category</a>
	<ul class='children'>
		<li class="cat-item cat-item-7"><a href="http://localhost/wordpress/category/long-category/sub-long-category/" title="View all posts filed under Sub Long Category">Sub Long Category</a></li>
	</ul>
	</li>
	<li class="cat-item cat-item-1"><a href="http://localhost/wordpress/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
	<ul class='children'>
		<li class="cat-item cat-item-4"><a href="http://localhost/wordpress/category/uncategorized/subcategories/" title="View all posts filed under SubCategories">SubCategories</a></li>
	<li class="cat-item cat-item-3"><a href="http://localhost/wordpress/category/uncategorized/subcategorized/" title="View all posts filed under Subcategorized">Subcategorized</a></li>
	</ul>
	</li>
</ul>

As you can see, WordPress neatly (well neat besides all the classes) layouts out the menu in a nice semantic list, with the children of the navigation nested inside of it’s parent li. This allows us to use both CSS and/or jQuery to make our drop downs work!

Styling the Navigation

Now, let’s styling the navigator. We want our list items aligned horizontally, and of course centered in the middle of the page.

	ul.menu { list-style: none outside none; padding: 0; margin: 0 10px; float: left; font-size: 13px;}
	ul.menu li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; }
	ul.menu li a { padding: 9px 5px; color: rgb(255, 255, 255); display: block; text-decoration: none; float: left;  display: block;}
	ul.menu li:hover { background: #A6CB1B; }
	.current-cat { background: #8BBF47; }
	ul.menu li span { width: 11px; height: 10px; float: left; background: url('images/narga-sprites.png') -561px -78px no-repeat; margin: 11px 0 0 0;}
	ul.menu li ul.children {z-index:99; list-style: none outside none; position: absolute; left: 0; top: 31px; background: none repeat scroll 0% 0% rgb(51, 51, 51); margin: 0; padding: 0; display: none; float: left; width: 170px;  border-bottom: 1px solid #F8C92D;}
	ul.menu li ul.children li { margin: 0; padding: 0; clear: both; width: 170px; border-top: 1px solid #F8C92D;}
	html ul.menu li ul.children li a { float: left; width: 145px; background: url('images/narga-sprites.png') -578px -162px no-repeat #A6CB1B; padding-left: 20px; }
	html ul.menu li ul.children li a:hover { background: url('images/narga-sprites.png') -578px -162px no-repeat #7BAF36; }

jQuery Animation the Navigation

There’s also an easy way to make WordPress menus with jQuery drop downs. jQuery allows you to get a bit more fancy, by adding speeds and fades to the animation. It’s also useful if you’re still stuck supporting IE6.
There’s a tiny piece of jQuery required to show/hide the drop down menu’s. From an accessibility point of view, you can link the top-level navigation item so that if JS is disabled, the user will still be able to get around your site. Here’s the script.

jQuery(document).ready(function() {
//Dropdown Menu
	if(!jQuery.browser.msie){// IE  - 2nd level Fix
		jQuery("ul.topnav&quot.css({opacity:"0.95"});
	}
	jQuery(".topnav > li > ul&quot.css({display: "none"}); // Opera Fix
	jQuery("ul.children&quot.parent().append("<span></span>" //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	jQuery("ul.menu li a&quot.hover(function() { //When trigger is clicked...
		//Following events are applied to the subnav itself (moving subnav up and down)
		jQuery(this).parent().find("ul.children&quot.slideDown('fast').show(400); //Drop down the subnav on hover
		jQuery(this).parent().hover(function() {
		}, function(){
			jQuery(this).parent().find("ul.children&quot.slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			jQuery(this).addClass("subhover" //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			jQuery(this).removeClass("subhover" //On hover out, remove class "subhover"
	});

})

WordPress Drop-Down menu with CSS and jQuery (View in Action)

Finally!! A Drop Down WordPress Navigation Menu using CSS and jQuery!

That's basically it, the example is about as stripped down as I could make it. Hopefully you'll have fun bending the code to your next project. Feel free to post comments if you have any questions about the tutorial. Happy coding!

For people who do not like the crowds of holiday shopping online can be a haven for speed and convenience. In the difficult economic situation this season, experts expect consumers to go online more and more reluctant to pay for shipping, and more proactive in asking for discounts, incentives and bonuses.

Cyber Monday is a marketing term for the Monday immediately following Black Friday, the Friday following Thanksgiving Day in the United States. The term made its debut on November 28, 2005 in a Shop.org press release entitled "'Cyber Monday' Quickly Becoming One of the Biggest Online Shopping Days of the Year". Cyber Monday is also used as a marketing term in Canada, the United Kingdom, France, Portugal and Germany. In these countries, with the exception of Canada, Cyber Monday sales last for eight days, typically from the last Monday in November to the first Monday in December. In Canada, the sales period mirrors that of the U.S.

The biggest shopping day of the year is almost upon us! While others are pushing and shoving to buy TV’s and toasters, domain and hosting will be scoring the year’s best deals for blogger. Not sure where to shop? No worries, I’ve got you covered! Check out the list below for all the best hosting providers!

1. JustHost - Sale Off 50% anything with free domain for life, free setup, ... and refund any time!

• Coupon: 50OFF
• Offer: Sale Off 50% with free domain for life, free setup, ... and refund any time!
• Notes: Did you know? I wrote a review about the JustHost services.

2. HosGator - 50% off anything!

• Coupon: CYBERMONDAY2010
• Offer: Sale Off 50% for all web hosting plan!
• Notes: Maximum period of each packages only 36 months.

3. FatCow - Get Premium WebHosting just only $2.95/month

• Coupon: Visit FatCow on Cyber Monday.
• Offer: Get Premium WebHosting just only $2.95/month
• Notes: Free domain only apply for 24 months packages, if you buy 12 months, you only get free domain privacy.

If you sign up for web hosting this Cyber Monday 2010 start on November 29, you will be paying less than I am for amazing service! Can you imagine having your own website for less than $2.50/month?

15+ Awesome Firefox Extensions to Improve the FireBug

1. CodeBurner

CodeBurner

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. The extension's core functionality is centered around a new Reference panel, which has a search tool for looking up HTML elements, attributes, and CSS properties. The extension also hooks into context-menus in the HTML and CSS panels, the DOM crumbtrail, and the Inspector, adding options to look up a selected item (ie. search for it in the Reference panel) or to view a code example.

2. Firecookie

Firecookie

Firecookie is a an extension for Firebug that makes possible to view and manage cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug, so web developer has the functionality accessible within familiar Firebug's UI.

3. NetExport

NetExport

NetExport is a Firebug 1.5 extension that allows exporting all collected and computed data from the Net panel. The structure of the created file uses HTTP Archive 1.1 (HAR) format (based on JSON).
Once the extension is installed there is a new Export button available in the Net panel toolbar.

4. Firediff

Firediff

5. Firefocus

Firefocus UI

6. FormBug

FormBug extends Firebug to make developing form intensive sites easier. If you're dealing with forms with dozens of inputs, or have kept the Web Developer extension installed because of its "populate forms" feature, or just want to be able to quickly check the state of form data on a page, FormBug is for you.

7. Firefinder

FireFinder

8. Firequark

Firequark

9. Pixel Perfect

Pixel Perfect

11. FireSass

FireSass

12. Arboreal

Arboreal ― A Firebug extension for DOM tree visualization

13. YSlow

YSlow

14. SenSEO

SenSEO

15. CSS Usage

CSS Usage

Find something Missing?

Is your useful FireBug Extensions not on the list? Share it with us in the comments, along with your experience and why you like it over other Add-ons.

Google Chrome is a web browser developed by Google that uses the WebKit layout engine and application framework. It was first released as a beta version for Microsoft Windows on 2 September 2008, and the public stable release was on 11 December 2008. The name is derived from the graphical user interface frame, or "chrome", of web browsers. As of August 2010, Chrome was the third most widely used browser, with 7.54% of worldwide usage share of web browsers, according to Net Applications.

The Essential Google Chrome Extensions for Web Designers

We’ve taken some of most useful Chrome Extensions which may help for your works.

1. Firebug Lite for Google Chrome

Firebug Lite for Google Chrome

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elements with your mouse, and live editing CSS properties.
This version was conceived to put the Firebug Lite in a new level, by allowing code reuse from Firebug's original source.

2. Web Developer for Chrome

Web Developer for Chrome

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.
It has loads of options for examining and understanding web page layouts, including showing block element stacking orders, displaying CSS style information about certain elements, browser cache controlling, and much more.

3. Speed Tracer (by Google)

Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low-level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

4. Resolution Test

Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions and the ability to customise that list. It also gives users the option to turn on Google Browser Size.

5. Pendule

Pendule - Web developer tools for Chrome

Pendule extends the built-in Developer tools in Google Chrome. The extension gives its users plenty of features such as one-touch markup validation using W3C’s automated web services, hiding images on a web page, viewing scripts included in a web page, and more.

6. IE Tab (for Windows)

IE Tab

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).

7. Eye Dropper

Eye Dropper

Eye Dropper is a Google Chrome extension that gives you the ability to determine a color on any web page. What’s more is that it presents a color wheel and color swathes (found in most graphics software) so that you can experiment, tweak and pick colors.

8. SEO Site Tools

SEO Site Tools

A well-formed web page with great markup ultimately leads to awesome search engine results. However, if you would like to evaluate your website in terms of known search engine optimization factures, try out the SEO Site Tools, a Chrome extension that gives you a plethora of useful tools and features for evaluating SEO. It can pull tons of on-page and off-page metrics, social media information, and more.

9. CSS Scan

CSS Scan

Inspired by the Firefox Extension CSSViewer, this Chrome extension allows you to easily scan an element's basic CSS properties without having to delve into the inspector window.
The extension adds a button to the toolbar. Clicking this button will enable the extension; you can then continue using the page, with the difference that a quick overview of CSS properties for the element your mouse cursor is hovering is displayed. To disable the CSS scanner, simply click the icon again.
Elements being scanned are highlighted with a red outline so the user can easily see the structure of the page. Most CSS properties are supported; however, feel free to leave a comment if you feel like there's any missing.
NOTE: For some reason the extension does not work on this page (or any other in the chrome extension gallery)! It seems to work fine on any other page.

10. Webpage Screenshot

Website Screenshot

This is the first Chrome extension that takes the screen shot of full webpage (not only the visible page on-screen) no matter how long the page is and saves it in a JPG file format. This is a useful extension if you want to display available ad slots on your website or want to show all the sections of your website that are on one page.
This is a local extension which means it does not send any data to any server and is completely private. It has options to upload and share the screenshot image and resizing it to specific size.

11. Chrome Editor

Chrome Editor

If you make changes in the html code of your website quite often, this extension will be a great help for you. Chrome Editor lets you make changes in your website’s html code inside browser so that you do not have to flip between a code editor and a browser. You can save the code locally in your computer for reference or email the code to a friend.
The extension comes with W3C validation service and auto saves the code as you type. There is a list of shortcuts to save your time while coding.

12. MeasureIt!

MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

13. MultiSwitch

MultiSwitch

Whenever you have the need to simply switch between development, test and productive hosts you should use MultiSwitch. You are now able to customize the title of your environment. In this latest version the ip:port bug is also fixed.

Find Somethings Missing?

Have you ever use one of the Google Chrome Extensions above here? Do you know of an extension any other? Share experiences here with us to know the same people.