20 Fresh jQuery Plugins For Web development

jQuery is one popular Javascript library, and for good reasons! It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out, they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like WordPress, joomla and Drupal.

So this post collection of the amazing latest jQuery plugins resources and tutorials that can add a spark of creativity into your web design.

1. FacyBox – jQuery Based Facebook/FancyBox Style Lightbox

FacyBox is a jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages. Basically it is a FaceBox with FancyBox look.

2. jQuery Infinite Carousel Plugin

Unlike most carousel plugins which stop when they get to the last image, jQuery Infinite Carousel Plugin allows the show to go on infinitely without any user intervention.

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

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

open source web based code editor – ecoder

ecoder is a open source web based code editor written in PHP and JavaScript, which offer real-time syntax highlighting , a file browser, file uploader, and tabbed system to allow multiple files to be edited at the same time.

Real-time syntax highlighting is handled by textarea and keyboard short-cuts lend it the feel of a locally installed application. Currently ecoder in beta stage as this project is not yet finished. ecoder works with most standards compliant browsers which have JavaScript enabled. internet explorer 6 is not supported.

keyboard shortcuts for ecoder :

Tab: add tabulation to text
Shift+Tab: remove tabulation to text
Ctrl+f: search next / open search area
Ctrl+r: replace / open search area
Ctrl+h: toggle syntax highlight on/off
Ctrl+g: go to line
Ctrl+z: undo
Ctrl+y: redo
Ctrl+e: about
Ctrl+q, Esc: close popup
Access key E: Toggle editor

240+ awesome Jquery Plugins

jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all other jQuery Lovers out there. At the moment there are about 240+ awesome Plugins in the List I’m sure that there are a lot of other plugins out there – so if you knew one that’s not in the list please post a comment and i will add it. Thanks!

File upload

Ajax File Upload
jQUploader
Multiple File Upload plugin
jQuery File Style
Styling an input type file
Progress Bar Plugin

Form Validation

jQuery Validation
Auto Help
Simple jQuery form validation
jQuery XAV – form validations
jQuery AlphaNumeric
Masked Input
TypeWatch Plugin
Text limiter for form fields
Ajax Username Check with jQuery

Form – Select Box stuff

jQuery Combobox
jQuery controlled dependent (or Cascadign) Select List
Multiple Selects
Select box manipulation
Select Combo Plugin
jQuery – LinkedSelect
Auto-populate multiple select boxes
Choose Plugin (Select Replacement)

Form Basics, Input Fields, Checkboxes etc.

jQuery Form Plugin
jQuery-Form
jLook Nice Forms
jNice
Ping Plugin
Toggle Form Text
ToggleVal
jQuery Field Plugin
jQuery Form’n Field plugin
jQuery Checkbox manipulation
jTagging
jQuery labelcheck
Overlabel
3 state radio buttons
ShiftCheckbox jQuery Plugin
Watermark Input
jQuery Checkbox (checkboxes with imags)
jQuery SpinButton Control
jQuery Ajax Form Builder
jQuery Focus Fields
jQuery Time Entry

Time, Date and Color Picker

jQuery UI Datepicker
jQuery date picker plugin
jQuery Time Picker
Time Picker
ClickPick
TimePicker
Farbtastic jQuery Color Picker Plugin
Color Picker by intelliance.fr

HTTP status codes

When a request is made to your server for a page on your site (for instance, when a user accesses your page in a browser or when Googlebot crawls the page), your server returns an HTTP status code in response to the request.

This status code provides information about the status of the request. This status code gives Googlebot information about your site and the requested page.

Some common status codes are:

• 200 – the server successfully returned the page
• 404 – the requested page doesn’t exist
• 503 – the server is temporarily unavailable

A complete list of HTTP status codes is below. Click the link for more information. You can also visit the W3C page on HTTP status codes for more information.

1xx (Provisional response)
Status codes that indicate a provisional response and require the requestor to take action to continue.

