YayQuery – My new favourite podcast?
This week I found out about a new podcast on the scene called YayQuery. As you can imagine it is a discussion on jQuery, it is hosted by four experts in the field and seems to be producing fairly regular podcasts.
It rules for a couple of reasons
- It it is such a laid back discussion from people who genuinely love jQuery. A lot of tech podcasts are very dry, and just hard to listen to.
- It mixes n00b and l33t levels of discussion excellently. As someone who is just above n00b not nowhere near l33t I have found nothing too under or over whelming.
- It lets you download it as a vodcast as well as a podcast.
- The source code on their site is AWESOME. (seriously, check out their site and view the source, awesome)
At the time of writing they are on episode[3], plenty of time to play catch up!
Adding jQuery to Wordpress
For my last post (talking about a really cool jQuery plugin) I really wanted to display the talked about effect on the site, not least because I wanted to play about with it some!
In order to do that I had to make some changes to my theme, which I figured I should document.
I went into my theme directory and created /js/themename.js
I edited the header (themename/header.php) to include jQuery and /js/themename.js...
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js" type="text/javascript" ></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/lightword.js" type="text/javascript" ></script>
Inside of themename.js I created my $(document).ready() call and gave it the code it required.
I uploaded /themename/header.php, /themename/js/themename.js and themename/js/jquery-1.3.2.min.js to the site.
That is it!
InFrame – Dynamic iFrame creation with jQuery
jQuery spends a lot of time impressing the shit out of me, one example of it doing it recently is with Vile Work's inFrame (one person has reported an issue with this site and viruses, I cannot replicate though.).
What this plugin does is capture any links containing a certain class and instead of having them display in the current window it will create an iFrame on the fly for the content to display into.
We all know that iFrames are bad because they hide stuff from crawlers and different accessibility tools, however one of the really smart things about this is that because it looks for links of a certain class anyone coming along without JavaScript installed (say, a search engine for example) will just follow the link as normal with no negative effect.
I can see loads of potential uses for this tool and look forward to playing with it in an actual project.
Here is it in action.
Cool, huh?
jQuery Rollover
Here is a really nice and quick way of creating rollover states for image links using jQuery.
As you can see if it is a fairly old post, and obviously this is hardly tackling a new or complicated issue, but I like how the author has put some thought into the amount of jQuery being used and also how it has been made to be just a little bit more generic than some solutions.