A couple quick lines of jQuery allows you to free up real estate on your site (useful for mobile layouts) and add some interactivity at…
jQuery: Make the first list element expand / collapse the other list elements
$('ul li:first-child').click(function() { $(this).siblings().toggle(); });
Javascript Optimization Tip: Merging JS files
A major component of optimizing your client side scripts (JavaScript) is reducing the number of http connections required. In other words, reducing the number of…
Add content type icons to your links on the fly
Of course, there are simple and tedious ways to do this, such as: HTML <a href="test.pdf" class="pdf">Download PDF</a> CSS .pdf { background: url('/src/img/icon-pdf.png') no-repeat; padding-left:…
Use jQuery to highlight the current navigation item
$('a').each(function() { if(document.URL.indexOf($(this).attr('href')) >= 0) $(this).addClass('selected'); }); Note: This code will add the 'selected' css class to all <a> tags which link to…
jQuery Plugin – Portfolio Rotator
We've released a new jQuery plugin called jKickRotator. You might be saying, "okay, thanks, but there's a million jQuery rotator plugins". We couldn't agree more!…
Case Study: Flash vs. jQuery rotator
In this study, our goal was to compare the development time to create a very simple 3 slide rotator in jQuery vs. Adobe Flash. From…
Basic jQuery Rotator
There are hundreds of jQuery rotator / slideshow plugins out there, but at some point, you may decide that your needs to very specific. The…
Expand / Collapse with JavaScript / jQuery
If your page content is getting lengthy or you just want to add some interactivity to your site, consider expandable/collapsible content. We can leverage the…