Skype Problem, Over Wireless Connections

Wireless zero configuration is a service offered by Windows XP to simplify wireless network management and guarantee that your PC has the fastest possible connection. Periodically (about one minute interval) it resets the connection and searches for a higher speed connection. This may cause your Skype connection to drop.

 

This service is required to establish wireless connection, but it can be stopped subsequently. The service can be started or stopped via the Windows service management screen or Windows commands.

 

Windows service management screen: Right click on "My Computer" on your desktop, select "Manage" >> "Services and Applications" >> "Services". Double click on the entry "Wireless Zero Configuration" and you can start or stop the service.

 

Commands: The following two commands can be used to start or stop the service:

net stop wzcsvc

net start wscsvc

 

You can enter these commands by going to "Start" >> "Run"; or you can create a short cut for each command.

 

To create the short cut, start Windows Explorer, locate and right click C:\WINDOWS\system32\net.exe; select "Send To" >> "Desktop." This would create an icon on your desktop. Right click on the icon and select "Properties". Under "General" tab, change the name to "Stop WZC"; under "Shortcut" tab, append " stop wzcsvc" (yes, there is a space before "stop") to the "Target" field. Set up the "Start WZC" shortcut in a similar fashion.

 

You can also put the "Stop WZC" shortcut in the startup folder so it would stop automatically for you.

 

Remember to restart the service if you have to reset the wireless connection.

Some useful things about Web Hosting you probably don’t know!

Web Hosting

The biggest challenge faced by any individual starting a small business, organization, developers or someone who wants to showcase their work is to reach the maximum number of people. The World Wide Web has been such a boon as it gives the individuals and the organizations a platform to publicize their work. Now how can one do that? How can they reach millions of unknown people and tell them what they intend to do? Well the answer is simple by making a website. A website is a web page which will have the entire details, ideas, pictures, videos of the kind of work they are doing so that anyone and anybody can just view it and understand it.

But the question arises as to how does one get an access to the World Wide Web? Is it so easy to create a website? Is it as simple it sounds? Well the answer is yes it is! Here comes the role of web hosting service which would help the individual to make their own website and will also give you a safe and a secure place to keep your information. These safe havens are called as Servers which are provided by a web host company. These servers are kept in a secure place called data centers which are connected to high speed internet facility. These Servers store all your data in form of web pages, graphic files, java scripts etc.

The different types of hosting available are as follows:

• Shared Hosting-where lot of websites sit in a common server. These are equipped with high speed powerful computers that have the capacity of taking the burden without slowing it down.


• Dedicated Hosting-is like asking for a dedicated servant, just to serve your needs. An entire server is just committed for your website/websites.


• Co-Location Hosting-This is equivalent to owning your own house where you have then access to the server 24/7.


• Re-Seller Hosting-where the web hosting company can provide its services to a third party at a nominal fee and who in turn can also re-sell the Server to many more customers.

Advantages of Web-hosting

• A web site is perhaps the first door introduction of the company to its viewers. It has its place in terms of brand value, conveying the right company image, advertise products and services, showcase its capabilities.


• Feedback is the breakfast of champions. A website is also a feedback gatherers which could be enabled such that it could track what kind of web traffic is viewing the hosted content. The crucial information of how many people are interested to know about your company and how much time did they spend on your website, what features and sections of the web content got more attention from viewers.


• The benefit of being able to create several e-mail accounts on your website with which you gain the attention and trust of the customer as you will be communicating through email from your own website.


• The dependability of web community. When a web content gets higher page hits and moves up the web search such as Google search it reflects the uniqueness of the website, the name, the brand that holds the web content and reflects confidence for the users to engage with the website.

Adding user-names to facebook profile

Earlier, if we want to view some one’s profile in Facebook, we need to search for his profile, because we can’t memories the long URL that they had for profiles! But, Facebook started to give Facebook user-names, so that people can go to their profiles by entering www.facebook.com/user-name!

Facebook rolled out this new feature last year… But still people seems to be un-aware of this cool feature. Still I can see many long, un-user friendly, ugly URLS in Facebook! So, I thought of writing about it again with some added content! Last time I didn’t talked about adding user-names for your fan page! But today, you’ll learn it!




How to add user-names to our Profile?

• Go to : http://www.facebook.com/username/


• Now, in the box provided enter the user-name you want and click on “Check availability” to check whether the user name is taken by another person!

Profile User Name

• If your User-Name is available click on “Confirm” to add it

Reasons Why Customers Ignore Your Website

1. Brochure Like Website

Many business owners make the mistake of designing their website like a sales brochure. The website has terrific graphs and pictures of cool looking people. But the site seriously lack quality content. Websites that fall under this category often has a couple of pages of information about the business along with contact information. Because your website lacks quality textual information, search engines are not going to bring you any organic traffic. Gone are the days when a user judged a website based on the quality of graphics. Nowadays more and more users are looking for quality content. Customers are looking for advice and information to solve their problems. Therefore it is very important to focus on writing good content.

2. Outdated

Clients love websites that are regularly updated. By updating your website periodically, you are telling your customers that you are very active in your industry. If the last update date on your web pages are few years old, people will assume that you are not active in your industry.

3. Broken Website

Make sure that your website loads and displays properly on all major browsers. You have to make sure that your website works well in Internet Explorer, FireFox, Chrome, Opera and Safari.

4. Too Slow to Load

If your website takes a long time to load then people are more likely to leave your site without checking it. Slow loading website can also harm your SEO rankings. Select a good webhost. It is worth the investment.

5. Not User Friendly

Your website should be user-friendly in terms of navigation, accessibility and  readability. It is important that you put yourself in your customers shoe and look at the website for their needs and requirements. Spend sometime with your website developer in nailing out the exact requirements for your site. Avoid technical jargon and pay close attention to the language used in your website. Do not leave these important decisions to the web developer.

Conclusion

It is extremely important that you give your website a soul. You do not have to spend thousands of dollars to build a quality website. But you need to give your time and closely work with your developers to make sure that the website truly reflects the nature of your business. Your developer might be an expert in web design, but she may not necessarily be an expert in your industry.

Tips to Write the Perfect Technology Resume

1. Choose a clean layout

2. Choose a readable font such as Helvetica, Calibri or Tahoma (avoid Times New Roman!)

