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.


jQuery – Performance tips

Posted by & filed under Programming.

jQuery is an amazing tool that’s made JavaScript accessible to developers and designers of all levels of experience. However, as Spiderman taught us, “with great power comes great responsibility.” The unfortunate downside to jQuery is that while it makes it easy to write JavaScript, it makes it easy to write really really f*&#ing bad JavaScript. Scripts that slow down page load, unresponsive user interfaces, and spaghetti code knotted so deep that it should come with a bottle of whiskey for the next sucker developer that has to work on it.


FullCalendar — juery Calendar

Posted by & filed under Uncategorized.

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source and dual licensed under the MIT or GPL Version 2 licenses.


flot – jQuery chart plotting

Posted by & filed under Uncategorized.

This is a nice alternative to some commercial charting library options.

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.

The plugin works with Internet Explorer 6+, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ with the HTML canvas tag (the excanvas Javascript emulation helper is used for IE < 9). code.google.com/p/flot/

PHP Forms Framework – jFormer

Posted by & filed under Programming.

jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that:

  • Validate client-side
  • Validate server-side
  • Process without changing pages (using AJAX)

I recently used it to retrofit a old site I developed with some slick forms. This worked well and I’m happy! Definitely a nice way to collect and validate data.


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:

jquery libraries

Posted by & filed under Web Development.

Web Development Libraries/Framework Directory

Clean AJAX

Google Maps Plukin 2k ultralight

www.digitalinferno.net/demos/tt-1-0/inde… <– TinyTips — Lightweight tooltips that look badass


www.newmediacampaigns.com/files/posts/jp… <– Photogrid… a sweet lightbox like gallery

maxb.net/scripts/jbgallery-2.0/  <– JB gallery a cool inage display script that can even create alernating BGs

nivo.dev7studios.com/  <– the most awesome jquery image slider