trunk8 | Rick Viscomi
trunk8 - #jquery
Blogs · @wyome
Tagged jquery · everything
trunk8 - #jquery
Photobooth.js #jquery
Bootbox is a JavaScript library that simplifies creating modal dialogs by wrapping Bootstrap's modal component with three familiar functions—alert(), confirm(), and prompt()—that work like their native JavaScript counterparts. Instead of writing dozens of lines of HTML and JavaScript to set up a modal with event listeners and DOM cleanup, Bootbox lets you accomplish the same thing with a single line like `bootbox.alert('Hello world!')`. The library also provides a lower-level dialog() function for building custom modals beyond the three standard types.
FooTable #jquery
Magna Charta examples #jquery
This article provides 14 practical jQuery code snippets covering common frontend tasks like hover effects, preventing default link behavior, animating elements, toggling visibility, handling form data with Ajax, manipulating CSS classes and attributes, and traversing the DOM. The snippets are presented as blank templates that developers can customize for their own projects, ranging from beginner-friendly functions like scrolling to top to more advanced techniques like loading external content and keystroke event handling.
Pickadate.js #jquery
jQuery Stalker is a plugin that makes specified page elements follow the user's scroll position, returning to their original location when the user scrolls past them. It offers configurable options including the direction to follow, pixel offset from screen edges, custom styling while following, animation delays, and callback functions for when following starts and stops. The plugin is installed via npm and licensed under Apache 2.0.
Garlic.js is a lightweight JavaScript library that automatically saves form field values to the browser's localStorage, preventing data loss if a user accidentally closes their tab or browser. Implementation requires only adding `data-persist="garlic"` to form tags, and the library offers configuration options like domain-wide storage, custom callbacks for retrieval and persistence events, and conflict management between stored and database values. The minified version (~5K) requires jQuery or Zepto and is compatible with modern browsers (IE8+, Chrome 4+, Firefox 4+, Safari 4+, Opera 11+).
Sisyphus - Gmail-like client-side drafts and bit more #jquery
Numeral.js is a JavaScript library for formatting and manipulating numbers in various ways—as currency, percentages, bytes, or with custom delimiters and abbreviations. It allows you to create numeral objects from numbers or strings, format them according to preset or custom patterns, and perform basic mathematical operations like add, subtract, and difference. The library supports multiple locales and custom format definitions, making it useful for displaying numbers appropriately across different regions and use cases.
Colorpicker and Datepicker for Twitter #Bootstrap -
Sly is a jQuery-based JavaScript library that enables smooth, one-directional scrolling with multiple navigation methods including mouse wheel, dragging, touch input, and automated cycling. It uses optimized animation rendering with requestAnimationFrame and GPU acceleration for performance, while maintaining broad browser compatibility including legacy versions. The library offers a comprehensive API with numerous configuration options and methods for controlling scroll behavior and positioning.
#jQuery Cheatsheet
5 #jQuery tips for intermediates via @ozkatz100
JavaScript is a programming language for creating interactive browser experiences, while jQuery is a library built on JavaScript that simplifies common tasks like DOM manipulation and event handling with less code. The piece argues that jQuery isn't a separate language but rather a collection of JavaScript code designed to make development faster and easier, and recommends that developers learn both to understand when each tool is most appropriate for their projects.
jQuery.grrrid, grrreat for all grid-related layouts. - #jquery
jwerty is a lightweight JavaScript library (1.5kb minified and gzipped) that simplifies keyboard event handling by allowing you to bind, fire, and assert key combinations using intuitive string syntax rather than the browser's native keyboard API. It supports global shortcuts, key sequences, optional key alternatives, regex-like key ranges, and element-specific bindings, with methods like `jwerty.key()` for binding callbacks, `jwerty.is()` for checking events, and `jwerty.fire()` to trigger keyboard events programmatically.
jQuery 1.8.2 is a bug-fix and performance-improvement release addressing regressions from earlier 1.8 versions, with corrections to deferred objects, event handling, offset calculations, selectors, and DOM traversal. The update resolves issues affecting browser compatibility (particularly IE and mobile devices), pseudo-class selectors, and event delegation performance.
vintageJS is a jQuery plugin that applies vintage and retro photo effects directly on websites using HTML5 canvas, eliminating the need to pre-process images in desktop software before uploading. The plugin offers preset filters like sepia and grayscale, plus customizable options for vignette, noise, desaturation, and other effects that can be combined to create consistent styling across user-uploaded images. This approach solves the problem of maintaining a cohesive aesthetic when clients or site visitors are regularly adding new photos without manual processing.