jQuery inline form validation | Jquery Labs
A jQuery Labs resource demonstrating how to implement real-time form validation using inline techniques.
John Cox
Blogs · @wyome
Tagged jquery · everything
A Fresh Bottom Slide Out Menu with jQuery | Codrops
This tutorial demonstrates how to build a slide-out menu that emerges from the bottom of a container, with menu items displaying titles, descriptions, and icons that animate on hover. The implementation uses semantic HTML markup with nested spans and icon elements, CSS3 for styling with shadows and rounded corners, and jQuery to animate the link and icon positions when users interact with menu items. The key technique involves positioning elements with negative values and then animating those positions on hover to create the sliding effect.
jQuery SuperBox!
jQuery Superbox! is a lightweight jQuery plugin (2kb minified) that creates customizable lightbox windows for displaying images, galleries, external pages, or AJAX-loaded content using only the `rel` attribute on links. The plugin prioritizes accessibility by keeping the `href` attribute semantically meaningful, requires no default styling so everything is CSS-customizable, and supports multiple display modes including single images with optional dimensions, image galleries with keyboard navigation, page elements, and dynamically loaded content.
jQuery Calculation Plug-in
This documentation describes a jQuery Calculation plug-in that extracts numerical values from DOM elements like input fields, divs, and spans to perform dynamic mathematical operations. The plug-in can calculate sums, averages, minimums, and maximums from parsed numbers, with error handling that highlights fields containing non-numeric values. It supports automatic recalculation when values change and can be applied to practical scenarios like computing product totals and grand totals in shopping carts.
Grid Accordion with jQuery | CSS-Tricks
A "grid accordion" is a table layout where each column contains accordion-style content panels that expand when clicked, with the column width automatically enlarging to accommodate readable text while others shrink. The article walks through the HTML structure using semantic definition lists, CSS techniques for accessibility (positioning hidden content off-screen rather than using display:none so screen readers and jQuery animations work properly), CSS3 styling with :nth-of-type selectors, and jQuery delegation to handle click events efficiently and allow images to toggle column expansion.
Untitled (http://sitesyrup.posterous.com/add-some-jquery-sparkle)
RT @SiteSyrup: Add Some Jquery Sparkle #jquery #webdesign
Opensource - AJAX - Jqtransform - jQuery form plugin
jqTransform is a jQuery plugin that reskins form elements (checkboxes, radio buttons, select dropdowns, and text inputs) with custom CSS styling that works consistently across browsers, replacing the default OS-dependent appearance. The plugin requires only jQuery inclusion and a form with the "jqtransform" class, then applies the styling through a simple function call with customization done entirely through CSS. Version 1.1 added click event handling for checkboxes and radio buttons plus auto-resizing for select fields.
http://jqtouch.com/
Zepto/jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.
Issues - mustardamus/ketchup-plugin - GitHub
I can't summarize this for you because there's no saved article here—this is a list of GitHub issues from the ketchup-plugin repository showing bug reports and feature requests. If you'd like me to summarize an actual article or document, please share that instead.
jLinq
jLinq is a JavaScript library that lets you query arrays of JSON objects using fluent, chainable syntax instead of loops and conditionals, making it easier to filter, sort, and transform data. The library supports complex queries like filtering records by multiple conditions and sorting by multiple fields, with readable method chaining (for example, filtering people whose first names start with 'a', 'b', or 'c', then sorting by last name). It's also extensible, allowing developers to create custom functions that integrate seamlessly into the library's query interface.
DataTables (table plug-in for jQuery)
DataTables is an open-source JavaScript library for transforming HTML tables into interactive data grids with features like pagination, sorting, searching, and responsive design. It requires no dependencies, works with vanilla JavaScript and popular frameworks like React and Vue, and can be installed via NPM or CDN. The tool is designed for developers who need to quickly add advanced table functionality without building custom solutions from scratch.
jQuery Dock Menu Tutorial Revisit - Dock at Bottom | Queness
This tutorial explains how to build a bottom-docking menu bar that minimizes to a thin strip and expands on hover, solving common problems like browser scrollbars and page length by using a wrapper div with calculated height and absolute positioning controlled by jQuery. The implementation prioritizes clean, minimal code while ensuring graceful degradation so the dock displays correctly even without JavaScript enabled.
SimpleModal / Eric Martin / ericmmartin.com
SimpleModal is a lightweight jQuery plugin that provides a customizable framework for creating modal dialogs with flexible styling options, callback functions, and cross-browser compatibility. The plugin offers two invocation methods—chaining on existing elements or standalone function calls—and supports extensive configuration through options like opacity, positioning, dimensions, and animation callbacks (onOpen, onShow, onClose). It handles common modal dialog challenges including automatic centering, overlay management, keyboard/click-to-close functionality, and element cloning, while maintaining compatibility with IE6+ and modern browsers.
25 Excellent jQuery Tutorials for Navigation Menu « AcrisDesign – Web Design Resources and Inspiration
A curated collection of 25 jQuery tutorials focused on creating and styling navigation menus for web projects.
Excellent JQuery Plugins To Enhance Form Validation | AntsMagazine.Com
A guide to useful jQuery plugins for implementing form validation on websites.
26 cool and useful jQuery tips, tricks & solutions | OpenSourceHunter
A collection of 26 practical jQuery tips, tricks, and solutions for web developers.
Ketchup Plugin
A WordPress plugin that helps manage and organize content or tasks with a catchy name reference.
The Easiest Way to Build your First iPhone App | Nettuts+
PhoneGap allows developers to build native iPhone apps using web technologies (HTML, CSS, JavaScript) rather than Objective-C, by wrapping web code in an embedded Safari view and mapping native iPhone features like GPS and camera to JavaScript APIs. This tutorial demonstrates creating a mobile web app with native iPhone styling using the jQTouch framework, then compiling it into a distributable iTunes App Store application through PhoneGap and XCode. The example builds a simple app displaying a Tumblr feed with screen transitions, showing how minimal setup is needed to go from web app to native iPhone application ready for App Store submission.
40 Brilliant Type-Only Logo Designs | Web Design Ledger
Effective logos don't require icons or symbols—thoughtful typography alone can create strong brand identity when letters and typefaces become visually inseparable from the company they represent. The post showcases 40 examples of type-only logos that demonstrate how creative letterform styling, negative space, and typography can communicate brand essence without pictorial elements.
20++ jQuery Introduction Tutorials and Resources for Beginners
Kevin Liew introduces jQuery as a JavaScript library that dramatically simplifies web development by reducing code complexity and enabling animations and effects with minimal syntax, making it accessible even to developers without strong JavaScript backgrounds. The piece curates numerous beginner-friendly resources and tutorials from across the web, alongside examples of over 30 jQuery tutorials Liew himself has created covering practical effects like dropdown menus, carousels, image galleries, and sliding animations. Rather than providing detailed instruction, it primarily serves as a navigation hub for learners seeking jQuery fundamentals through video series, interactive demonstrations, and visual walkthroughs.