3. Your resume should be no more than 2-3 pages long

4. Most recent work experience first

5. Do not just iterate your duties and responsibilities. Write about your achievement in each position you held. For example, “Reduced software defects by 25%”.

6. Put your name and title in a big bold font

7. List core skills on the first page (only the key skills, all other skills can be listed in the last page)

8. Assume that your resume will be faxed and scanned several times so please use a fairly large font size

9. Keep it short and concise

10. Start off with a few points highlighting your skills and achievements

11. Include hobbies and interests. Gives you an opportunity to talk about them at the interview, a chance to break the ice.

12. Use a skill table in the last page. Specify Skill, Skill Level & Last Used. For example, “Java | Expert | 2009”.

13. Name the resume file with your name, so that the people can easily indentify the document (example, David_Smith_Resume.doc).

14. Send resume in Word and PDF formats

15. No grammar or spelling mistakes

16. Add a cover letter to provide more information on why you are seeking this position

17. If you are a fresh graduate attach university grades (only if you have good grades )

18. Whatever you put in your resume, make sure that you can talk about them confidently at the interview

19. Use strong active verbs. For example, “developed the HR system” is better than “assisted in the development of HR system”.

20. Don’t feel obliged to mention everything you have done in the past. Doing this can overcrowd your resume and bury important points.

21. Leave a lot of white space, managers and interviewers will like to use this space for scribing.

22. Your work experience can be topical (by areas of expertise) or in reverse chronological order

23. Mention technology used with each position held. Employers are looking to find out when and where you used a given technology.

24. Make sure that your resume does not lose any formatting when the content is cut and copied into a text file. Many recruitment agencies cut and copy your resume into a database. If your resume has a fancy format, when you cut and paste, some content may get displaced.

25. Do not use the word “Resume” or “Curriculum Vitae” as the title of your document. It is obvious.

Choosing a Web Host for your Small Business Website

First of all you need to determine your web hosting requirements. For example, the hosting requirements for a law firm will be different to that of an online store selling handmade jewelry. The law firm would not need support for an ecommerce site where as the online jewelry store will definitely need support for an electronic store front. The online jewelry store also needs more space and bandwidth because users of such a website will be browsing through a lot of pictures of jewelry and ornaments.

The following are some questions that you need to ask to choose the right web hosting plan for your small business:

• Are you launching a brand new website?


• How much traffic are you expecting for your website?


• Is your website content heavy? Do you have multimedia content such as Pictures and Videos?


• What kind of software tools will be used to build your website? WordPress Blog? Ecommerce Shopping Cart?

In the following section we’ll look at the main features that you need to look for in a web hosting package.

1. Hosting Type

Web Hosting companies provide customers with different hosting options. The most common hosting solution for a small business website is either Shared Hosting or Virtual Private Server Hosting. In Shared Hosing your website will reside on a computer that host many other websites. Your website will share the same IP address as other websites in that computer. In a Virtual Private Server setup, your website will share the computer with few other websites. While your website shares the same physical computer with other websites, your website will have its own operating system and IP address.

For many small businesses Shared Hosting works just fine. In case Shared Hosting is not adequate for the traffic you receive, you could move to a Virtual Private Server setup. If the traffic volume is really high, then you may have to consider a Dedicated Server for your website. For information on different types of hosting, read my post titled Types of Web Hosting Solutions.

2. Guaranteed Uptimes

Your web hosting provider should provide you with guaranteed uptimes. Uptimes are usually indicated in percentages, for example, 99.5% or 99.9%. Web hosting companies have different ways to calculate the uptimes. Many hosting companies calculate this number for their advantage. For example, a hosting company might exclude scheduled maintenance from the downtime. The information on how uptimes are calculated is usually buried  in the fine print. Therefore the uptime % is not a great indicator of the service provided. But still it is important that you find a hosting company that provides some form of commitments to maintain uptimes. Instead of relying on the uptime information provided by the web hosting company, you should check uptime information published by independent review sites. The best way to find the reliability of a web host is to ask people who use it. TechThinker.com is hosted at HostGator and I am very happy with HostGator’s uptime. According to the site WebHostingStuff.com, HostGator has an uptime percentage of 99.99%.

3. Disk Space and Bandwidth

Nowadays almost all web hosting companies provide ample bandwidth and disk storage space. Bandwidth refers to the total amount of data that can be downloaded from your website on a monthly basis. Disk space refers to the amount of hard disk storage that is allocated to your website on the server computer. In order to exceed a bandwidth of 20GB a typical website should attract around 200,000 visitors per month!

4. Level of Technical Support Provided

Support is a very essential component of a good web hosting package. Make sure your web host provides 24/7 support 365 days of the year. Ensure that the web hosting company you choose provides phone support manned by actual people (instead of automated systems). Many times you can resolve an issue if there is proper documentation. Make sure your web hosting company has good support information and FAQs on their website. Some companies also provide customer support using Internet chat services. A chat based support system is very handy when you want to share a lot of information. For example, you can easily cut and paste the error message. But, reading out the error via the phone might be frustrating and time consuming.

5. cPanel Support

Most web host packages come preinstalled with a Graphical Administration Tool that can be used to perform various tasks. cPanel is the most common and popular admin tool. With cPanel you can do a number of tasks with ease. Example of such tasks include installing a WordPress blog, backing up your website data, displaying web statistics and logs etc. Therefore it is important that you choose a web hosting package that comes preinstalled with cPanel. Another benefit of cPanel is that it allows you to easily transfer your website from one web hosting company to another web hosting company (provided both companies support cPanel).

6.Total Number of Domains Supported

Some hosting packages only allow you to use one single domain name. If the package does not allow multiple domain names then you can only host a single website on that domain. For example, the HostGator’s Hatchling Package does not support multiple domain names where as HostGator’s Baby Package does support multiple domains. If you plan to create new websites in the future under a sub domain, make sure that the package provides support for sub domains as well. For example, a sub domain will look like the following: smallbusiness.techthinker.com.

7. Linux vs. Windows Hosting

Unless your website is built using Microsoft software technologies (such as Active Server Pages) it is highly recommended that you choose a Linux operating system based web hosting package. Linux servers are generally more faster and secured than Microsoft Windows servers. They also have other benefits such as the ability to to create .htaccess file to give custom instructions to your web site.