Code	Description
100 (Continue)	The requestor should continue with the request. The server returns this code to indicate that it has received the first part of a request and is waiting for the rest.
101 (Switching protocols)	The requestor has asked the server to switch protocols and the server is acknowledging that it will do so.

2xx (Successful)

Status codes that indicate that the server successfully processed the request.

Code	Description
200 (Successful)	The server successfully processed the request. Generally, this means that the server provided the requested page. If you see this status for your robots.txt file, it means that Googlebot retrieved it successfully.
201 (Created)	The request was successful and the server created a new resource.
202 (Accepted)	The server has accepted the request, but hasn’t yet processed it.
203 (Non-authoritative information)	The server successfully processed the request, but is returning information that may be from another source.
204 (No content)	The server successfully processed the request, but isn’t returning any content.
205 (Reset content)	The server successfully proccessed the request, but isn’t returning any content. Unlike a 204 response, this response requires that the requestor reset the document view (for instance, clear a form for new input).
206 (Partial content)	The server successfully processed a partial GET request.

3xx (Redirected)
Further action is needed to fulfill the request. Often, these status codes are used for redirection. Google recommends that you use fewer than five redirects for each request. You can use Webmaster Tools to see if Googlebot is having trouble crawling your redirected pages. The Crawl errors page under Diagnostics lists URLs that Googlebot was unable to crawl due to redirect errors.

Code	Description
300 (Multiple choices)	The server has several actions available based on the request. The server may choose an action based on the requestor (user agent) or the server may present a list so the requestor can choose an action.
301 (Moved permanently)	The requested page has been permanently moved to a new location. When the server returns this response (as a response to a GET or HEAD request), it automatically forwards the requestor to the new location. You should use this code to let Googlebot know that a page or site has permanently moved to a new location.
302 (Moved temporarily)	The server is currently responding to the request with a page from a different location, but the requestor should continue to use the original location for future requests. This code is similar to a 301 in that for a GET or HEAD request, it automatically forwards the requestor to a different location, but you shouldn’t use it to tell the Googlebot that a page or site has moved because Googlebot will continue to crawl and index the original location.
303 (See other location)	The server returns this code when the requestor should make a separate GET request to a different location to retrieve the response. For all requests other than a HEAD request, the server automatically forwards to the other location.
304 (Not modified)	The requested page hasn’t been modified since the last request. When the server returns this response, it doesn’t return the contents of the page. You should configure your server to return this response (called the If-Modified-Since HTTP header) when a page hasn’t changed since the last time the requestor asked for it. This saves you bandwidth and overhead because your server can tell Googlebot that a page hasn’t changed since the last time it was crawled .
305 (Use proxy)	The requestor can only access the requested page using a proxy. When the server returns this response, it also indicates the proxy that the requestor should use.
307 (Temporary redirect)	The server is currently responding to the request with a page from a different location, but the requestor should continue to use the original location for future requests. This code is similar to a 301 in that for a GET or HEAD request, it automatically forwards the requestor to a different location, but you shouldn’t use it to tell the Googlebot that a page or site has moved because Googlebot will continue to crawl and index the original location.

4xx (Request error)
These status codes indicate that there was likely an error in the request which prevented the server from being able to process it.

