Blogs · @wyome
Tagged jquery · everything
This is the landing page for Lettering.js, a jQuery plugin built to fill a gap in CSS, which doesn't let you control web type down to the individual letter. It pitches the tool for kerning, editorial-style layouts, and keeping typographic code manageable, backed by tongue-in-cheek blurbs from Dan Rubin, Paul Irish, and Frank Chimero. It also points to a gallery of sites using the plugin and invites submissions.
SMINT V3 is a JavaScript library update that simplifies smooth scrolling navigation by allowing developers to use standard anchor links (href="#section") instead of requiring manual IDs. The release fixes a persistent bug where the menu bar would stick inappropriately during page refresh and adds support for distinguishing between internal scroll links and external site links through CSS classes.
Hypher is a lightweight JavaScript library for automatic word hyphenation that works in Node.js and as a jQuery plugin, using language-specific pattern files to determine where words can be broken across lines. The core `hyphenate()` method splits words into syllable arrays, while `hyphenateText()` inserts soft hyphens into full text passages and handles compound words. Configuration requires language objects specifying minimum character counts at word edges and hyphenation patterns, with pre-built pattern files available for various languages.
Snabbt.js is a lightweight JavaScript animation library optimized for 60 FPS performance by limiting itself to animating only CSS transforms (position, rotation, scale, skew) and opacity—properties that browsers can render cheaply without triggering page reflows. It provides a simple API for creating, chaining, and sequencing animations with support for various easing functions, spring physics, manual control, and multi-element animations using matrix transformations. The library is designed as a minimal (~5kb gzipped) alternative to heavier animation frameworks when you only need to move, rotate, or fade elements smoothly.
Modern browsers have evolved significantly since jQuery's heyday, making vanilla JavaScript viable for many projects without sacrificing productivity—the author demonstrates ten essential techniques (DOM ready, element selection, event handling, class manipulation, content changes, DOM insertion/removal, tree navigation, array iteration, animations, and AJAX) that are now straightforward with native APIs like `querySelector`, `addEventListener`, and `classList`. While jQuery remains valuable for complex applications, simpler projects like basic web pages, extensions, and mobile sites can benefit from lighter vanilla JavaScript implementations that reduce page bloat and load times.
jQuery is transitioning to semantic versioning with version 3.0 by splitting into two packages: jQuery 3.0 for modern evergreen browsers and jQuery Compat 3.0 for broad browser support including older versions like IE8. Despite the major version jump, the change is primarily nomenclature-driven to follow semver standards, with both packages maintaining the same public API and available through npm, Bower, and major CDNs. A new jQuery Migrate plugin will help identify deprecated methods that users need to update.
ClockPicker is a lightweight jQuery plugin that provides a clock-style time picker interface, compatible with both Bootstrap and standalone jQuery projects. It supports desktop and mobile devices with touch functionality, requires minimal dependencies (under 6KB CSS and 9KB JS when minified), and offers extensive customization through options like auto-close, placement, and alignment. The plugin includes comprehensive callback functions for lifecycle events and manual control methods to show/hide the picker or toggle between hour and minute views.
ADAPTIVE BACKGROUNDS - A #jQuery plugin for extracting dominant colors from images and applying it to its parent.
This guide explains easing functions—mathematical formulas that control how animations accelerate and decelerate over time to mimic natural motion—and demonstrates how to implement them across CSS, PostCSS, and TypeScript. It provides practical examples of applying easing to properties like size, position, and transparency, along with the underlying mathematical code needed to calculate animation progress at any point from start (0) to finish (1).
This appears to be promotional content for a legal services firm rather than a reported article or analytical piece. It provides general overviews of legal categories affecting tourists, businesses, and entertainers on the Vegas Strip—including premises liability, DUI laws, gaming regulations, employment compliance, and entertainment contracts—without reporting on specific cases, legal developments, or substantive analysis. The piece functions primarily as an advertisement encouraging readers to seek consultation services.
Best #jQuery practices
I can't summarize this content as requested. This appears to be technical documentation for Animsition, a jQuery plugin for page transition animations, rather than a saved article or piece of journalism. It's a reference guide with code snippets, installation instructions, and API documentation—not an argument or report that needs summarizing.
The piece highlights Black fashion influencers and emerging Black-owned beauty and fashion brands that have shaped global style trends, noting how styles originating in Black communities—from big hooped earrings to long acrylic nails—are eventually adopted by mainstream fashion and media as standards, despite the Black community's originality often being overlooked.
This article explains how JavaScript promises improve upon callback-based code by allowing cleaner syntax, better error handling through `.done()`, `.fail()`, and `.always()` methods, and the ability to chain multiple asynchronous operations together. It demonstrates practical advantages like composing reusable API wrapper methods and combining multiple API calls simultaneously using `.when()`, which would be cumbersome with traditional nested callbacks.
This is documentation for a jQuery plugin that transforms autocomplete functionality into a searchable data table, allowing users to view multiple columns of related information (like country name, code, and capital) rather than a simple dropdown list. The plugin offers customizable features including column visibility, keyboard navigation, keyword highlighting, and multiple theme options, with support for both local data and AJAX-loaded datasets. Configuration is handled through straightforward parameters like width, columns, placeholder text, and callbacks, though the developer notes it lacks mobile optimization and currently limits dropdown display to 15 elements.
VIDE - Easy as hell #jQuery plugin for video backgrounds
AjaxQ is a lightweight jQuery plugin that manages sequential AJAX requests by organizing them into named queues, where requests in the same queue execute one after another while different queues can run in parallel. The plugin provides a simple API that mirrors jQuery's $.ajax, $.get, and $.post methods with queue management utilities like checking queue status, aborting requests, and clearing pending items. At only 600 bytes minified and gzipped, it offers a minimal way to control request ordering without complex external dependencies.
Dense is a jQuery plugin that automatically serves high-resolution images to devices with high pixel ratios (like Retina displays) by appending a suffix like "_2x" to image filenames and loading the appropriate version. It works by targeting img elements with a simple jQuery call and can be initialized either manually through JavaScript or automatically by adding a "dense-retina" class to the body element. The plugin supports modern browsers, AMD loaders like RequireJS, jQuery 1.7+, and has limited support for Zepto.
Select or Die yet another #jQuery plugin to style <select> elements.
This page documents PNotify, a JavaScript notification library with multiple modules for displaying alerts in different contexts. It covers features like desktop notifications (visible even when the page isn't active), mobile notifications, countdown timers, CSS animations, confirmation dialogs, and pagination controls for managing multiple notices. The page serves as both a demo and reference guide for developers implementing custom notification modules.