8. Price & Payment Options

If you want a Shared Hosting package you should be able to get a good plan for about $10 a month. For a Virtual Private Server Hosting expect to spend anywhere from $25 to $50 monthly. If the price offered by the web hosting company is really cheap beware about the quality of the service they provide. Having said that it does not always mean a cheap price means poor quality.

Look for a web host who is willing to provide you with flexible payment options. Make sure that you are not locked into a contract. While by locking into a contract you may be able to get some discount, it will be hard to leave the web hosting company if you are not satisfied with the level of service provided.

9. Reseller Hosting?

Resellers buy hosting packages in bulk from a large web hosting company and then provide you a web hosting service. Resellers usually do not have direct access to all computer systems. Therefore in case of an issue they might have to contact the actual hosting company to get it resolved. Sometimes a reseller is able to provide you a better price than the actual web hosting company. Resellers are able to provide you a better price by stacking many websites into a single machine. Doing this might slow down the performance of your website.

10. Datacenter Close to Your Audience

It is best that you choose a web host that has the data center closer to your audience. For example, if you are from Australia and majority of your customers are from the United States, it makes sense to choose a web host from the US, instead of choosing an Australian based web hosting company.

Do you have any other tips for choosing a web host? Please feel free to share them in the comments section.

The 6 Rules of Blogging?

 



The following is a Guest post by Tom Walker.

Tom Walker is a blogger and designer who works for an ecommerce store (offering HP supplies) as the lead editor and writer on their blog about vintage advertising and print media design.

Successful blog authors have learned that reaching their goals comes through following proven strategies that are known to be effective in delivering new, consistent and productive visitors to any site. If you are new to the blogosphere, here are six rules every successful blogger has learned to implement. Put them into practice with your own unique flair, and you will see steady growth that may well lead to big things.

1. Be Uniquely You: Let’s start there, because to stand out in an increasingly crowded field, you’ll want to create a one-of-a-kind look that is compelling – as opposed to just weird! This will tell your visitors you’ve got a unique perspective and provide something they won’t read in the mainstream of your niche. An approach to the design of the blog that’s uniquely individual will enhance the fresh perspective they are getting in your content. Don’t be afraid to do things differently. Add occasional video or audio or turn over the pen to an expert in the niche from time to time. Read plenty of other blogs in other niches and grab some good ideas, putting your own spin on them. Do some research on the idea of branding yourself, and apply what you learn to your blogging style.

 

2. Deliver Consistent Value: Being unique is great, but if it is not backed up by consistent value, your visitors won’t stick. Post consistently, if not daily, and make every contribution count with new, usable information that your readers can use TODAY! Guess what – this takes work! Those willing to put in the work to be consistently helpful to their readers will be those who reach their blogging goals. That’s why there is always room in a niche for you if you are willing to do what it takes to make your blog a “can’t miss” event for your readers.

3. Work Harder & Smarter Than the Next Guy or Gal: We say “don’t work harder, work smarter!” Success comes from working both harder and smarter. Both characteristics are absolutely essential. When you work really hard to be relevant, helpful and unique, you are creating your own competitive edge. That kind of self-reliance is a hallmark of those who succeed in every kind of endeavour.

4. Be Honest: Ever hear the talk radio guy start casually discussing a product and ¾’s of the way through you realize he’s trying to weave sponsored content seamlessly into his show? Blog readers hate that! Don’t you? If you’re posting sponsored content, let your readers know. In addition, provide an “About” page that gives readers a chance to get to know you, including the intention behind your blog.  Most readers would expect that you blog in order to make some money. They will appreciate you being up front about any partners or affiliates you may have. This is called integrity, and it is foundational to building trust.

5. Care About Your Subject: If you are passionate about your subject matter it will bleed through your content. If you are not passionate, you simply will not be able to keep up the consistency, quality, and hard work it takes to succeed. There are a million topics you build your blog around. Choose one that deeply matters to you, work it really hard, be unique, and success – along with profits – will follow. Any seasoned veteran will tell you that.

6. Engage your Readers in a Conversation: Great blogs are two-way streets. Feature responses to your posts. Highlight great comments, not only in your response section, though that is important, but consider devoting a post now and then to the great feedback you are getting from your readers. This will build readership, and using reader content will mean you don’t always have to have something fresh to say! Harder, smarter blogging will absolutely produce more, and more dedicated, readers.

While blogging may be relatively new, the rules for achieving the success you desire are as old as humanity. These will put you well on your way to producing a blog that many readers consider their most reliable and valuable source of information on topics you cover.

New aditions to iPad 2

The iPad 2 has the following new features:

1. Faster, new dual core A5 processor.


2. 33% less thinner.


3. Lighter than the first generation iPad (1.33 lbs vs 1.5 lbs).


4. Has a front facing camera for video chats.


5. Has a rear facing camera to shoot HD videos.


6. Has HDMI connectivity at 1080 using a special Apple HDMI adapter (no standard HDMI port is present in iPad 2). The adapter will cost you $39. Please note that this adapter could be used with the first generation iPad as well, but the resolution in this instance will be capped at 720.

Innovative group communication over sms

Real-time Interaction and Collaboration has become the latest buzz in the world of social media. If you have used Twitter or FaceBook you’ll know that they can easily sink your time. It’s hard to keep up with your 300+ friends on FaceBook and your 3000+ followers on Twitter. The noise created by today’s social media is a big challenge for businesses to overcome.

While FaceBook and Twitter are great platforms to promote your business they do not give you the best experience when it comes to managing more intimate collaboration and communication with your employees. This is where GroupMe comes into play.

GroupMe is a free service that allows you to simultaneously communicate with a number of mobile devices using either text messaging or conference calling. The best part of GroupMe is that it can work on any mobile device that has support for SMS.

With GroupMe you can create private groups. For example, you can create a group for all your field workers who are on the go. When you create a group, you are given a unique number, that you can use to communicate and collaborate with the whole group.

Currently GroupMe supports a maximum of 25 people per group. This should be more than enough for most small businesses to keep in touch with their employees. While GroupMe is free, the standard SMS rates from your mobile carrier will still apply. GroupMe is currently only available in the United States.

Do you find GroupMe an attractive Social Media tool for your small business? In what other ways can you use GroupMe for your Small Business.

For more information on GroupMe, please visit GroupMe.com

Has Google’s search quality gone down the drain?

Lately, there has been a lot of discussion on how Google has ranked low quality content farms and websites filled with ads over websites that contain higher quality content. People who own these content farms and ad sites have got sophisticated with their SEO methods and techniques allowing them to consistently rank their websites higher than genuine authoritative websites. Google has said that it will get tough with these content farms that are setup primarily to make money via pay per click ads.

But, it looks like things haven’t improved much. For example, search for the text “cricket world cup 2011” and look at the sites that are listed first on the search engine result page. The very first website is a site fully loaded with Adsense ads and other affiliate links. The fact that this website’s domain name matches the exact search phrase could have boosted its rankings to claim the number one spot. This is absurd!

The official website of the ICC Cricket World Cup is listed on a distant seventh place!



Many of you have heard about the new search engine Blekko that has made headlines in the recent past. Blekko promises better quality searches using slash tags. In a nutshell a slash tag allows one to refine and narrow their search. For example, instead of just searching for the term “ipad 2”, you could search it with a slash tag. For example, “ipad 2 /techblogs”. In this example, we have narrowed the search to only technology blogs.

So, I decided to use the slash tag ‘”cricket” in my blekko search and performed the following search: “cricket world cup 2011 /cricket”.

The results returned by blekko were much better in quality than the Google search results. Blekko gave importance to high profile websites such as cricinfo in the search results. But, Blekko too listed the official website at the exact seventh spot as Google.

So what do you think? Has Google’s search quality gone down the drain? Love to hear your thoughts.

Useful PHP + jQuery Components & Tuts for Everyday Project

1. Directory Trees With PHP And jQuery

A simple way to keep track of many files is to use a directory tree. A directory tree lists out files and directories so that it’s easy to find what you’re looking for. In this tutorial, you will learn how to create a directory tree using PHP and jQuery.



Check out the Demo Here

2. Create a Photo Admin Site Using PHP and jQuery

A sceencast tutorial for creating a photo site using PHP, jQuery, and AJAX. You will learn how to retrieve images from a database, create a simple login form with authentication, and then allow for the database to be asynchronously updated.

3. Asynchronous Comments with PHP, jQuery, and JSON

In this article, learn how to create a simple but effective means of capturing and displaying visitor comments using a blend of jQuery, PHP and JSON. In the public forum that is the blogosphere, the ability to capture and display visitor comments on your blogs can give you instant feedback and opinions from the people that matter most – those that read your blog.



Check out the Demo Here

4. PHP ajax login form using Jquery

Create a new PHP ajax login functionality using Jquery. You can easliy switch the data source between database and PHP array, login authentication can be using username or email, or even both of ‘em by changing the config, automattic redirection could be done within the javascript config.



Check out the Demo Here

5. PHP + jQuery Todo List Part 1, part2

This is part 1 of a 2 part series on making a Todo List with PHP and enhancing it with jQuery’s AJAX and manipulation capabilities.



Check out the Demo Here

6. Newsletter module

A PHP, jQuery and AJAX module, which should be great for any newsletter management needs. You just need to copy one file onto your site, and you’re ready to send and archive all newsletters, manage e-mail addresses and categories, and configure a template for your e-mails. Also have an ability of optional password protection. All options can be easily configured at the top of included .php file.



Check out the Demo Here

7. From PHP to XML to jQuery and Ajax

This tutorial will focus on getting data from a database using PHP, converting that to an XML document, and reading that XML in through jQuery via Ajax calls. Seems complex, but is in fact, very easy.



Check out the Demo Here

8. How to Validate Forms in both sides using PHP and jQuery

We are going to learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). It will be interesting to see how to use regular expressions to validate different kind of e-mails, passwords and more.



Check out the Demo Here

9. Create a shoutbox using PHP and AJAX

We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recover data from a MySQL database via PHP in a way asynchronous.



Check out the Demo Here

10. HOWTO: PHP and jQuery upload progress bar

With the controllable jQuery Progress Bar, writing a form upload progress bar seems like a piece of cake now. Hypothetically, all we need is to create the bar, poll for the progress of the file upload, drive the new progress bar value (in percentage) and set it using PHP.



Check out the Demo Here

11. Auto-Complete Field with jQuery, JSON & PHP

Using jQuery with PHP to create auto complete field, beside the auto-complete code we need the jQuery library along with its Dimensions plug-in.

12. A fancy Apple.com-style search suggestion

Learn how to recreate the effect from Apple website by creating a fancy apple.com-style search suggestion. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.



Check out the Demo Here

13. PHP & jQuery image upload and crop v1.2

Create a PHP and jQuery image upload and crop tool using PHP, jQuery, PHP GD Library and Image Area Select.



Check out the Demo Here

14. FlickrScrollr

FlickrScrollr is a combination of PHP and jQuery that parses a Flickr RSS feed and creates an animated thumbnail display.



Check out the Demo Here

15. Reddit-style Voting With PHP, MySQL And jQuery

If you are a regular at Reddit, you must have noticed the way people vote there. You can either vote up or vote down. This tutorial will show you how to create such a voting system with jQuery, PHP and MySQL.



Check out the Demo Here

16. SMTP Feedback Mail class with jQuery Slide Effect

This post is about feedback mail with nice slide effect using php SMTP class and jQuery. It’s very useful to add contact/feedback page to your php websites.



Check out the Demo Here

17. Ajax Add a Record with Button Status Change using jQuery

If you like Facebook and Twitter API method of clicking follow, add a friend button. Where you click the button, the button status changed to ‘You following’ and ‘Remove’ at the same time request inserted into database. This tutorial will show you how to do it.



Check out the Demo Here

18. Refreshing an element at a set time interval using jQuery and a sprinkle of Ajax

Now lets say that you a web page that has a big Block of “something” and inside this “something” you would like to have some information change at a set time interval. Well with Jquery, some PHP and a sprinkle of Ajax, you can get this done quick fast and in a hurry.

Check out the Demo Here

19. CakePHP Ajax “Quick Save” with jQuery

When you are in an administration panel, sometimes you want a “quick save” feature that allows you to save without leaving the page. Here is how to accomplish this with CakePHP and jQuery.

