The JavaScript Blog » Tutorials

Remove jQuery From Your WordPress Theme

Merrick Christensen — Sat, 27 Nov 2010 20:44:00 +0000

WordPress will generally inject jQuery into your front-end theme which in my opinion is a huge fail. Often times plugins will do it, fortunately there is a simple fix, just above wp_head() or inside of an init callback put:

jQuery won’t be linked anymore. Writing this post has made me start wondering if I should write a more detailed post about WP_Scripts to show how to create dependancies and registering your own scripts. Any interest?

Developer Tools In Safari

Merrick Christensen — Sun, 07 Feb 2010 00:15:35 +0000

For a long time I was using Firefox just for Firebug. You know, sort of like when two people stay married for the kid. I was sick and tired of how Firefox rendering looked, hard to explain just not quite as smooth. When Chrome for Mac was released in the beta phases I was stoked… Until I saw the UI, now this is debatable but I would much rather have the looks of Safari then Chrome any day. All I really wanted was a good inspector and some nice things from the web developer toolbar.

Enter Safari Developer Tools

Why did no one tell me about this soon? Everyone needs to know safari comes with a beautiful inspector (just like chromes – webkit) and some handy disabling tools. The thing is they aren’t on by default. To turn them on all you need to do is go to :

Safari -> Preferences -> Advanced -> Show develop menu in menu bar

You get some nice things like User-Agent changing, Snippet Editors, Console Logging, Inspector, and much more.

Goodbye Firefox. It was good while it lasted, but we both know this relationship has been over for a long time.

WTFramework – Detect Which Framework A Site Is Using, The Easy Way

Merrick Christensen — Sun, 27 Dec 2009 20:20:02 +0000

WTFramework Summary

WTFramework is a dead simple, and well designed way to detect which framework a site is using as well as version. Being primarily a JavaScript developer I was always looking through the source to find which framework a certain site was using. Or to see if the developer had done something particularly cool with my favorite framework MooTools.

It was developed by Oskar Krawczyk and is implemented as a bookmark for any A grade browser. You simply drag it into your bookmarks bar and its installed. You can now use it on any site you visit. The notifications are “Growl” like and are very well designed.

Kudos to Oskar on this one, a dead simple, but time saving tool.

Installation

Visit The Site
Drag the big red icon into your bookmarks.
It is now installed.

Fortunately For Us

Oskar has a public Git Hub repository for this. So if needs be you can change it to suit your needs.

Gallery

Making Every Specified Link Send Via Ajax Using MooTools

Merrick Christensen — Thu, 17 Dec 2009 05:44:24 +0000

This is a relatively simple concept and is nothing to elaborate but I wanted to share a small piece of code that will take every link with the class of “ajax” and access it using AJAX instead of actually going to that page. This using the same Request instance which will keep it optimized and manageable. MooTools is going to make this nice and easy on us…

Usage

JavaScript

var ajax_request = new Request(
{
	onSuccess: function(responseText, responseXML)
	{
		$('message').set('html', responseText);
	}
});

$$('.ajax').each(function(item){
	var url = item.get('href');
	item.addEvent('click', function(event){
		ajax_request.options.url = url;
		ajax_request.send();
		return false;
	});
});

HTML

Sent Via AJAX
Also Sent Via AJAX
I am filled with the results of our AJAX requests.

Its incredibly simple so no demo for this. The important concept here is that we are using the same request and pulling the href attribute base on a class selection. So changing something from AJAX to regular is as easy as adding or removing the class “ajax”. Pretty cool eh?