CatsWhoCode.com

Animated background image with jQuery

Jean-Baptiste Jung — Wed, 11 Nov 2009 22:05:22 +0000

Getting ready

In this tutorial, we are going to create a simple layout for a website, which include a very cool animated background. Here is how the final result will look:

As you can see, as this is only I example I have used Twitter clouds backgrounds, which looks really nice.
This tutorial have been inspired by the one called How To Build an Animated Header in jQuery that I definitely recommend you to check out.

Let's doing it

1. The first step of this tutorial is to download our background image. I have used this one from Twitter, but of course feel free to use any other image you'd like.

2. Once done, let's create a a file called index.html. In order to get started with the basic html structure, paste the following code in your file:



	
		
		Animated background Image

3. Now, let's define our document structure. As we want to do a simple layout, we'll only need to create a header and a content. Paste the following within the and tags:


	
		Animated Background Image

4. Well done! We already have our XHTML. Now, what we have to do is obviously to use some CSS and give some style to our document.
To do so, copy the code below and paste it within the and tags of the index.html file.

5. At this point, you can save your work and take a look at the index.html page using your web browser. If everything is ok, your index.html page should looks like the screenshot above, with fixed clouds, of course.

6. Now, it's time to give life to the layout by using the power of jQuery. As you probably guessed it, what we have to do right now is of course, to include the library. As Google host a version that you can use it, there's definitely no need to download a copy. Just use the one from Google.

To do so, paste the following line of code in your index.html file, after the closing tag:

7. Now that jQuery have been loaded, we can code a function to animate the background. Copy the code below and paste it on your index.html file, just after the line where you imported jQuery into the file.

There's nothing really hard with that code. First, we declare a set of variables to control the animation (image width, scroll speed, etc). Then, we created a function to automatically move the background. The most tricky part is to calculate when we need to reste the position. If you have a better idea about doing it, let me know in a comment

Demo & Download

I hope you enjoyed this tutorial and that it will help you to create very nice websites. If you want, you can see a Demo of this code, or you can Download source files.

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

Animated background image with jQuery

Introducing CatsWhoBlog.com

Jean-Baptiste Jung — Mon, 09 Nov 2009 14:59:29 +0000

A new blog? Why?

When I launched Cats Who Code in June 2008, there was a "Blogging Tips" category, in which I posted some posts about affiliate marketing, blogging advice and making money online tips.
Even we had some really nice articles in there, Cats Who Code is mostly a Web Development blog and most of my readers are more interested in stuff as such as jQuery or WordPress than how to make some money with affiliate marketing.

This is why CWC "Blogging Tips" category quickly became neglected and just a few posts were written. Though, I really like that kind of tip and I also thought that my experience as a blogger could benefit some people. This is why, on October 10, 2009, I decided to create a "sister-site" to Cats Who Code with a content dedicated to blogging tips. Cats Who Blog were born.

As a part of my blogs network, Cats Who Blog features my cat Fisto. The drawning was made by Zira Zulu, who had created mascots for Cats Who Code and WpRecipes as well.

What you're going to read on Cats Who Blog.com

Cats Who Blog mades its debut a month ago, so I already have some nice articles for you to read. Here a selection:

Also, please note that I just published a great post about 10 WordPress hacks to make more money online.

Now, what about the existing "Blogging Tips" category on Cats Who Code? As I now have a blog fully dedicated to that subject, this category will be closed. Existing posts will be moved to Cats Who Blog, or deleted when their quality isn't good enought in my opinion.
Of course, my readers opinion matters so don't hesitate to let me know about what you think.

Now, it should be time for you to go to Cats Who Blog and discover it. Or you can already grab the RSS feed so you'll never miss any of my posts there.
And don't worry, a very cool Web Development tutorial will be published right here on Cats Who Code on wednesday!

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

Introducing CatsWhoBlog.com

CWC Freebie : Bulletin Board WordPress Theme

Jean-Baptiste Jung — Thu, 05 Nov 2009 15:17:48 +0000

Today, I'm glad to present to you a nice WordPress theme called Bulletin Board, which is released officially just moment ago!

When Brian from TemplateLite contacted me and offered to release this theme for my readers, I accepted it with pleasure. Discover what you will get from this theme below or download the theme now.

Main Features

Quick Installation
Brian's themes are very easy to install for even a newbie. No exception for this one. Installation is done with just a few clicks. You don't need to install any plugins to make it work on your blog.

Cross Browser Compatibility
This theme is tested for major browsers including Firefox, IE7, IE8, Chrome, Safari and Opera.

Code Compliant
High coding standard is applied for this theme. Try validate the theme against W3C XHTML and CSS and you'll see it passes both tests.

SEO
This theme has been optimized for SEO. Besides W3C compliance which is important in search ranking, the title tag, heading tag and the content coding placement are coded with SEO in mind. Other things being equal, using this theme will get your blog ranked higher on search engines compare to other themes.

Theme Documentation
One of the good thing about this theme is that it includes a user guide in PDF format. You'll find information regarding installation instruction, header title customization, main features and theme upgrade
etc.

Award Winning

ThemeGrade, a site which rates WordPress themes, gave this theme with the highest Gold rating. It gets full score in general coding as well as SEO. Less than 5% of the themes tested get this top ranking. You can verify the status on ThemGrade.

Free Forum Support

If you encounter any problem with the theme, Brian would be happy to help. His commitment in ensuring his theme work flawlessly on your blog is shown in the recently setup support forum. Previously, the theme support was performed in the comment sections.

Download Theme | Preview Theme

I have heard only positive things about TemplateLite's Wordpress themes. And you, have you tried it yet? Your opinions are welcome.

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

CWC Freebie : Bulletin Board WordPress Theme

Top 10 WordPress Hacks from October 2009

Jean-Baptiste Jung — Mon, 02 Nov 2009 15:41:48 +0000

How to: Show parent page title regardless of what subpage you are on

Let's start with a nice code for those using WordPress as a CMS: Just paste it anywhere on your theme files and it will display the parent page title.

post_parent) {
    $parent_title = get_the_title($post->post_parent);
    echo $parent_title;
} else {
    wp_title('');
}
?>

» Source: http://www.wprecipes.com/how-to-show-parent-page-title-regardless-of-what-subpage-you-are-on

WordPress hack: Automatically insert author bio on each post

When you're owning a multi-writers blog, it is important to show who wrote the post. In case of guest bloggers, it is also a nice way to give credit.
Simply insert the following lines of code into your functions.php file, and that's all. Author bio will be automatically displayed after each post.

function get_author_bio ($content=''){
    global $post;

    $post_author_name=get_the_author_meta("display_name");
    $post_author_description=get_the_author_meta("description");
    $html="\n";
    $html.="\n";
    $html.="\n";
    $html.="Author: ".$post_author_name."\n";
    $html.= $post_author_description."\n";
    $html.="\n";
    $html.="\n";
    $content .= $html;
    }

    return $content;
}

add_filter('the_content', 'get_author_bio');

» Source: http://aext.net/2009/10/wordpress-hack-anything-can-be-added-anywhere-in-the-post-content/

Compress WordPress output and speed your blog’s load speed

Is your host slow? Althought on WpWebHost we don't have that kind of problems, if you're hosted elsewhere you'll probably enjoy this tip who can reduce your blog load speed.

After you made sure that the zlib php extension is enabled by your hosting provider, place the following code in your header (above the DOCTYPE), save the file and your blog will load faster.

» Source: http://www.wprecipes.com/compress-wordpress-output-and-speed-your-blogs-load-speed

Display registered users comment count on your WordPress blog

If your blog is private or have lots of registered users, it may be interesting to be able to display the number of comments posted by registered users. Just paste this code and the count will be displayed where you pasted it.

 0';
