#jquery

[ follow ]
#web-design

Mask Entry Animation: Stunning Image Reveals with jQuery

The script provides customizable entrance animations for images using CSS clip-path masking to create engaging visual effects.

Create Container-Relative Sticky Elements with jQuery

Relative Sticky Header simplifies making elements sticky within their parent container using jQuery, addressing limitations seen in traditional methods.

Mask Entry Animation: Stunning Image Reveals with jQuery

The script provides customizable entrance animations for images using CSS clip-path masking to create engaging visual effects.

Create Container-Relative Sticky Elements with jQuery

Relative Sticky Header simplifies making elements sticky within their parent container using jQuery, addressing limitations seen in traditional methods.
moreweb-design
#web-development

jQuery vs JavaScript: Know Their Differences

jQuery is a JavaScript library designed to simplify client-side scripting, providing a more intuitive syntax and extensive plugin library for enhanced web development.

Why jQuery 4 is a good reminder to stop using jQuery - LogRocket Blog

jQuery v4 signifies the end of its relevance for modern web development, as native JavaScript has taken over its functionalities.

Evolution of JavaScript frameworks and libraries

JavaScript has dramatically evolved from simple scripting to complex web applications through the introduction of frameworks and libraries.

Create Floating Growl-Style Notifications with Flyaler jQuery Plugin

Flyaler is a lightweight jQuery notification system that provides various types of unobtrusive messages for enhanced user feedback.

Django Collapsed Stacked Inlines

The jQuery script improves usability of stacked inlines in Django admin.

Simple Inline Editing with jQuery Editable Plugin

jQuery-editable enables inline editing of HTML elements, improving user experience by allowing quick content modifications.

jQuery vs JavaScript: Know Their Differences

jQuery is a JavaScript library designed to simplify client-side scripting, providing a more intuitive syntax and extensive plugin library for enhanced web development.

Why jQuery 4 is a good reminder to stop using jQuery - LogRocket Blog

jQuery v4 signifies the end of its relevance for modern web development, as native JavaScript has taken over its functionalities.

Evolution of JavaScript frameworks and libraries

JavaScript has dramatically evolved from simple scripting to complex web applications through the introduction of frameworks and libraries.

Create Floating Growl-Style Notifications with Flyaler jQuery Plugin

Flyaler is a lightweight jQuery notification system that provides various types of unobtrusive messages for enhanced user feedback.

Django Collapsed Stacked Inlines

The jQuery script improves usability of stacked inlines in Django admin.

Simple Inline Editing with jQuery Editable Plugin

jQuery-editable enables inline editing of HTML elements, improving user experience by allowing quick content modifications.
moreweb-development
#javascript

Create Quick Toast-like Alerts with Hazel jQuery Plugin

Hazel is a compact jQuery plugin designed for creating customizable toast notifications that disappear automatically.

Save And Restore Form Values With jQuery - savy.js

savy.js is a lightweight jQuery plugin that preserves form data using HTML5 localStorage, preventing data loss during refreshes or sudden closures.

Data:image

You can set an image src and input field using a data URL blob by reading the file with FileReader.

Store Form Fields In Session Storage - form-saver

form-saver is a jQuery/JavaScript plugin that stores form changed fields in local storage.
The plugin loops through form fields with name/id attributes and populates them with saved data.

Animated 3D Image Rotator with jQuery And CSS3 Transforms

The 3D image rotator allows for smooth rotation through a series of images with next/prev buttons.
It is built with JavaScript (jQuery) and CSS3 3D transforms to create a dynamic experience.

Create Quick Toast-like Alerts with Hazel jQuery Plugin

Hazel is a compact jQuery plugin designed for creating customizable toast notifications that disappear automatically.

Save And Restore Form Values With jQuery - savy.js

savy.js is a lightweight jQuery plugin that preserves form data using HTML5 localStorage, preventing data loss during refreshes or sudden closures.

Data:image

You can set an image src and input field using a data URL blob by reading the file with FileReader.

Store Form Fields In Session Storage - form-saver

form-saver is a jQuery/JavaScript plugin that stores form changed fields in local storage.
The plugin loops through form fields with name/id attributes and populates them with saved data.

Animated 3D Image Rotator with jQuery And CSS3 Transforms

The 3D image rotator allows for smooth rotation through a series of images with next/prev buttons.
It is built with JavaScript (jQuery) and CSS3 3D transforms to create a dynamic experience.
morejavascript
#plugin

