To override the default jQuery version called by Wordpress from 1.3.2 to 1.4.2:

In your theme’s function.php file, Paste this code:

if( !is_admin()){
   wp_deregister_script('jquery');
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"), false, '1.4.2');
   wp_enqueue_script('jquery');
}

Wherever you see ‘1.4.2′, you can replace that with whatever wordpress version you are using.

This has been tested in Wordpress 2.9.2

Related posts:

1. Linking to Google’s Hosted jQuery Repository jQuery Hosted on Google: Here’s the code to link...
2. Jquery Tip: How to wrap tags dynamically Quick tip: In order to wrap a <span> around...
3. Freelance Web Design Resources: Drupal, Wordpress, SEO, jQuery, CSS: 05-2-10 through 05-4-10 My latest bookmarks related to web design, development, drupal,...

My latest delicious bookmarks related to web design, development, drupal, wordpress, seo, freelance, design, typography, css, jquery and the list goes on…

• Color Inspiration: Go Green with Envy | Nettuts+ -
• Google Buzz -
• Ubercart | drupal.org -
• The New Hotness: Using CSS3 Visual Effects – Smashing Magazine -
• Safari DOM Extensions Reference -
• Safari HTML5 Audio and Video Guide: Introduction – “HTML5 is the next major version of HTML, the primary standard that determines how web content interacts with browsers.”
• Technical Note TN2262: Preparing Your Web Content for iPad – Use -webkit-user-select:none; to disable cut/copy/paste option in Safari on iPhone OS. Use -webkit-appearance: none to remove styling from form elements
• Apple – iPad-ready websites – “iPad features Safari, a mobile web browser that supports the latest web standards — including HTML5, CSS3, and JavaScript.”
• Plugins/Validation – jQuery JavaScript Library -
• WordPress › White Label CMS « WordPress Plugins – The White Label CMS plugin allows you to remove all the panels from the Wordpress dashboard and insert your own panel, which you can use to write a personalised message to your client and link to the important elements in the CMS.
• Wordpress Manual Plugin – Video Tutorials For Your Clients -

Related posts:

1. Web Design Resources: March 28th through April 3rd My latest delicious bookmarks related to web design, development,...
2. Web Design Resources: December 4th My latest delicious bookmarks related to web design, development,...
3. Web Design Resources: March 4th through March 6th My latest delicious bookmarks related to web design, development,...

1. Improve your performance with YSlow

http://developer.yahoo.com/yslow/

Yslow grades the performance of your site based on 3 rulesets. The criteria includes http requests, gzip compression, javascript placement at bottom, css expressions, dns lookups, minifying css and javascript, url redirects, 404 errors and more.
With Yslow you can figure out what is holding up the page from loading up fast. I typically check under components to see if there are any 404s for files called.

2. Compress Images with Smushit

http://developer.yahoo.com/yslow/smushit/

Compress images even further than saving for web in photoshop with Smushit.

3. Place Javascript at the bottom of your html document

Javascript calls at the bottom allow the page to load without having to wait until the javascript is loaded.

4. Compress CSS and JS Files

http://www.cssoptimiser.com/

http://www.cleancss.com/

http://javascriptcompressor.com/

5. Use CSS Sprites

The concept of css sprites is to combine multiple images into one and using background-position in your css to display only certain images.

See How to use CSS Sprites: http://css-tricks.com/css-sprites/

Video: Exactly How to use CSS Sprites: http://net.tutsplus.com/videos/screencasts/exactly-how-to-use-css-sprites/

Dave Shea explains CSS Sprites: http://www.mezzoblue.com/archives/2009/01/27/sprite_optim/

Related posts:

1. Web Design Resources: January 19th through January 23rd My latest delicious bookmarks related to web design, development,...
2. Forcing Internet Explorer to obey css using Javascript, CSS hacks and specific style sheets I know all of this has been written before,...
3. Web Design Resources: February 1st through February 3rd My latest delicious bookmarks related to web design, development,...

Quick tip:

In order to wrap a <span> around an <a> tag for example:

<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

to:

<ul>
<li><span>item 1</span></li>
<li><span>item 2</span></li>
</ul>

Apply this jquery call:

<script type="text/javascript">
$(document).ready(function() {
    $("li a").each(function() {
        $(this).wrap('<span/>');
    });
});
</script>

Related posts:

1. Linking to Google’s Hosted jQuery Repository jQuery Hosted on Google: Here’s the code to link...
2. Freelance Web Design: Drupal Development, Wordpress, SEO, jQuery, CSS: 06-27-10 – 06-28-10 Below are my latest resources related to web design,...
3. Freelance Web Design Resources: Drupal, Wordpress, SEO, jQuery, CSS: 05-11-10 through 05-15-10 My latest bookmarks related to web design, development, drupal,...

jQuery Hosted on Google:

Here’s the code to link to Google’s jQuery repository. It grabs the latest jQuery version.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Google link to jQuery:

You can go here http://code.google.com/p/jqueryjs/downloads/list for the download list and right-click copy-link location.

Jquery CDNs

Go to http://docs.jquery.com/Downloading_jQuery for a list of CDNs

Related posts:

1. How to change the default jQuery version used by WordPress To override the default jQuery version called by Wordpress...
2. Jquery Tip: How to wrap tags dynamically Quick tip: In order to wrap a <span> around...
3. Freelance Web Design: Drupal Development, Wordpress, SEO, jQuery, CSS: 06-13-10 – 06-14-10 Below are my latest resources related to web design,...