$comment_counts = (array) $wpdb->get_results("
		SELECT user_id, COUNT( * ) AS total
		FROM {$wpdb->comments}
		{$where}
		GROUP BY user_id
	", object);
foreach ( $comment_counts as $count ) {
  $user = get_userdata($count->user_id);
  echo 'User ' . $user->display_name . ' comment count is ' . $count->total . '
';
}
?>

» Source: http://www.wprecipes.com/display-registered-users-comment-count-on-your-wordpress-blog

Automatically resize pictures on your WordPress blog

You know it, a picture is worth a thousand words. But pictures means that you have to resize it, which is alwyas boring.
Happilly, a very cool script called TimThumb can resize pictures for you. The function below create a WordPress shortcode that will make Timthumb use even easier.

function imageresizer( $atts, $content = null ) {
	return '';
}

add_shortcode('img', 'imageresizer');

Then, you can use the following syntax to add an automatically resized image to your blog post:

[img]http://www.yoursite.com/yourimage.jpg[/img]

» Source: http://www.wprecipes.com/automatically-resize-pictures-on-your-wordpress-blog

WordPress tip: Create a Tweetmeme “Retweeet” shortcode

Twitter is one of the best way to get quality traffic to your blog. In order to help people sharing your articles on Twitter, you should definitely implement a Tweetmeme button, which display how many time time people RT'd your blog posts.
Just paste the function below into your functions.php file.

function tweetmeme(){
	return '';
}
add_shortcode('tweet', 'tweetmeme');

Once you saved the file, you'll be able to display the Tweetmeme "retweet" button anywhere on your posts. In WordPress editor, make sure you are in HTML mode and insert the following:

[tweet]

When your post will be published, the shortcode will be replaced by the TweetMeme button.
For a "Live Demo" of this tip, just take a look at my new blog Cats Who Blog, dedicated to blogging/make money online tips.
» Source: http://www.wprecipes.com/wordpress-tip-create-a-tweetmeme-retweeet-shortcode

WordPress trick: function to get tags related to category

Do you ever wanted to be able to get tags related to one (or more) specific category? If yes, I’m pretty sure you’ll be delighted with this very cool tip.
First, here is the function you have to paste in your functions.php file:

function get_category_tags($args) {
	global $wpdb;
	$tags = $wpdb->get_results
	("
		SELECT DISTINCT terms2.term_id as tag_id, terms2.name as tag_name, null as tag_link
		FROM
			wp_posts as p1
			LEFT JOIN wp_term_relationships as r1 ON p1.ID = r1.object_ID
			LEFT JOIN wp_term_taxonomy as t1 ON r1.term_taxonomy_id = t1.term_taxonomy_id
			LEFT JOIN wp_terms as terms1 ON t1.term_id = terms1.term_id,

			wp_posts as p2
			LEFT JOIN wp_term_relationships as r2 ON p2.ID = r2.object_ID
			LEFT JOIN wp_term_taxonomy as t2 ON r2.term_taxonomy_id = t2.term_taxonomy_id
			LEFT JOIN wp_terms as terms2 ON t2.term_id = terms2.term_id
		WHERE
			t1.taxonomy = 'category' AND p1.post_status = 'publish' AND terms1.term_id IN (".$args['categories'].") AND
			t2.taxonomy = 'post_tag' AND p2.post_status = 'publish'
			AND p1.ID = p2.ID
		ORDER by tag_name
	");
	$count = 0;
	foreach ($tags as $tag) {
		$tags[$count]->tag_link = get_tag_link($tag->tag_id);
		$count++;
	}
	return $tags;
}

Once you have pasted the function, you can use it in your theme:

$args = array('categories' => '12,13,14');
$tags = get_category_tags($args);

» Source: http://www.wprecipes.com/wordpress-trick-function-to-get-tags-related-to-category

WordPress tip: Get all custom fields from a page or a post

Do you ever wanted to be able to get all custom fields from a specific post or page? If yes, let's start by pasting the following code in your functions.php file:

function all_my_customs($id = 0){
    //if we want to run this function on a page of our choosing them the next section is skipped.
    //if not it grabs the ID of the current page and uses it from now on.
    if ($id == 0) :
        global $wp_query;
        $content_array = $wp_query->get_queried_object();
        $id = $content_array->ID;
    endif;   

    //knocks the first 3 elements off the array as they are WP entries and i dont want them.
    $first_array = array_slice(get_post_custom_keys($id), 3);

    //first loop puts everything into an array, but its badly composed
    foreach ($first_array as $key => $value) :
           $second_array[$value] =  get_post_meta($id, $value, FALSE);

            //so the second loop puts the data into a associative array
            foreach($second_array as $second_key => $second_value) :
                       $result[$second_key] = $second_value[0];
            endforeach;
     endforeach;

    //and returns the array.
    return $result;
}

Once done, you can use the function like this:

$result = all_my_customs();
echo $result['my_meta_key'];

» Source: http://www.wprecipes.com/wordpress-tip-get-all-custom-fields-from-a-page-or-a-post

Check if a plugin is active

If you want to check if a WordPress plugin is active, just use the is_plugin_active() function. The function takes a single parameter, which is the path to the plugin, as shown in the example below:

» Source: http://www.wprecipes.com/check-if-a-wordpress-plugin-is-active-the-easy-way

Create an Anti-IE6 plugin

With this amazing code created by Nathan Rice, you'll be able to serve IE6 users the default WordPress theme. After all, those idiots don't deserve anything better
Just paste the following in a new file and save it as ie6.php. Upload it to your wp-content/plugins directory and activate it on your WordPress dashboard.
By the way, if you hate IE6 just like I do, you should definitely check out this very funny article.

» Source: http://www.nathanrice.net/blog/serve-ie6-visitors-the-default-wordpress-theme/

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

Top 10 WordPress Hacks from October 2009

10+ astonishing jQuery resources to spice up your website

Jean-Baptiste Jung — Mon, 19 Oct 2009 14:17:09 +0000

Show/Hide a nice login panel

If your website allow user registration, it should definitely a good idea to implement this very nice sliding login form. Of course, it can be used for many other things, as such as a contact form.

» View tutorial

Easy Display Switch with CSS and jQuery

Some people prefers to read a list of blog exerpts in lines, so other prefers a column display. With this tutorial you'll learn how to create a jQuery display switch so your readers will be able to choose their favorite display.

» View tutorial

Create a better jQuery stylesheet switcher

The purpose of this tutorial is to learn how to create a jQuery CSS switcher and let your visitor decide in what color scheme your site should be.

» View tutorial

Turn any webform into a powerful wizard with jQuery

Most of the time, Web forms are long and boring. So, what about turning them into wizards? Don't forget to check out our list of jQuery tutorials to work with HTML forms.

» View tutorial

Chat with jQuery and PHP

I remember the time that you had to create a Java Applet to have an efficient chat application. Now, thanks to PHP and of course jQuery, you can forget heavy and boring applets.

» View tutorial

Beautiful tag clouds with jQuery and flir

Tag clouds used to be used intensively on lots of blogs two or three years ago. But nowadays, most blogs don't use them anymore. If you also don't use tag clouds on your blog, maybe this tutorial will change your mind?

» View tutorial

Fading colors with jQuery

If you're looking for an interesting visual effect to put on your links, this one should be a good option. On their recent homepage redesign, Twitter used a similar effect on their homepage.

» View tutorial

Twitter-like login panel using jQuery

Talking about Twitter and their recent site redesign, I might say I really like the login panel they added. With this excellent tutorial, you'll learn how to do the same for your website or blog.

» View tutorial

Disappearing “Scroll to top” link with jQuery and CSS

After you scrolled down a page, "Scroll to top" links are welcome. This tutorial will show you how to create a dynamic "Scroll To Top" link that will appear automatically when the page has been scrolled down.

» View tutorial

Using jQuery to recreate the product slider from Apple's website

Ah, Apple website. Since their latest redesign, this site is often quoted by many blogs as being a must-see in terms of design and usuability. With this tutorial, you'll be able to reproduce Apple products slider, using jQuery.

» View tutorial

Create an astonishing image rotator with jQuery

On many portfolios websites, javascripts sliders on homepage are now very common, this is why I hesitated to feature that one. But seriously, it may be common, it looks so great!

» View tutorial

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

10+ astonishing jQuery resources to spice up your website

10 wonderful fonts you can embed with Cufon and Sifr

Jean-Baptiste Jung — Mon, 12 Oct 2009 15:42:36 +0000

Scripts like sIFR, Flir, and of course Cufon made it easy for developers and designers to be able to use nice fonts as such as Myriad Pro or Helvetica Neue and since some month, we see more and more blogs or website with fancy titles.

This is clearly a great thing, because web safe fonts are extremely limitating. Though, there is a problem that many people seems to neglect: Lots of fonts licences – even free ones – doesn't allow you to embed it on webpages, or redistribute it.

In this article, you'll find a showcase of ten absolutely beautiful fonts that you can embed fith @font-face, Cufon, sIFR, or Flir.

Fertigo

» Get it

Delicious

» Get it

Tallys

» Get it

Museo Sans

» Get it

CA BND Bold WEB

» Get it

League Gothic

» Get it

Chunk

» Get it

Flaminia Type System

» Get it

Junction

» Get it

Andika

» Get it

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

10 wonderful fonts you can embed with Cufon and Sifr

10+ WordPress plugins for developers

Jean-Baptiste Jung — Mon, 05 Oct 2009 15:41:12 +0000

Preserve Code Formatting

Have you ever tried to display code snippets in WordPress? If your answer was "yes", I'm pretty sure you had trouble to do so, at least during your first tries. Why? Because of html entities and WordPress formatting.
By using the "Preserve Code Formating" WordPress plugin, you can say a definitive goodbye to all that kind of problems.
A definitive life saver for developer's blogs.
» Source : http://wordpress.org/extend/plugins/preserve-code-formatting/

Wp Advanced Code Editor

WP Advanced Code Editor integrates the EasyArea advanced code editor into WordPress. This adds real time syntax highlighting, line numbering, full screen editing, and more to the code editor in the "Add New Post" and "Add New Page" screens.
» Source : http://wordpress.org/extend/plugins/wp-advanced-code-editor/

runPHP

If you're a developer, you may sometimes find a bit frustrating the fact that WordPress do not allow you to run PHP code in the editor or in Text widgets.
The "Run PHP" plugin solves this problem. The permissions to run some PHP are handled by user roles and capabilities. Note that this plugin will also work on PHP 4 servers.
» Source : http://wordpress.org/extend/plugins/runphp/

Vim Color Improved

Highly inspired by the Drupal module of the same name, "Vimcolor" highlights your code in many different formats. VIM is a common programmers text editor for (usually) unix based systems. Out of the box VIM can color the syntax of 200+ languages including PHP, Perl, C, HTML, Fortran, Haskell, Java, etc.
» Source : http://wordpress.org/extend/plugins/vim-color-improved/

SQL Executionner

While working with a database-driven website, as such as WordPress, you may often need to directly look inside the database for some info, or execute a few queries to update or delete entries.
Sure, PhpMyAdmin do that job perfectly, but why connecting to another software when you can do it inside WordPress, suing the SQL Executionner plugin?
» Source : http://justinsomnia.org/2008/02/the-wordpress-sql-executioner/

Google Syntax Highlighter

The Google Syntax Highlighter plugin easily integrate Alex Gorbatchev's Syntax Highlighting code into your WordPress blog. Just install the plugin and you'll be able to automatically color the code snippets you posted on your blog.
The Google Syntax Highlighter plugin is 100% Javascript based, so it will not contribute to your server load.
» Source : http://wordpress.org/extend/plugins/google-syntax-highlighter/

Wp Development Utilities

Once you have installed this plugin, you'll be able to use a full set of functions designed to help your find and debug your WordPress themes or plugins. Among other things, you can retrieve user capabilities, web server name, get the ID of a permalink...
» Source : http://www.blogdev.info/bd/wordpress/plugins/wp-development-utilities.htm

WP Developer Assistant

WP Developer Assistant is a complete toolkit for all WordPress developers. It allows you to see all WordPress predefined constants, easy access and modify the options table, view actions and hooks, and a lot more.
» Source : http://wordpress.org/extend/plugins/wp-developer-assistant

Anti Internet Explorer 6

You probably already know that I hate IE6. This is the reason why I can't resist to list this plugin on here. It purpose is pretty simple: Once installed, it will detect the loser's browser and will deny it access to your blog.
» Source : http://wordpress.org/extend/plugins/anti-internet-explorer-6/

Hosting monitor

A website can't be great with a good and reliable host. In order to alays keep an eye on your server, you should definitely install the "Hosting Monitor", a monitoring WordPress plugin created by WebHostingSearch.
Lots of info can be retrieved and displayed: Memory usage, server load, uptime...
» Source : http://wordpress.org/extend/plugins/wordpress-phpsysinfo-widget/

Wp-Debug

Ever wished to be able to display information about GET/POST requests, session variables, server info from the php.ini, or included files? The Wp-Debug plugin allow you to see what's going on the inside.
A very good tool to learn more about WordPress.
» Source : http://wordpress.org/extend/plugins/wp-debug/

WordPress Console

The WordPress Console is definitely the kind of plugin any WordPress developer should have installed. It provide an interactive console that loads the WordPress environement.
You can then test any PHP code. A great way to learn the WordPress API! Note that a screencast and a detailed tutorial are availables.
» Source : http://wordpress.org/extend/plugins/wordpress-console/

Even more WordPress developement resources

WpRecipes is another blog of mine, where I enjoy sharing lots of WordPress hacks with my readers.
WordPress Help Sheet : Created by WpCandy.com, this help sheet will always be there to remind you about template files, functions and useful code snippets.
WordPress TextMate Bundle is an extension or the popular TextMate editor. A must have for all WordPress developers!
Nettut's WordPress Cheat Sheet is another compilation of useful resources as such as the loop, theme structure or template tags.
WordPress Codex is the most well known resource for all WordPress developers. You'll find pretty much anything there.

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

10+ WordPress plugins for developers

Cats Who Code contest: Win XHTML/CSS templates!

Jean-Baptiste Jung — Thu, 01 Oct 2009 12:18:06 +0000

Introducing TemplateWire

TemplateWire is one of the numerous websites to sell XHTML/css templates. What made them different from the rest? Simply, TemplateWire aren't selling templates one by one : Instead, they ask you to pay a $29 fee which allow you to dowmload and use all the templates you want.

Let's have a look to some of TemplateWire templates:

Apart from XHTML/CSS templates, TemplateWire are also selling logo templates as well as Flash sites templates.

The contest

If you'd like to win one of TemplateWire XHTML/CSS template, we have some good news for you: 3 of our readers will be randomly choosen on October 9, 2009 and will win the template of their choice from TemplateWire.

How to participate?

Entering our new contest is easy. Just follow the simple rules below:

Write a post on your blog about Cats Who Code OR tweet about us.
Leave a link to your post/tweet in the comments so we can know about it.
Get our RSS feed and follow us on Twitter : The 3 winners will be announced there on October 9, 2009.
Winners will have to choose the template they want on the TemplateWire site.

Good luck to everyone!

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

Cats Who Code contest: Win XHTML/CSS templates!

15+ amazing anti IE resources

Jean-Baptiste Jung — Mon, 28 Sep 2009 14:51:13 +0000

The facts: Why IE is crap

IE sucks. Every web worker heard that sentence at least once. Of course, yes, it does sucks. But to be taken seriously, it is important to know why it sucks and not just follow the anti-IE hype.
This first part of the article is dedicated to blogs, websites and articles demonstrating how weak Internet Explorer is.

Kill Bill's Browser: 13 good reasons to say bye to IE

This well known website show 13 excellent reasons to say a definitive goodbye to Microsoft browser.
» http://www.killbillsbrowser.com/

Why IE sucks

This whole blog is dedicated to demonstrate why, and how, IE6 sucks. A very interesting read and a must have for your RSS reader.
» http://whyiesucks.blogspot.com/

Why you should dump Internet Explorer

This is an old article. In fact, it was published in 2004, when there were a lot less complains about IE than nowadays. This article is another interesting read which point out IE weak points.
» http://www.lockergnome.com/news/2004/06/15/why-you-should-dump-internet-explorer/

IESucks

This blog is another website 100% dedicated to show how Internet Explorer is crappy. I enjoy reading it because it demonstrate true facts, but aways with some humor that I enjoy very much.
» http://www.iesucks.info/

Anti IE Badges, Tools & Notifications

The least we can do is to let ~~idiots~~ IE6 users know that their browser is obsolete. Lots of codes snippets are there to help you.

Too cool for IE

The "Too cool for IE" was a successful online campain to dump out Internet Explorer. On this website, you can download a Javascript code that will detect IE and automatically redirect the ~~loser~~ user to a page where he can download a real browser.
» http://www.w3junkies.com/toocool/

Google Chrome Frame

Google Chrome Frame is a IE plugin that will use the Webkit rendering engine instead of the horrible Trident. It also enable faster Javascript, using recent technologies.
The good point is that it will allow a IE user to keep his long-time favorite app while correcting its mistake by using a newer technology. The bad point is that a IE user don't like to change.
» http://code.google.com/intl/fr/chrome/chromeframe/

Anti IE buttons

This page is about ten years old but still, it have nice "old school" buttons that you can proudly display on your blog or website.
» http://toastytech.com/evil/buttons.html

WordPress plugin: Anti-IE

The plugin name says it all: Once installed on your WordPress blog, it will detect Internet Explorer 6 and will display a page saying that your blog deserves better than that.
» Anti IE6 plugin for WordPress

Tools to kill Internet Explorer

Notifications aren't bad, but I don't think that will seriously help people switching to a decent browser. I got in mind the perfect exemple of a person who don't want to drop IE6 even after a complete explanation about why this piece of crap is hurting the web and stopping innovation.

If you really want to be rude to these even more rude persons, and definitely funny to the others, here are a list of amazingly bad jokes to do to Internet Explorer users.

Crash IE

This website have a single purpose: Making Internet Explorer crash. And it works, damn good.
» http://www.crashie.com/

6 codes to make IE6 crash

Inter Explorer can easily being crashed by including some code in your source files. This article shows up to 6 different methods to get rid of the loser's browser.
» http://www.catswhocode.com/blog/6-html-and-javascript-codes-to-crash-ie6

IE6 splash pages

We all like IE6 users. If you really, really love them you should show your kindness by using one of the extremely rude – but funny – splash pages images that hugsformonsters.com created. (They have been removed from the original site, though)
» http://laughingsquid.com/overly-judgemental-internet-explorer-6-splash-pages/

Serve IE6 users WordPress default theme

Using WordPress? hating IE6? If you answered a clear "yes!" to both those questions, you love this tutorial. You're going to learn how to serve th default WordPress theme to IE6 users.
» http://www.nathanrice.net/blog/serve-ie6-visitors-the-default-wordpress-theme/

How to kill IE6 on your WordPress blog

Another nice hack to make IE6 crash without even letting it the necessary tome to load the page.
Not that this can be implemented on any kind of websites, not only WP blogs.
» http://www.wprecipes.com/how-to-kill-ie6-on-your-wordpress-blog

Even more fun

Who though a (stupid) web browser could inspire designers and marketers to create products as such as T-Shirts or mugs?

"Damn you, IE" mug

Are you used to work extremely late in order to finnish fixing IE bugs? If yes, this coffee mug will be your best friend in the office, especially on friday night, when your colleagues will already be at home since a long time.
» http://mugs.cafepress.co.uk/fuck-internet-explorer

"Fuck Internet Explorer" TShirts

Simple but efficient!
http://www.cafepress.com/fuck_ie

"I trash IE" wear

If your boss force you to use IE at work, you should definitely consider offering him an "I trash IE" tie for Christmas.
» http://www.zazzle.com/internet+explorer+suck+gifts

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

15+ amazing anti IE resources

10+ extremely useful PHP classes

Jean-Baptiste Jung — Thu, 24 Sep 2009 13:42:37 +0000

PHP PSD Reader

A few weeks ago, I wrote an article about this PHP which allow you to display any Adobe PSD file on screen. Very usefull to create preview of PSDs designed for clients, for example.
Download

Browser detect

One of the most common (and boring) problem for front-end developers is definitely cross-browser compatibility. This PHP class will detect almost all browsers and simplify your cross-browser work.
Download

Akismet

Remember those days without spam? If your website gets spammed in any ways, Akismet can probably help you. When a new comment, trackback, or pingback comes to your site it is submitted to the Akismet web service which runs hundreds of tests on the comment and returns a thumbs up or thumbs down.
Download

ADOdb

The large majority of websites and web apps are using databases to store all kinds of data. ADOdb is a database abstraction library for PHP, supporting MySQL, PostgreSQL, Interbase, Firebird, Oracle, MS SQL and more. ADOdb is quite easy to learn and have lots of nice features as such as extensive portability support, speed and BSD licencing.
Download

HTML Purifier

As it name tells, HTML Purifier is a PHP class created to help you writing a better code. HTML Purifier can remove malicious code and make sure your code is standard-compliant. A great tool for all developers.
Download

Google charts API

Charts are very useful and highly asked by clients, but they can be a lot of work. I remember some years ago when a friend of mine had to create charts using Photoshop every week for one of his clients. Well, this time is gone for good.
With the Google charts API, a simple chart can be created and displayed on screen using as little as 4 lines of code.
Download

pChart

pChart is another chart class, and it is as good as Google charts API. Data can be easily retrieved from SQL queries, CSV files, or manually provided.
Download

PHP Excel

Excel documents are highly popular in the corporate world. Considering that fact, there's a strong chance that one of your clients asks for you to create excel files in PHP someday.
Happilly, the PHP Excel engine allow you to easily create and manipulate lots of different files, as such as Excel 2007, Open XML, or PDF.
Download

Country from IP

Some websites are able to detect your location and automatically display information related with your language. How do they do that? Quite simple, they use your IP adress to find your location. The Country from IP class is easy to use and will allow you to get the country a specific IP is from.
Download

Cache Manager

If you're working on a high traffic site, there's not doubt you'll need to cache files in order to improve performance. This will be very easy an simple to do, using this very handy class. A defifinitive must-have, in my opinion.
Download

WPGet

As I know many of you have a WordPress blog, I just can't finish this article without a great tool for our favorite blogging engine.
WPGet is a PHP class which allow you to easily get infos from a WordPress 2.X database. In other words, it allows you to get posts, comments, etc from a WordPress blog, on a non-WordPress site. Great, isn't it?
Download

Get 20% off on the MyHomePro Premium WordPress Theme by using this exclusive code: wpcats20.

10+ extremely useful PHP classes

CatsWhoCode.com

Animated background image with jQuery

Getting ready

Let's doing it

Animated Background Image

Demo & Download

Introducing CatsWhoBlog.com

A new blog? Why?

What you're going to read on Cats Who Blog.com

CWC Freebie : Bulletin Board WordPress Theme

Main Features

Award Winning

Free Forum Support

Top 10 WordPress Hacks from October 2009

How to: Show parent page title regardless of what subpage you are on

WordPress hack: Automatically insert author bio on each post

Author: ".$post_author_name."

Compress WordPress output and speed your blog’s load speed

Display registered users comment count on your WordPress blog

Automatically resize pictures on your WordPress blog

WordPress tip: Create a Tweetmeme “Retweeet” shortcode

WordPress trick: function to get tags related to category

WordPress tip: Get all custom fields from a page or a post

Check if a plugin is active

Create an Anti-IE6 plugin

10+ astonishing jQuery resources to spice up your website

Show/Hide a nice login panel

Easy Display Switch with CSS and jQuery

Create a better jQuery stylesheet switcher

Turn any webform into a powerful wizard with jQuery

Chat with jQuery and PHP

Beautiful tag clouds with jQuery and flir

Fading colors with jQuery

Twitter-like login panel using jQuery

Disappearing “Scroll to top” link with jQuery and CSS

Using jQuery to recreate the product slider from Apple's website

Create an astonishing image rotator with jQuery

10 wonderful fonts you can embed with Cufon and Sifr

Fertigo

Delicious

Tallys

Museo Sans

CA BND Bold WEB

League Gothic

Chunk

Flaminia Type System

Junction

Andika

10+ WordPress plugins for developers

Preserve Code Formatting

Wp Advanced Code Editor

runPHP

Vim Color Improved

SQL Executionner

Google Syntax Highlighter

Wp Development Utilities

WP Developer Assistant

Anti Internet Explorer 6

Hosting monitor

Wp-Debug

WordPress Console

Even more WordPress developement resources

Cats Who Code contest: Win XHTML/CSS templates!

Introducing TemplateWire

Fashion

Event Planner

Media Provider

Pets Hospital

The contest

How to participate?

15+ amazing anti IE resources

The facts: Why IE is crap

Kill Bill's Browser: 13 good reasons to say bye to IE

Why IE sucks

Why you should dump Internet Explorer

IESucks

Anti IE Badges, Tools & Notifications

Too cool for IE

Google Chrome Frame

Anti IE buttons