YouTube Video Embed Optimization with yt-embed-js jQuery Plugin

The yt-embed-js plugin enables on-demand loading of YouTube videos, enhancing site performance by using thumbnails instead of loading videos immediately.

Create Engaging Fill-in-the-Blank Quizzes with fillInTheBlank.js

fillInTheBlank.js turns standard text into interactive fill-in-the-blank questions, improving user engagement in educational content.

Mobile-friendly Carousel Plugin For Bootstrap 5/4 - Silderable

Silderable is a useful jQuery and Bootstrap plugin for touch-enabled carousels, ideal for displaying portfolios or product listings.

Create Slick Animated Circular Progress Bars with jQuery & Bootstrap

This is a lightweight jQuery plugin that adds animated circular progress bars to your Bootstrap-based web pages and applications.
You can control the circle size, progress value, bar color, background color, and thickness easily through the API.

Cyclotron - 360Panorama Image Display Plugin

Cyclotron is a jQuery plugin that allows users to drag 360-degree panoramas and seamlessly looping images.
It supports both mouse drag and touch swipe events.

Dynamic Tree View Plugin With jQuery And Bootstrap

The jQuery treeview plugin helps render a dynamic hierarchical tree from a JSON schema.
The plugin has been rewritten in TypeScript and supports the latest Bootstrap 5 framework.

YouTube Video Embed Optimization with yt-embed-js jQuery Plugin

The yt-embed-js plugin enables on-demand loading of YouTube videos, enhancing site performance by using thumbnails instead of loading videos immediately.

Create Engaging Fill-in-the-Blank Quizzes with fillInTheBlank.js

fillInTheBlank.js turns standard text into interactive fill-in-the-blank questions, improving user engagement in educational content.

Mobile-friendly Carousel Plugin For Bootstrap 5/4 - Silderable

Silderable is a useful jQuery and Bootstrap plugin for touch-enabled carousels, ideal for displaying portfolios or product listings.

Create Slick Animated Circular Progress Bars with jQuery & Bootstrap

This is a lightweight jQuery plugin that adds animated circular progress bars to your Bootstrap-based web pages and applications.
You can control the circle size, progress value, bar color, background color, and thickness easily through the API.

Cyclotron - 360Panorama Image Display Plugin

Cyclotron is a jQuery plugin that allows users to drag 360-degree panoramas and seamlessly looping images.
It supports both mouse drag and touch swipe events.

Dynamic Tree View Plugin With jQuery And Bootstrap

The jQuery treeview plugin helps render a dynamic hierarchical tree from a JSON schema.
The plugin has been rewritten in TypeScript and supports the latest Bootstrap 5 framework.
moreplugin
#ajax

Master jQuery AJAX: Complete Guide to Asynchronous Requests

Versatility and Control
Comprehensive Configuration Options

Embed a file in several others

jQuery's load function can fetch specific elements but not entire files.
To insert an entire file from another server, use AJAX to gather the data.

Embed a file in several others [solved]

Using jQuery's .load() method allows loading specific parts of a file, but not whole files directly.

Master jQuery AJAX: Complete Guide to Asynchronous Requests

Versatility and Control
Comprehensive Configuration Options

Embed a file in several others

jQuery's load function can fetch specific elements but not entire files.
To insert an entire file from another server, use AJAX to gather the data.

Embed a file in several others [solved]

Using jQuery's .load() method allows loading specific parts of a file, but not whole files directly.
moreajax

Sparkline (Inline Chart) Plugin With jQuery And SVG - inlineGraph

inlineGraph is a user-friendly jQuery plugin for creating SVG inline graphs, offering various chart types with customizable attributes.

Autocomplete Suggestions For Inputs - Bootstrap Autocomplete

A full-featured autocomplete plugin for Bootstrap framework
#installation

Responsive jQuery Content Slider with Animations - Bxslider

bxslider is a fully responsive jQuery Slider Plugin with various features and easy installation.

jQuery Lightweight Accordion Plugin - Zebra_Accordion

Zebra_Accordion is a lightweight, highly customizable jQuery accordion plugin for organizing content.

Responsive jQuery Content Slider with Animations - Bxslider

bxslider is a fully responsive jQuery Slider Plugin with various features and easy installation.

jQuery Lightweight Accordion Plugin - Zebra_Accordion

Zebra_Accordion is a lightweight, highly customizable jQuery accordion plugin for organizing content.
moreinstallation