20. PHP / jQuery Image Replacement

This is a tiny plugin that, in combination with a separate server-side script, dynamically replaces the text of an element with an image, generated using fonts you specify. This allows you to use beautiful text in headings without having to manually produce images in Photoshop, GIMP, or similar.



Check out examples here

Top 100 Popular jQuery Examples, Plugins and Tutorials

1. jQuery Lavalamp Menu –

It is the jQuery plugin that is based of Guillermo Rauch plugins for mootools and Ganesh Mawwaha’s jQuery 1.1.x plugins. Through the Sliding Doors CSS/Javascript method, you are able to add a background hover effect on HTML link lists with Lavalamp by utilizing the Eazing library.

2. Superfish Menus – Suckerfish on ‘roids,

This jQuery plugin allows the development of improved Suckerfish style of dropdown menus from the existing pure CSS type of dropdown menu. The features that are added as a result of these include: a timed-delay on mouseout, automatic utilization of hoverIntent plugin when present; obligatory IE6 –hover capability; animated sub-menu; accessibility through keyboard tab key; generation of arrows to indicate the submenus; use of drop shadows for browsers that are capable; and many others.

3. jQuery Context Menu –

This jQuery plugin provides easy implementation, CSS styling, keyboard shortcuts and control methods.

4. Kwicks for jQuery –

This highly versatile and customizable widget had started as just a port for Mootools framework.

5. jQuery iPod-style Drilldown Menu –

jQuery has an iPod-style drilldown menu that helps users traverse hierarchical data with relative ease and control. This feature is very useful in organizing large data structures that don’t translate well into the traditional fly-out or dropdown menus.

 

6. jQuery File Tree –

This jQuery plugin is a configurable AJAX file-browser plugin where you use to create a fully interactive and customized file tree as little as one of the Javascript code.

7. Recreate Mootools Home Page-Inspired Navigation Effect –

Users of jQuery can recreate the same effects that you see in a Mootools.

8. CSS Sprites2 using jQuery –

One can use jQuery to implement CSS Sprites2. One distinct advantage of jQuery over the other javascript libraries is that it allows users to select elements on a pages using CSS-like syntax that we are already familiar with.

9. jQuery Accordion –

It is the jQuery plugin that allows the creation of the accordion menu. It can be used for nested lists, nested divs and definition lists. This plugin has options for structure specification, active element, when necessary, and animation customization.

IMAGE MANIPULATION

10. jQZoom –

It is the jQuery plugin that easily allows the creation a small magnifier window near an image or group of images on the web page. You decide to build jQZoom to embed big images in your B2B. This creates the jQZoom in your eCommerce websites or any other websites.

11. jCrop –

This jQuery plugin allows an easy and quick way of adding image-cropping functionality to web application. This functionality combines the use of typical plug in with a powerful cross-platform DHTML cropping engine that is compatible to common desktop graphics applications.

12. Captify 1.1.0 –

It is a jQuery plugin that creates short and beautiful image captions that appear every time a user’s mouse passes over an image.

IMAGE GALLERIES AND VIEWERS

13. Simple Controls Gallery –

This jQuery tools displays and rotates images by fading it into view over the previous images using navigation controls that pop up when the mouse moves over the gallery.

14. Agile Carousel –

It is a jQuery plugin that provides for the easy creation of a custom carousel. This plugin makes use of PHP to call images from the folder that is specified by the user. Users can configure different options including slide timer length, controls, transition type, easing type and more.

TRANSITION EFFECTS

15. InnerFade –

It is a small jQuery plugin used in the jQuery Javascript Library. This plugin allows using fade effects on any element found within a container in and out. The elements may include divs, list items or images. In order to do this, you have to create your own slideshow and the produce a newsticker or an animation.

16. Easing Plugin –

It is the jQuery plugin that comes from GSGD that provides advanced easing options. This plugin can support a default easing mode. This allows you to set your preferred animation once for all animations. It uses the Robert Penners easing equations for all the transitions.

17. HighlightFade –

It is a jQuery plugin that allows the use of fading effects from one color to any other pre-selected colors at any transition speed and interval of color update using a color progression tactic that is customizable.

18. JQuery Cycle Plugin –

It is a jQuery plugin that is classified as basic slideshow plugin. It is based on the Slideshow plugin by Matt Oakes, jqShuffle plugin by Benjamin Sterling and the InnerFade plugin by Torsten Baldes. This plugin can do auto-stop, before and after callbacks, pause-on-hover, and many other transition effects.

jQUERY CAROUSEL

19. Riding Carousels using jQuery –

It is the jQuery plugin used for controlling items in a list in vertical or horizontal order. The list of items can be loaded with or without AJAX, or can be a static HTML content. It can be scrolled in either direction with or without animation effects.

COLOR PICKER

20. Farbtastic –

It is a jQuery plugin that allows you to add more color picker widgets in a page using Javascript. These widgets are linked to an element and will update the value of that element when one particular color is picked.

21. jQuery Color Picker –

It is a jQuery plugin

that allows you to select color in a way that is almost the same as you pick colors in Adobe Photoshop. This jQuery plugin is a Flat mode element in a page and is easy to customize the look by simply changing the images. It also has powerful controls used for selecting the colors and fits easily into the viewport.

LIGHTBOX

22. jQuery ThickBox –

It is a jQuery plugin that is created using the jQuery library. The function of this jQuery plugin is to resize images that are bigger than the browser window and provides versatility in inline content, images, AJAX content and iFramed content. It will remain at the center of the window even if you change the size of the browser window or you scroll the pages.

23. SimpleModal Demos –

It is a jQuery plugin defined as lightweight plugin that creates a basic interface to provide a modal dialog. This jQuery plugin shall give developers a cross-browser overlay and a container that will contain data provided to SimpleModal

24. jQuery LightBox Plugin –

It is a jQuery plugin that provide an option to present an image on a page in a simple and elegant manner. Under this jQuery plugin, the lightboxes can be assembled in one group and provides many options for configurations. It also provides both the manual and automatic options to create and to start lightboxes.

25. Revealing Photo Slider –

This tool of jQuery allows to create a thumbnail photo gallery where clicking a button would reveal the entire photo and other information about the photo.

26. FancyBox –

