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. Working with WordPress child themes: Including files and getting the theme path Recently I have been creating child themes in wordpress and...
2. Freelance WordPress Web Design, Drupal Development 04-12-11 – 04-13-11 Below are my latest resources related to web design, development,...

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, drupal,...
2. Web Design Resources: March 4th through March 6th My latest delicious bookmarks related to web design, development, drupal,...

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. How to create a custom Apple iPad/iPhone Home screen icon for your Website When you bookmark a site on the iPad or iPhone,...
2. Freelance Web Design: Drupal Development, WordPress, SEO, jQuery, CSS 08-21-10 from 22:25 to 23:33 Below are my latest resources 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. Web Design Resources: February 22nd through February 25th My latest delicious bookmarks related to web design, development, drupal,...
2. Web Design Resources: February 9th through February 11th My latest delicious bookmarks related to web design, development, drupal,...
3. Freelance Web Design: Drupal Development, WordPress, SEO, jQuery, CSS: 09-4-10 – 09-11-10 Below are my latest resources related to web design, development,...

jQuery Hosted on Google:

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

<script src="http://code.jquery.com/jquery-latest.js"></script>

If you want to target a particular version of jquery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/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

Updated: 6/14/11 12:22pm

Related posts:

1. How to change the default jQuery version used by WordPress To override the default jQuery version called by WordPress from...
2. Web Design Resources: April 4th through April 8th My latest delicious bookmarks related to web design, development, drupal,...