Creating a Mouse Hover Image Zoom Effect with jquery.imagezoom.js

Plugin Overview When implementing a zoom effect for images, a suitable plugin can sipmlify the process significantly. The jquery.imagezoom.js plugin offers a straightforward way to enable image magnification on mouse hover. Plugin Source and Download The originla author and official website of this plugin are not clearly documented online. You ...

Posted on Tue, 22 Sep 2026 16:24:50 +0000 by desenhistas

Dynamic QR Code Generation with jquery.qrcode.js

jquery.qrcode.js is a jQuery plugin for generating QR codes dynamically. It requires jQuery to function, so you need to load jQuery before loading this plugin. <script type='text/javascript' src='js/jquery.min.js'></script> <script type="text/javascript" src="js/jquery.qrcode.min.js"></script> Add a ...

Posted on Mon, 21 Sep 2026 16:08:10 +0000 by makaveli80

Building a Lark Notification Plugin for Apache Answer

Plugin Architecture The Answer project, an open-source Q&A platform under the Apache Foundation, supports extensibility through plugins. I contributed the Lark (Feishu) notification plugin to deliver real-time alerts for new questions and answers. The design follows these principles: A Lark bot is created within a team, and its webhook end ...

Posted on Mon, 14 Sep 2026 16:52:01 +0000 by JamesyBHOY

jqGridView: A jQuery Plugin for Frozen Columns and Grouped Headers in Grids

When a project demanded a grid that could freeze both columns and headers while also supproting multi-level column gropuing, none of the existing libraries—ExtJS, EasyUI, Telerik, or native jQuery Grids—offered the three features together. The only viable path was to build a lightweight jQuery plugin that does exactly that. The result is jqGrid ...

Posted on Thu, 09 Jul 2026 16:33:43 +0000 by Aleirita

Creating a Custom jQuery Image Magnifier Plugin

Implementation Overview The image magnifier plugin creates a loupe effect that follows the mouse cursor over an image, showing a magnified portion of the image. This implementation uses two images: a thumbnail displayed on the page and a high-resolution version shown in the magnifier view. Core Principles Utilizes two images - a thumbnail and ...

Posted on Thu, 21 May 2026 17:02:29 +0000 by gatoruss

Matter.js Plugin: matter-wrap (Making the World Round)

Introduction Remember a scene from the comic "Smile Campus" where someone shoots forward, and after a while, the bullet hits the back of their head? The author used this dark joke to remind us that the Earth is round. In the default Matter.js world, there is no boundary. If you throw an object in a direction beyond the canvas boundary ...

Posted on Fri, 15 May 2026 17:11:24 +0000 by atrocious