This jQuery tool automatically scales large images to fit in windows by adding a nice drop-shadow under the zoomed item. This tool can be used to group items that are related and add navigation between them. It is totally customizable through CSS and settings.

27. Facebox Image and Content Viewer –

It is a lightweight plugin that displays images, divs and remote pages, through AJAX, inline on a page and on demand.

28. jQuery.popeye –

It is a jQuery plugin that converts an unordered list of images into a simple image gallery. When an image is clicked, it enlarges just like with LightBox.

FORM ELEMENTS AND VALIDATION

29. jQuery Form Validation –

It is a jQuery plugin that is fast, unobtrusive, scalable and easy to use validation plug in that offers a variety of methods for all types of validation needs. It comes from the very basic to the more complex schemes of validation.

30. Ajax Form Validation –

This refers to the client aspect of validation using Javascript. The username will perform the validation by checking with the server whether a chosen username is available and valid.

31. jQuery AlphaNumeric –

It is a jQuery plugin that uses javascript to allow you to control what characters a user can use and enter on text areas and text boxes.

32. jQuery.combobox –

It is a jQuery plugin that provides a simple way of producing an HTML type of combobox from the existing HTML Select tags. This plug in was created to provide the solution on the limitation in styling of standard Select tag.

33. jQuery Checkbox –

It is a jQuery plugin that creates a replacement for the standard checkbox. This plugin allows you to modify the look of the elements of the checkbox in the page.

34. File Style Plugin –

It is a jQuery plugin that solves your problem with browsers that does let you style file inputs. This jQuery plugin also allows you to style filename field to normal textfield by using css.

35. Radio Button and Check Box Replacement –

This tool of jQuery replaces the check boxes and radio buttons with a more attractive display.

36. Submit a Form Without Page Refresh –

By using jQuery, you not only can add form validation to wordpress comments without any page reload but also submit your form without a page refresh.

37. jQuery AJAX Contact Form –

Users of jQuery can make an AJAX contact form with a “honeypot” to foil email bots, load success and error messages without leaving the page and provides descriptive error messages detailing the reasons for the failed validation of the submitted value.

38. jQuery Form Validation –

This form of jQuery can show form-input validators both the browser-side and server-side

STAR RATING

39. Simple Star Rating System –

It is a jQuery plugin used for star rating system. This jQuery system was created with the basic framework of the star rating system of Wil Stuckey. This jQuery plugin provides the solution on the problem of the original script requiring too much coding. It also did away with the requirement for developing a star system.

40. Half Star Rating Plugin –

It is a jQuery plugin that was developed in response to the clamor for an enhancement of the simple rating system of Ritesh Agrawal and allow for the use of half-star rating system.

TABLE PLUGINS

41. Table Sorter Plugin –

It is a jQuery plugin that is used to turn a standard HTML table with TBODY and THEAD tags into a table which is sortable without resorting to page refreshes. This jQuery plugin can effectively sort and parse multiple data including data in a cell that are linked.

42. Autoscroll Plugin for jQuery –

It is a jQuery plugin that provides for hotspot scrolling of webpages. This jQuery plugin will still work even with earlier versions of jQuery.

43. Scrollable HTML Table Plugin –

It is a jQuery plugin that is used to convert HTML tables into scrollable tables. This jQuery plugin solution does not require any additional coding.

44. Table Row CheckBox Toggle –

This jQuery tool adds a toggle function to any table row that you specify based on a CSS class name. This tool will toggle on by default any check boxes within that table row.

45. Tablesorter –

This is a jQuery plugin that allows you to turn a standard HTML table with <td> and <th> tags to a sortable table without refreshing the page. This plugin can successfully parse and sort many kinds of data in a cell.

46. TableEditor –

This tool allows flexible in-place editing of HTML tables. Users can easily drop handler functions to update.

ROUNDED CORNERS

47. jQuery Curvy Corners –

It is a jQuery plugin that allows for the creation of nice looking rounded corners without the use of images. It is a jQuery plugin considered to be unobtrusive and can work well with all major browsers which include iPhone. Another nice feature about this jQuery plugin is that the corners to be rounded and its radius can be set easily.

OTHER JQUERY PLUGINS

48. HeatColor Plugin –

It is a jQuery plugin that provides color to elements and determined by a value derived from that element. This derived value comes from a range of value which are either pre-designated or passed in. The element is then assigned a “heat” color which is derived from the position of the value within the range of values.

49. jQuery Date Picker –

It is a jQuery plugin that is considered unobtrusive and clean. It adds date-entry functionality to web forms and pages. It was created from the basics up in order to attain flexibility and extensibility. It has varied options of use that allow you to all a calendar widgets to web pages and forms.

DYNAMIC CONTENT

50. Create a Log-in Form with jQuery –

One can create a sliding panel that slides in to reveal new content and animate the height of the panel through jQuery.

51. Spoiler Revealer with jQuery –

This is a technique in jQuery that can hide and reveal content with animation effect once it is clicked.

52. AJAX Upload –

It is a jQuery plugin that provides for easy uploading of multiple files without having to refresh the page. This plugin also allows the use of any element to trigger the file selection window.

53. FCBKcomplete –

jQuery also provides users with Facebook-like dynamic inputs along pre-added and auto-complete values.

54. Create Accessible Charts Using jQuery and Canvas –

Users of jQuery can use the <canvas> element to illustrate HTML table data. This technique makes data in a table accessible and while the chart is being shown for visual improvement.

MANIPULATING CONTENT

55. jQuery Books Widget –

One can use jQuery with some custom Javascript to create interesting widgets like a browsable Amazon.com books widget.

56. Text Size Slider –

Users of jQuery can control the text size of an article on a page using a slider. This feature of jQuery allows the user to control exactly the size they prefer and is a very impressive feature to have on a site.

57. Pagination –

Users of jQuery can group large numbers of items into pages and present navigational elements that allow users to move easily from one page to another.

58. Coda-Slider –

This jQuery tool also groups items together through navigational elements that allow users to traverse the pages.

59. Slick Auto-Playing Featured-Content Slider –

This jQuery plugin allows users to cycle through panels and auto-playing different kinds of custom content. It features an arrow indicator to guide users on which panel he is currently viewing.

BROWSER TWEAKS

60. Setting Equal Heights with Query –

