Easiest “check all” ever with jQuery

Posted by & filed under Javascript, Programming, Web Development.

How does it work?

This code checks/unchecks all checkboxes within the same fieldset. Simple and semantic.

HTML Setup

Add checkboxes however you like, just make sure they are within the same fieldset.

    <!-- these will be affected by check all -->
    <div><input type="checkbox" class="checkall"> Check all</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <!-- these won't be affected by check all; different field set -->
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>
    <div><input type="checkbox"> Checkbox</div>

And the jQuery to go along with it:

$(function () {
    $('.checkall').click(function () {
        $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);

Source: briancray.com/posts/check-all-jquery-jav…

Useful jQuery Plugin repo

Posted by & filed under Javascript, Programming.

The Handpicked jQuery Plugins Repository is a carefully selected roundup of some of the best jQuery Plugins ever released. Here we offer you the ability to browse through the plugins, or download a plugin that you fancy. Whether you’re building a huge Web-Application, or a simple site, we’ve got you covered. We also offer you the ability to hot-link directly to these plugin scripts through our CDN service, so your site loads much faster.


Hawt JS List Action

Posted by & filed under Javascript, Programming.

Do you want a 9 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah!
Do you also want the possibility to add, edit and remove items by dead simple templating?


CSS Sprites

Posted by & filed under Javascript, Programming, Uncategorized, Web Development.

I found a few handy resources for generating CSS sprites. Using sprites and sliding CSS “windows” it is possible to consolidate images into one single image, and then only display the portion of the main image that contains the image to display.

Why would you do all of this? HTTP Requests. Each time your browser has to make a request to the server for a resource, there are multiple steps occurring. Each of these requests is guaranteed to take a minimum about of time to happen plus the time it takes to transfer the actual data payload (in this case a image).

So in our example scenario, let’s say we have 35 images on our page and one CSS file linked in for styling the site. When a user visits the website, their browser makes one request for the actual web page, one request for the CSS file, and 35 separate requests for each image. So by creating a single CSS sprite out of the 35 images, we are effectively reducing the number of requests by 34. This will help page load time quite a bit. Also, similar techniques can be applied to other web resources like js files, and CSS files.

It’s not so much that these tools are required to do CSS sprites, but they do make creating them much easier.



Link Dump

Posted by & filed under Javascript, Link Dump, PHP, Programming, Web Development.

Liiiinkiii liinki!!i

Iconic is a minimal set of icons consisting of 136 marks in raster, vector and font formats — free for public use.

A quick and simple web design image placeholder service.

Linked select boxes jQuery plugin
Stackoverflow question for above:

I’m building the 2.0 version of Ipscheme on this: