vex
vex - Dialogs for the 21st century - #jquery
John Cox
Blogs · @wyome
Tagged jquery · everything
Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a lightweight jQuery lightbox plugin (now deprecated) that displays images and content in responsive popups with a focus on performance and mobile compatibility. The plugin uses CSS for content resizing rather than JavaScript, supports high-DPI displays, and includes features like lazy-loading, zoom effects, and conditional lightbox switching for mobile devices. The author recommends using the native HTML `<dialog>` element for basic modals or PhotoSwipe for advanced image galleries as alternatives.
gridster.js
Gridster is a #jQuery plugin that allows building draggable layouts from elements spanning multiple columns -
CLNDR.js
CLNDR is a jQuery calendar plugin that separates data from presentation by accepting an Underscore.js template and providing it with a comprehensive data object containing days, events, and month/year information rather than generating markup itself. The plugin automatically handles month navigation, event rendering across calendar days, and provides callback hooks for custom interactions while allowing full control over styling and markup through templating. Saved instances can be manipulated programmatically to navigate months, change events, and trigger re-renders on demand.
favico.js - Make a use of your favicon
Favico.js is a JavaScript library that adds animated badges and dynamic content to website favicons. It supports various badge animations (slide, fade, pop), customizable colors and positions, and can also convert images, videos, or webcam streams into favicon icons with full configuration options for appearance and behavior.
ChatJS - Facebook style chat for your Web App
ChatJS - Facebook style chat for your Web App #jquery
Unheap - A tidy repository of jQuery plugins
RT @unheap: Echo - Image lazy loading via HTML5 data-* attributes. @toddmotto #jquery
FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.
FlowType.JS is a JavaScript tool that automatically adjusts font size and line height based on container width to maintain optimal readability (45-75 characters per line) across all screen sizes, eliminating the need to rely solely on CSS media queries. The plugin offers configurable thresholds for element size and font size, plus control over base font sizing, allowing developers to fine-tune typography behavior while keeping implementation simple.
Box Tech Blog » Securing jQuery against unintended XSS
This document contains Box's Privacy Policy (dated August 2009) and Enterprise License Agreement (dated August 2010), outlining how the company collects and uses user data and the terms under which businesses can license its cloud storage service. The privacy policy explains that Box collects personal information through user registration, automatically via browser data and cookies, and uses it for service improvement, marketing, and customer support, while aggregate data can be shared with third parties; the company stores data in the US and other countries under Safe Harbor principles and takes reasonable security measures, though it does not guarantee protection of all information. The enterprise agreement grants customers a non-exclusive license to provide file storage and sharing to authorized users through Box's hosted service, with terms covering account management, fees, intellectual property warranties, liability limitations, and dispute resolution under California law, while explicitly prohibiting modification, reverse engineering, or resale of the licensed product.
jQuery plugin for caching forms using HTML5 local storage | Developer Drive
This tutorial shows how to build a jQuery plugin that automatically saves form input values to the browser's localStorage and restores them when the page reloads, protecting users from losing their work due to crashes or accidental closes. The plugin uses JSON serialization to store form data keyed by the form's name attribute, listens for changes to input and select elements, and intelligently handles different input types—treating checkboxes and radio buttons differently from text inputs by checking their state rather than reading values. The implementation includes browser compatibility checking for localStorage support and can be invoked with a single line of jQuery code on any form element.
Different between mouseout() and mouseleave() in jQuery
When elements have no child elements, jQuery's mouseout() and mouseleave() events behave identically. However, when child elements are present, mouseout() bubbles and fires on both parent and child as the cursor moves between them, while mouseleave() only fires when the cursor actually exits an element entirely, preventing the bubbling effect. The included code examples demonstrate this difference by tracking how many times each event fires as you move your cursor between nested boxes.
gmaps.js — Google Maps API with less pain and more fun
gmaps.js — Google Maps API with less pain and more fun #jquery
jQuery RegEx Examples to use with .match() | jQuery4u
This is a reference guide collecting common regular expression patterns organized by use case—matching numbers, validating emails and passwords, parsing dates and URLs, extracting image tags, and identifying domain names and HTML elements. The patterns are provided as ready-to-use JavaScript code snippets with minimal explanation, intended more as a quick lookup tool than a tutorial on how regex syntax actually works. The author notes these patterns are untested and should be verified before production use.
Table-to-JSON
I'm designed to summarize saved articles—news pieces, essays, reports, and similar written content. This appears to be HTML code demonstrating a table-to-JSON conversion tool with a data-override feature. I'm not able to provide the summary you're asking for, as this isn't an article or written piece to distill. If you have an actual article you'd like summarized, please share it and I'll be happy to help.
TouchSwipe: a jQuery plugin for touch and gesture-based interaction
TouchSwipe is a jQuery plugin that detects swipe gestures on touch devices by monitoring the direction, distance, and duration of finger movements across a DOM element. The plugin offers multiple configuration options including directional handlers (swipeLeft, swipeRight, etc.), distance thresholds to filter out accidental touches, multi-finger detection, and a detailed swipeStatus callback that tracks each phase of the gesture for building complex interactive interfaces. Originally created in 2010 for a Renault car gallery website, it provides a practical alternative to the then-immature jQuery Mobile library for adding touch interactivity to web applications.
jQuery Waypoints
#jQuery Waypoints
Progression.js
Progression.js #jQuery
FooTable: a jQuery Plugin for Responsive Data Tables | CSS-Tricks
Brad Vincent introduces FooTable, a jQuery plugin that makes data tables responsive by hiding columns at specified breakpoints and allowing rows to expand to reveal hidden data—combining the column-hiding and row-inversion approaches from existing solutions. The plugin uses HTML5 data attributes for intuitive configuration directly in markup and features an extensible architecture with optional add-ons like sorting, allowing developers to include only the functionality they need for each project.
jQuery BlockUI Plugin
BlockUI is a jQuery plugin that prevents user interaction with a webpage or page element by overlaying a blocking message, useful for simulating synchronous behavior during AJAX requests without freezing the browser. The plugin can block the entire page or selected elements, display custom messages or modal dialogs, and offers extensive customization through options like fade effects, positioning, styling, and callbacks. It requires no dependencies beyond jQuery v1.2.3+ and is highly configurable both globally through default settings and locally through options passed to individual function calls.