Through jQuery, users can utilize a script that can equalize the box heights within the same container to create a tidy grid.

61. jQuery IE6 PNG Transparency Fix –

This is a bug fix that uses jQuery selectors to automatically fix all PNG images in a page.

62. BGI Frame –

This jQuery tool helps users in dealing with IE z-index issues.

63. Fix Overflow –

This jQuery bug fix solves the issue on the scroll bar covering overflowing elements when the element is only one line.

64. Lazy Load –

This tool can delay the loading of images below the fold on long pages, loading the images only when the user scrolls down on that part of the page.

65. Maxlength –

This jQuery plugin automatically limits the number of characters a user can input in a field and giving feedback on how many spaces are remaining.

ANIMATION EFFECTS

66. Scrollable –

It is a lightweight and flexible jQuery plug-in used to create a scrollable content. It can contain any HTML, including images, forms, text, video or a combination of any of them.

67. Fading Menu-Replacing Content –

This jQuery tool lets users to utilize animation and change the way to style a page on-the-fly to react to events that happen on your page.

68. Build an Animated Cartoon Robot with jQuery –

jQuery is able to provide an animation effect that simulates a faux 3-D animated background just like what are seen on scrolling video games.

TOP jQUERY TIPS

69. Prevent Animation Queue Build-up –

Through jQuery, this natural queuing of animations is easy to code and user can move on to other important tasks

70. Rotate Through Tabbed Content –

Through this functionality of jQuery, the movement is more likely to catch the user’s eyes, thus increasing the chances they will notice the tabbed box and allow the user to see all the content of the box instead of just the first tab.

71. Stopping the Rotation –

This technique allows users to stop the rotating of tabs and stop it from switching when you are interacting with them. The technique involves some editing a couple of lines from the document ready function.

72. Build a Tabbed Content with CSS and jQuery –

This technique outlines the steps required to easily customize to fit the size and color scheme, use fixed or variable height, automatically rotate through the tabs and stop the rotation when the user needs to.

73. Advanced CSS Accordion Effect –

This technique is improved by the use of Javascript and all browsers will handle this technique even without JS enabled.

74. Consistent Base Font Size –

This is the best jQuery technique to gain control over your font sizes until IE finally support the resizing of text in pixels.

75. Maintain Consistent Margins –

This jQuery technique enables users to remove the margin and padding from every element instead of CSS resets.

76. Set a Float to Clear a Float –

This jQuery is one of the most important things to understand with CSS. However, it is also important to learn how to clear floats.

77. Image Replacement –

This image replacement technique involves the positioning an image over the top of the HTML. One feature of this technique is that even when images are disabled, the text is still visible.

78. Faux Columns –

This technique allows 2 adjacent columns with unequal amounts of content to have 1px tall background image being repeated vertically in the containing element of the 2 columns.

79. Animate a Hover with jQuery –

This technique allows users to animate an image while hovering over it and allow users to see information while doing that

80. Background Image Animation Using jQuery –

This technique involves producing animation effects by changing the position of the background image.

81. Animated Menu using jQuery –

This technique involves the use of animated menu using CSS, XHTML and javascript.

82. Create an Animated Navigation with CSS and jQuery –

This technique provides for the creation of a cool navigation enhanced with animation effect and visual feedback.

83.Load in and Animate Content with jQuery –

This technique uses AJAX functionality so that the content loads into the relevant container instead of having to navigate to another page.

84. Implementing Prototype’s Array Methods in jQuery –

This technique gives a particular array all the methods that Prototype adds to their Array and Enumerable objects.

85. 43,439 Reasons to Use Append() Correctly –

This technique provides for the proper way of using this jQuery method. Although an extremely easy and useful method to work with, it can significantly affect the performance of the page.

86. Collapsible Content Using jQuery –

This technique provides the steps in having the content collapsible through simple jQuery codes.

87. Minimize Manipulation of DOM –

We can further make the code faster if we cut down on the frequency that we insert into the DOM. Insertion operations of DOM will make things slow down.

88. Give context to your selectors –

When you use the selector, the entire DOM will be traversed as a result of the action. This can be a very expensive process.

jQUERY TUTORIALS

89. How jQuery Works –

This is a featured tutorial on jQuery by John Resig, the creator of jQuery. This is an ideal basic tutorial for those who are starting to learn jQuery for the first time.

90. jQuery in 15 Days –

This is a 15 day tutorial that turns you from a greenhorn to an expert in 15 days.

91. Bassistance –

This tutorial covers the basics of jQuery up to the more advanced topic like building plugins.

92. Remy Sharp’s Blog –

He has written numerous tutorials and plugins and he is also the person responsible for the very helpful

jQueryForDesigners

website which also provides useful tutorials in answer to request of readers.

93. CSS Tricks –

This reference site is full of examples, tips, tricks, tutorials and news about cascading style sheets (CSS).

94. jQuery Cheat Sheets –

It provides to aspects of cheat sheets. These are: those made for iPod and other mobile devices; and those with the A4 cheat sheet.

95. How to Build jQuery Plugins –

One can try any of the following tutorials: A

Plugin Development Pattern

;

Developing a jQuery Plugin

; and

Building your First jQuery Plugin

.

96. jQuery Pop-up Menu Tutorial –

This is a tutorial material that focuses on pop-up link menu.

97. The jSkinny on jQuery –

It is a tutorial that covers jQuery javascript library.

98. How to Get Anything You Want –

This is an introductory tutorial on traversal methods and jQuery selectors and their use in DOM navigation

99. It’s all about CSS –

As

the title suggests, this tutorial is all about CSS selectors. Once you learn from this tutorial, you can now easily query the DOM.

100. jQuery Crash Course –

This tutorial is designed for web designers with advanced knowledge of codes.

Most popular CSS3 and jQuery Examples

Introduction

CSS3 is getting a lot of attentions recently. Myself, as a front end developer, I'm absolutely in love with CSS3. Rounded corner, drop shadow and rotation couldn't be easier! The only drawback is, CSS3 standard is not fully implemented by most browsers and also, I believe you will get a lot of CSS validation errors as well. However, there are quite a lot of websites start using it already, for example, Twitter, it uses rounded border, and replace the rounded border with images if you viewed it with IE 7 or 8, and totally ignore IE6 users (*salute*, well done twitter).

