Creating a Facebook-like Registration Form with jQuery

Facebook is a showcase of great UI design. And as it has become a major part of our lives, it has also raised the bar for web development, pushing developers to meet higher expectations.

This however has a good side – it challenges web developers and designers to better themselves and constantly improve their work.

In this tutorial, we are going to learn from the best, and create a facebook-like sign up form. So go ahead to start learning!

Read more+++

Some Useful Jquery Applications for your Web

• jQuery File Tree Demo – abeautifulsite.net
• FastFind Menu Script – (http://labs.activespotlight.net/jQuery/menu_demo.html)
• Creating accessible charts using canvas and jQuery – filamentgroup.com
• Building a better web forms: Context highlighting using jQuery – jankoatwarpspeed.com
• Color Picker – jQuery plugin – eyecon.ro
• jquery Hover Sub Tag Cloud – noupe.com
• Photo Slider Tutorial – (http://opiefoto.com/articles/photoslider)
• jQuery lightBox Plugging – leandrovieira.com
• Fancy Box – Simple and fancy jQuery plugin – fancy.klade.lv
• jQuery Plugin – Page Peel – smple.com
• PHP & jQuery image upload and crop – webmotionuk.co.uk
• Spacegallery – jQuery plugin – eyecon.ro
• wSlide – jQuery Plugin – webinventif.fr
• Accordion Content script (v1.6) – dynamicdrive.com
• jQuery auto-tabbing and filter plugin – lousyllama.com
• jQuery plugin: Autocomplete – bassistance.de
• NyroModal :: jQuery Plugin – nyromodal.nyrodev.com
• imgAreaSelect – odyniec.net
• jWYSIWYG – WYSIWYG jQuery Plugin – projects.bundleweb.com.ar
• Gradient jQuery plugin – davidwees.com
• jQuery.ScrollTo – flesler.blogspot.com
• jQuery.Preload – flesler.blogspot.com
• jQuery.ScrollShow – demos.flesler.com
• jQuery Lightbox Plugin (balupton edition) – balupton.com
• JQZOOM updated to Evolution – mind-projects.it
• jRails – jQuery on Rails – ennerchi.com
• jQuery Helper for Komodo Media CSS Star Rater (Redux) – m3nt0r.de
• jquery.biggerlink – ollicle.com
• haccordion, a simple horizontal accordion plugin for jQuery – letmehaveblog.blogspot.com
• LavaLamp for jQuery lovers! – gmarwaha.com
• jQuery Image Strip – blog.joshuaeichorn.com
• jQuery Thumbs – joanpiedra.com
• jQuery.flickrGallery – ptflickrgallery.sourceforge.net
• jQuery idTabs – sunsean.com
• jQuery UI Datepicker Project – marcgrabanski.com
• jQuery Flickr – projectatomic.com
• Simple jQuery form validation – willjessup.com
• Farbtastic: jQuery color picker plug-in – acko.net
• What is jCarousel Lite? – gmarwaha.com
• Effect Delay Trick – learningjquery.com
• Interface Imagebox demo – intelliance.fr
• Updated JQuery Nested Tab Set with Demo – blog.cutterscrossing.com
• jCarousel Riding carousels with jQuery – sorgalla.com
• AutoScroll for jQuery – jdsharp.us
• jqUploader Demonstration – pixeline.be
• InnerFade with JQuery – medienfreunde.com
• jQuery Portlets – sonspring.com

Some Helpfull Tools to find broken links in your website

When you are working on many pages lets say 100 to 1000 pages, some times we do mistakes that we forgot to give links for the respective URL’s – it turns to a Broken Link (nothing but a 404 error). It will become a nightmare for the webmaster to get hold of these broken links from those 100 pages. To get rid of these types of head-aches, we have online web tools as well as desktop tools which tells us about where these broken links exists in a page or number of pages. You can easily find out and rectify these types of errors.

Below listed are most widely used tools by most of web masters, and I would like to recommend these tools since this going to help us a lot in finding out these errors very easily:

1. W3C Link Checker (Web Tool)

This is a web tool launched by W3C, this Link Checker looks for issues in links, anchors and referenced objects in a Web page, or recursively on a whole Web site. Link checker is part of the W3C’s validators and Quality Web tools – W3C Link Checker

2. Web Link Validator (Desktop Tool)

This Web Link Validator checks for Site Integrity, Syntax Validation, Automatic Reporting and it runs on any system that is with Windows 98/Me/NT/2000/XP/2003/Vista – Web Link Validator

3. Xenu’s Link Sleuth (Desktop Tool)

It check websites for broken links and links verification is also done on “normal” links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. It has got many more additional features, if you want to know more about the features, please to click here for the same.

4. Dead-Links.com – Free Broken Link Checker (Web Tool)

Put in your website or weblog home page URL in the input box and a little spider will read the html code and check for the broken links – Dead-Links.com – Free Broken Link Checker

5. LinkChecker 0.6.3 by Kevin Freitas (Browser Add-on)

LinkChecker 0.6.3 is a very good firefox add-on, it check the validity of links of any webpage – LinkChecker 0.6.3

6. LinkTiger (Web Tool)

LinkTiger has got very good features like there is no software installation, just register and find out whether your site has got any broken links, it even scans CSS, PDF, Flash, & MS Office files – LinkTiger

7. Link Checker Pro (Desktop Tool)

Link Checker Pro is the leading solution for website analysis and the detection of broken and other problem links. Link Checker Pro combines powerful features and an easy to use interface and is robust enough to deal with corporate websites containing 100,000 links or more.

Link Checker Pro

Hope the above listed tools may help you in finding out broken link in your site.

30+ Useful WordPress Plugins

A WordPress Plugin is a program, or a set of one or more functions, written in the PHP scripting language, that adds a specific set of features or services to the WordPress weblog, which can be seamlessly integrated with the weblog using access points and methods provided by the WordPress Plugin Application Program Interface (API).

There are tons of WordPress plugins out there. Some of them can be really helpful, while others are just a waste of disk space. Let’s take a look at 32 really useful WordPress plugins and why you should use them.

1. Google XML Sitemaps

2. All in One SEO Pack

3. WordPress Database Backup

4. Contact Form 7

5. Google Analytics for WordPress

6. PXS Mail Form

7. WP e-Commerce

8. ShareThis

9. Redirection

10. Yet Another Related Posts Plugin

11. Sidebar Widgets

12. Get Recent Comments

13. Akismet

14. WP lightbox 2

15. Ultimate Tag Warrior 3

16. My Page Order

17. Adsense-Deluxe

18. Search Regex Plugin

19. Tweetmeme

20. WP-SpamFree Anti-Spam

21. Theme Authenticity Checker

22. List Category Posts

23. Expanding Text Plugin

24. Actionable

25. Advanced Tagline

26. Sodahead Polls

27. Minimum Comment Length

28. Blogging Tips

29. Gravatar Recent Comments

30. WordPress Super Cache

31. WPtouch: WordPress on iPhone, iPod & Android

32. Blog Alerts

How to Avoid blank line in RSS???

When I made this site, I spend hours figuring out why my feed wasn’t working. There are several examples in the WordPress Support Forums telling, that feeds aren’t working because of a blank line in the beginning of the feed before the XML declaration. Some feedreaders have no problem with this, but Feedburner does. And Feedburner is very important.

Well, let’s get to it! The fix was found at Wejn.org and is very simple to use. First of all, you need to download the script file, called wejnswpwhitespacefix.php and upload it to your blog’s root (in the same folder as index.php. Then, get your index.php file. It usually looks something like this:

Read More>>