Useful PHP + jQuery Tutorials
20 Useful PHP + jQuery Components & Tuts for Everyday Project | Noupe
I found these very interesting and feel they can be integrated into a WP that is used more in a CMS environment.
Excellent examples – jQuery Tutorials for Designers
For those starting out with the JavaScript libraries, this is a great website to see the limitations front-end programmers run into and (maybe) to find a jQuery solution to their problem.
jQuery for your js needs
I’m trying out different jQuery plugins in different parts of this site, so if you come across a shadow or a cool popup on a page, be sure to hit that F-12 button on your FireFox (you have Firebug Plugin added, right?) and take a closer look towards the end of the HEAD tag.
For the shadows on the font, I’m using the ‘dropshadow’ jQuery plugin (http://eyebulb.com/dropshadow/index.htm) and the code in the HEAD tag:
$(document).ready(function(){
$("#header h1").dropShadow({left: 1, top:1, blur: 3, opacity:0.35});
$("h4").dropShadow({left: 1, top:1, blur: 3, opacity:0.35});
$(".post-title").dropShadow({left: 3, top:-5, blur: 2, opacity:0.25});
});
- the <h1> tags in the element whose ID is “header” (<div id=”header”> in this case)
- all the <h4> tags in the document wherever they are
- all the elements whose CLASS is “post-title” (<tagname class=”post-title”>)
The $(document).ready function makes sure that the entire DOM is loaded before the JavaScript in this function fires up. This prevents the script to try to modify something that may not have been loaded in yet.
This is same reason Google asks you to put their codes ‘right before the tag.’ The entire analytics function can be put in here and will work as expected (maybe my next project?).