Simple Image Zoom & Pan with JS Zoomer jQuery Plugin

JS Zoomer enables easy zooming and panning of images within a container for enhanced user image exploration.
#user-experience

7 Best Skeleton Loaders In JavaScript And Pure CSS

Skeleton loaders enhance user experience by displaying placeholders while content loads.
Open-source options for skeleton loaders include jQuery, Vanilla JavaScript, and Pure CSS solutions.

Customizable Stacked Alerts For Bootstrap 5/4 - jQuery Stacked bsAlert

Stacking alerts can save screen space and enhance user experience.

One-Click Password Visibility With jQuery - Toggle Password

Password visibility toggle button for improved user experience.

7 Best Skeleton Loaders In JavaScript And Pure CSS

Skeleton loaders enhance user experience by displaying placeholders while content loads.
Open-source options for skeleton loaders include jQuery, Vanilla JavaScript, and Pure CSS solutions.

Customizable Stacked Alerts For Bootstrap 5/4 - jQuery Stacked bsAlert

Stacking alerts can save screen space and enhance user experience.

One-Click Password Visibility With jQuery - Toggle Password

Password visibility toggle button for improved user experience.
moreuser-experience

Validate Form Fields With NO Code Skills - jQuery SimpleValidation

Simple Validation is a jQuery plugin for easy client-side form field validation, ideal for beginners and customizable with predefined and custom rules.
#responsive-design

Tiny Responsive Lightbox Gallery Plugin For jQuery - Viewbox

Simple jQuery plugin for a responsive image gallery with lightbox view.

Responsive Lightbox Slider For The Web - jQuery imagesSlider

imagesSlider is a lightweight jQuery plugin for responsive lightbox sliders.
It uses CSS flexbox for responsiveness and jQuery fade functions for smooth transitions.

Tiny Responsive Lightbox Gallery Plugin For jQuery - Viewbox

Simple jQuery plugin for a responsive image gallery with lightbox view.

Responsive Lightbox Slider For The Web - jQuery imagesSlider

imagesSlider is a lightweight jQuery plugin for responsive lightbox sliders.
It uses CSS flexbox for responsiveness and jQuery fade functions for smooth transitions.
moreresponsive-design
#callback-functions

Dynamic Bootstrap 5 Toasts Creation With jQuery bs-toast.js

bs-toast.js simplifies the creation and management of Bootstrap 5 Toast components with enhanced customization options.

Interactive Checkbox Menus With jQuery CheckboxManager

CheckboxManager is a jQuery plugin for creating custom checkbox menus for interactive UI management.

Dynamic Bootstrap 5 Toasts Creation With jQuery bs-toast.js

bs-toast.js simplifies the creation and management of Bootstrap 5 Toast components with enhanced customization options.

Interactive Checkbox Menus With jQuery CheckboxManager

CheckboxManager is a jQuery plugin for creating custom checkbox menus for interactive UI management.
morecallback-functions

0.2kb Equal Height Plugin In jQuery - Uniform

Uniform plugin creates equal height columns by setting the tallest element's height to other elements with data-uniform="true".

Highlight Text In Contenteditable Elements With simpleHighlightTextarea jQuery Plugin

simpleHighlightTextarea allows for text highlighting in contenteditable elements using custom colors, enhancing user focus on specific text.

User-friendly Time/Duration Picker In jQuery - fxtime.js

User-friendly jQuery time/duration picker
Automatic formatting and verification system for correct time inputs
Keyboard shortcuts and customization options for enhanced accessibility

Minimalist Table Sorter In jQuery

jQuery-powered table sorter for instant sorting
Lightweight implementation with just 1kb jQuery code

CSS Text Effect Style 232

JavaScript is used to create various interactive elements on websites.
JavaScript libraries like jQuery offer pre-written code for these interactive elements.

Subtle Parallax Effect For Background Images - jQuery js-parallax

Adding depth to content with shifting background
Higher engagement through interactivity

JQuery 4.0.0 Beta Released with Important Deprecations and Breaking Changes

jQuery 4.0 release includes bug fixes, performance improvements, and breaking changes.
jQuery 4.0 drops support for IE<11 and older browsers, aligns focus events, and supports FormData.

Simplify Yandex Maps Embed With The ddMap jQuery Plugin

ddMap is a jQuery plugin for customizable, responsive Yandex maps.
It simplifies embedding multiple markers and customizing map controls.
#plugin-development