Code	Description
400 (Bad request)	The server didn’t understand the syntax of the request.
401 (Not authorized)	The request requires authentication. The server might return this response for a page behind a login.
403 (Forbidden)	The server is refusing the request. If you see that Googlebot received this status code when trying to crawl valid pages of your site (you can see this on the Web crawl page under Diagnostics in Google Webmaster Tools), it’s possible that your server or host is blocking Googlebot’s access.
404 (Not found)	The server can’t find the requested page. For instance, the server often returns this code if the request is for a page that doesn’t exist on the server. If you don’t have a robots.txt file on your site and see this status on the robots.txt page of the Diagnostic tab in Google Webmaster Tools, this is the correct status. However, if you do have a robots.txt file and you see this status, then your robots.txt file may be named incorrectly or in the wrong location. (It should be at the top-level of the domain and named robots.txt.) If you see this status for URLs that Googlebot tried to crawl (on the HTTP errors page of the Diagnostic tab), then Googlebot likely followed an invalid link from another page (either an old link or a mistyped one).
405 (Method not allowed)	The method specified in the request is not allowed.
406 (Not acceptable)	The requested page can’t respond with the content characteristics requested.
407 (Proxy authentication required)	This status code is similar 401 (Not authorized); but specifies that the requestor has to authenticate using a proxy. When the server returns this response, it also indicates the proxy that the requestor should use.
408 (Request timeout)	The server timed out waiting for the request.
409 (Conflict)	The server encountered a conflict fulfilling the request. The server must include information about the conflict in the response. The server might return this code in response to a PUT request that conflicts with an earlier request, along with a list of differences between the requests.
410 (Gone)	The server returns this response when the requested resource has been permanently removed. It is similar to a 404 (Not found) code, but is sometimes used in the place of a 404 for resources that used to exist but no longer do. If the resource has permanently moved, you should use a 301 to specify the resource’s new location.
411 (Length required)	The server won’t accept the request without a valid Content-Length header field.
412 (Precondition failed)	The server doesn’t meet one of the preconditions that the requestor put on the request.
413 (Request entity too large)	The server can’t process the request because it is too large for the server to handle.
414 (Requested URI is too long)	The requested URI (typically, a URL) is too long for the server to process.
415 (Unsupported media type)	The request is in a format not support by the requested page.
416 (Requested range not satisfiable)	The server returns this status code if the request is for a range not available for the page.
417 (Expectation failed)	The server can’t meet the requirements of the Expect request-header field.

5xx (Server error)
These status codes indicate that the server had an internal error when trying to process the request. These errors tend to be with the server itself, not with the request.

Code	Description
500 (Internal server error)	The server encountered an error and can’t fulfill the request.
501 (Not implemented)	The server doesn’t have the functionality to fulfill the request. For instance, the server might return this code when it doesn’t recognize the request method.
502 (Bad gateway)	The server was acting as a gateway or proxy and received an invalid response from the upstream server.
503 (Service unavailable)	The server is currently unavailable (because it is overloaded or down for maintenance). Generally, this is a temporary state.
504 (Gateway timeout)	The server was acting as a gateway or proxy and didn’t receive a timely request from the upstream server.
505 (HTTP version not supported)	The server doesn’t support the HTTP protocol version used in the request.

10 reasons to make your site mobile……

Here are ten reasons why you should get a .mobi domain name and make your site mobile:
1. There are four times as many mobile phones sold as PCs. That’s 1.3 billion people who can access the internet on their mobile phones.

2. The mobile web is a new marketing channel that’s predicted to generate $150 billion by 2011.

3. According to Nielsen, mobile internet extends the audience reach of many leading internet sites by an average of 13% over PC traffic alone. That means a mobile web site is likely to increase the overall size of your audience.

4. “.mobi” means “mobile” like “.com” means “commercial” on a “computer.”

5. .mobi is a trustmark that tells your customers your site works on mobile phones and that your content is relevant to their mobile context.

6. There are more than 80,000,000 .com, .net and .org sites, but less than 1% are mobile friendly. With a .mobi name and free dotMobi guides, your site will work on any phone with any operator.

7. You can have first mover advantage in the mobile space with the domain name you want. dotMobi has registered nearly one million names but great ones are available if you secure your names now.

8. Unlike m.domain.com or domain.com/mobile, a .mobi address means a site will work on mobile because dotMobi’s free guides ensure that mobile sites adhere to industry best practices and open standards. Oh, and .mobi is the only ICANN-approved naming convention for the mobile web.

9. Mobile sites using .mobi perform better on search engines. Each domain gets only one entry in the web “zone files” that search engines use for their crawls. Your .com or .net is already used for your PC site, so you won’t get an entry for “m.site.com” or “site.net/mobile,” etc. … but you get one for .mobi.

10. Microsoft predicts most people’s first computing experience will be on a mobile. If your brand is one that people see during that formative experience, you will leave a positive, long-term impression.

Find out more at http://dotmobi.mobi or read http://blog.mobi.