Print Specific Parts of a Page With jPrintArea

If you have ever wanted/needed to be able to print just part of a page before, now you can. jPrintArea will allow you to print only the contents of a specific element (Ex: div). There aren't a lot of extra bells & whistles that go along with this jQuery plugin, but it works great. It does exactly what is need with only a few lines of code so there is little extra overhead added to your page load time.

There is a sample usage, a demo, and source code (download and view) available from the website. I have included a sample demo below as well.

Demo

User ID Username Email
1 test1 test1@test.com
2 test2 test2@test.com
3 test3 test3@test.com
4 test4 test4@test.com
5 test5 test5@test.com

Print Table

Easily Compare Lightbox Clones

The Lightbox Clones Matrix lets you easily compare different lightbox clones in a table format. The table, or matrix, lists many of the features for each of the options and compares them side by side. Using jQuery to create the sortable table, the comparison matrix is very fast and easy to use. There are comparisons for 46 lightbox clones comparing seven different features. You have the ability to sort and/or filter by each of the seven features as well as the library type.

The filters include jQuery, Prototype, Mootools, YUI, "Can display images", "Can group images into sets", "Can display inline elements", "Can display iframes", "Can fetch content via Ajax", "Can display Flash", and "Can display various Video objects". There are icons to help you visualize the different features and easily sift through them.

Be sure to check it out or read more about it from the creator.

Create Beautiful Image Galleries With Galleria

Galleria is a clean and easy to implement image gallery based on jQuery. This is a great tool if you need to add an image gallery to your site and don't want to use a flash based gallery. I prefer JavaScript and CSS galleries over flash galleries because they are usually smaller and slightly easier to implement. This is a small (4K) script that doesn't add a lot of overhead to your page load time and is completely customizable to your taste. The images are preloaded individually. Some other features to note are the ability to your custom thumbnails, add a caption from image anchor title, and call events from the image onLoad event.

Implementing this gallery is, as noted earlier, very easy. You can have the whole thing up and running in only four lines of code. You need to add the CSS and JavaScript files to the header and then add the unsorted list that gets converted into the gallery. I have displayed the code that needs to be inserted into your header below. You can also get more help, checkout Demo1 or Demo2, and download the script.

 
<link href="galleria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.galleria.js"></script>
<script type="text/javascript">
jQuery(function($) { $('ul.gallery').galleria(); });
</script>
 

More information about usage available at the Galleria website.