And another great example with CSS3 and CSS3 animation: Neutron Creation

This post is all about CSS3 and Javascript. With all the new features that come with CSS3, there are whole lot of animation possibilites that can't be achieve before. So, Check this out and get inspired!

• Polaroid photo viewer with CSS3 and jQuery | demo
  
  By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you'll see the shadow. When it's placed down, it's rotated to the left or the right (random).


• Sweet AJAX Tabs With jQuery 1.4 & CSS3 | demo
  
  Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This allows you to squeeze much more content in a seemingly limited space and provide a structured way of accessing it.


• jSlickmenu: A jQuery plugin for slick CSS3 menus- demo
  
  The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It's fairly easy to use, highly customizable and pretty cool (and fun!) to see.


• jQuery CSS3 Lightbox Gallery Script - demo
  
  The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it, and with tutorial teach us to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques.


• CSS3 Styled jQuery Dropdown | demo
  
  This is really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let’s add some neat style to it.


• images gallery using css3 and jquery | demo
  
  This is tutorial for creating a very simple but great looking css3 image gallery using jquery and css3. The image gallery will be tited to the side and on hover will move. Whenever you click on the image a lightbox will pop out. So lets begin.


• Old School Clock with CSS3 and jQuery | demo
  
  It all started when I was looking at the WebKit blog and saw an article on the new CSS3 animations and the one that caught my eye was ‘rotate’. I started thinking what the hell can you rotate on a webpage (it’s animated GIF’s times ten!). Then it hit me — a clocks hands rotate! Bingo!


• jQuery DJ Hero - CSS3 and jQuery fun - demo
  
  By combining CSS3 and jQuery, I created two records that you can start spinning (faster and slower) and even scratching is enabled. In a future version, this could be used together with some real sound (this version has no sound).


• Floated lists with CSS3 and jQuery | demo
  
  We should all be using advanced CSS selectors by now—they make our lifes so much easier! In this quick tutorial, I’m going to explain how you can have a nicely floated list of items. We will use jQuery to make sure IE understands it too.


• Windows Aero using CSS3 and jQuery | demo
  
  Windows Aero-look with a little gaussian blur and a couple of lines of jQuery, and we can make a draggable window inside a webpage act like a desktop window.

jQuery Accordion Menus, Tutorials And Examples

1. Yup, Yet another JQuery Accordion Plugin

Simple free jQuery accordion plugin. Available in 4 versions. Check out the tutorial how to use it, get the code, and download all the source files. Some of the new features:

• Built according to the JQuery Plugin pattern


• No more need for menus to have an ID


• An ‘active’ class is now added to each toggle that has an open panel below it


• Panels that hold other things than lists. You can now add anything


• Nested accordions

Check out the demo here.

2. jQuery UI Demo

See examples of different use of accordion, see how to set it up, get the source and read about Options, Events, Theming.

3. Stupid Simple jQuery Accordion Menu

Very detailed tutorial about including jQuery in your mockup, creating the JavaScript, creating CSS and HTML.  You can also view the demo and download all files.

4. Making Accordion Menu Using jQuery

In this post, you’ll see two examples of accordion. First menu’s visibility gets toggled on clicking on the header while the another menu’s visibility gets toggled when mouse is moved over it. See the tutorial and download source files as well.

5. jQuery Accordion Menu

Step by step tutorial that will take you through the creation of a jQuery accordion menu. Of course, you can view the demo and download source files.

6. jQuery Examples – Horizontal Accordion

Learn how to create easy horizontal accordion menu.

7. jQuery – Horizontal Accordion

This jQuery plugin allows you to easily transform any unordered list into a horizontal menu. Explore tutorial, see documentation and different examples of use here.

8. State-Saving jQuery Accordion Menu Without Reloading the Page

Learn how to create tweaked accordion menu, in which you can bookmark and re-access sections without re-clicking on them. View demo and download source too.

9. Accordion Menu Screencast Tutorial

Learn how to build a simple, unobtrusive, accordion style menu using basic events and animations.

10. Regular and Hover Accordion Menus

See example of hover accordion menu, learn how to create it and download the plugins.

11. Haccordion – Simple Horizontal Accordion Plugin for jQuery

Simple and fast plugin for creating simple horizontal accordion menus. Demo included.

12. Exactly How to Create a Custom jQuery Accordion

The plan for this tutorial is to show how to create an accordion using the jQuery UI function, then create one using some custom coding. You’ll be using a blog sidebar as an example. View demo and get the source.

13. Simple Accordion w/ CSS and jQuery

Detailed tutorial how to create great looking accordion menu. You can also check out Toggle tutorial. View demo.

14. Accordion Madness

One of the options how to create accordion menu.

15. A Simple and Beautiful jQuery Accordion Tutorial

Learn how to create the well-known JavaScript accordion with the most minimal amount of HTML, CSS, JS and of course, with a beautiful interface as well. Check out demo and download source.

16. Slide Out and Drawer Effect

This tutorial will walk through how to create your own simple plugin, and then replicate the Apple downloads drawers using the very excellent Accordion plugin. Demo and code included.

17. Create Simplest Accordion Menu using jQuery

Another simple tutorial how to create standard accordion menu. View demo and download files.

18. TinyAccordion JavaScript Accordion

This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. It now includes multi-level support, a parameter to determine whether only one panel can be expanded concurrently, and a hide/show all toggle. For more information visit leigeber.com.

19. Javascript Accordion Menu Wizard

Javascript Accordion Menu is an image based site navigation menu. Scriptocean Accordion Menu Wizard supports horizontal and vertical accordion menus. Download here.

20. Horizontal JavaScript Accordion 1kb

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

Examples

21. Alex Cohaniuc Portfolio

22. Deluge Studios

23. Rzmota

24. Screenfluent

25. Artisanmedia

26. Exotics RTC

27. Two Chaps

28. Ten 18 Photography

29. We Are Lighthouse

30. DJ Eric C

Extra: Grid Accordion – $8

Perfect for a grid gallery. The usual worry about displaying multiple images at the same time is eliminated here because of its smart code structure. Seen in Code Canyon, a marketplace of Envato where all sold items are topnotch in quality because before they even get to be showcased, experts see to it that products are up to standards. Plus very warm support from the coder himself/herself!