Seamless Content Scrolling With jQuery Marquee.js

Marquee is a jQuery plugin for infinite horizontal or vertical scrolling of HTML lists.

jQuery Plugin To Split Text By Lines - SplitLines

Split a block of text into separate lines using specific html tags based on width.
You can style and animate each line individually after splitting.

Seamless Content Scrolling With jQuery Marquee.js

Marquee is a jQuery plugin for infinite horizontal or vertical scrolling of HTML lists.

jQuery Plugin To Split Text By Lines - SplitLines

Split a block of text into separate lines using specific html tags based on width.
You can style and animate each line individually after splitting.
moreplugin-development

Intuitive Edit-In-Place With EditableOnDoubleClick jQuery Plugin

Allows easy text editing on double-click
Useful for CMS dashboards and e-commerce websites

5 jQuery.each() Function Examples - SitePoint

jQuery's each() function is used to loop through elements of a jQuery object, making it useful for DOM manipulation and iterating over arrays and object properties.
The each() function has two different syntax options: using $(selector).each() for a jQuery object or using $.each() as a utility function.

Add Smooth Fade & Slide Effects To Elements With FadeScroll.js

Fade Scroll.js is a lightweight jQuery plugin that adds fade and slide effects to elements as they scroll into view.
The plugin supports fading in from the top, bottom, left, or right, allowing for smooth transitions and enhanced scrolling.

Ultra Small Responsive jQuery Image Slider - kslider

kslider is an ultra-small, fully responsive, easy-to-use, jQuery based slider for presenting images in an elegant way.
Features include auto adjustment of height/width depending on screen size, auto show/hide navigation arrows on hover, auto creation of image captions from alt attribute, and auto transitions between images.

Responsive Image Cover Flow Plugin with jQuery and CSS3 - flipster

flipster is a jQuery plugin that creates an image Cover Flow effect using CSS3 3D transform and flipping effects.
The plugin has fallback functionality for browsers that do not support CSS3 3D transform, like IE7, IE8, and IE9.

Corner Popup - Fully Customizable jQuery Pop-Up Plugin

Corner Popup is a simple jQuery pop-up plugin that can be used on almost all modern websites.
Corner Popup is fully configurable and you can change many parameters - position, window color, content inside etc.
Corner Popup is easy to use and you don't need any programming skills. It is fully responsive without using any framework.

Navigate Between Elements With Directional Buttons - jQuery Directional

The Directional jQuery plugin provides an accessible solution for users who rely on remote/keyboard controls to navigate websites.
It can be used by individuals with motor impairments or those who prefer keyboard-based navigation, as well as in web apps designed for Smart TVs.

Add Processing Feedback To Submit Buttons - jQuery faSpinner

The fa.submit.spinner jQuery plugin adds a loading spinner to disabled submit buttons on forms
Developers can customize the spinner markup and CSS styles

Background Parallax Effect On Scroll Or Mousemove - parallaxBackground

parallaxBackground is a JavaScript/jQuery plugin that applies subtle animations to background images as you scroll the webpage
The plugin is based on the GSAP animation library

Display Mixed Media In Lightbox Galleries With jQuery

The upgraded lightbox gallery jQuery plugin supports displaying images, videos, iframes, and a mix of these media types.
It transforms a simple linked media gallery into a modal-style navigation experience, allowing users to seamlessly navigate through gallery items.

Mastering JavaScript in 2023: The Comprehensive Guide

JavaScript has evolved from a simple scripting language to a robust and ubiquitous programming language.
Important milestones include the creation of JavaScript, the development of AJAX, the introduction of jQuery, and the release of Node.js.

Careful, that jQuery package could be loaded with Trojans

Hackers targeting developers through malicious libraries impersonating jQuery to launch supply chain attacks.

Responsive 3D Image Carousel Plugin with jQuery - jR3DCarousel

jR 3DCarousel is a jQuery plugin for responsive image carousels with 3D effects.

Convinient File Preview Before Uploading - jQuery Fily

Fily plugin simplifies file management and verification before uploading.

User-friendly Tag Management jQuery Plugin - Selectit.js

Selectit.js simplifies tag management on web apps by converting a DIV into a tag editor field with API methods for tag manipulation.

Advanced Nepali Date Picker In jQuery

Easy integration of an advanced Nepali date picker using jQuery.
[ Load more ]