
Security News
Django Joins curl in Pushing Back on AI Slop Security Reports
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.
Carbonate the web.
JQuery plugin based on bubblr by Mikey Hogarth.
Install the library:
npm install --save carbonator
Require the module:
require('carbonator');
JQuery should now be able to initialize carbonation on an HTML div
via the carbonate
function:
$('div.flat').carbonate();
A canvas
element will be created and appended to the div
, and will resize automatically to match its parent.
The following options may be passed to the carbonate
function:
option | description | default |
---|---|---|
animationInterval | inverval between animation frame requests (ms) | 1000 / 24 (24 FPS) |
backgroundColor | background color of the container element | 'transparent' |
bubbleColor | color of the bubbles | 'white' |
bubbleDensity | number of bubbles to draw per pixel of canvas area | 0.0005 |
bubbleFlutter | maximum range bubble may move in either direction (px/frame) | 0.1 |
bubbleGrowthFactorMin | minimum bubble growth rate | 1 (no growth) |
bubbleGrowthFactorMin | possible bubble growth rate in excess of minimum | 0.002 |
bubbleOpacity | opacity of the bubbles | 0.7 |
bubbleRadiusMin | minimum range of each bubble (px) | 1 |
bubbleRadiusRange | possible bubble radius in excess of minimum | 2 |
bubbleSpeedMin | minimum movement speed of each bubble (px/frame) | 3 |
bubbleSpeedRange | possible bubble movement speed in excess of minimum | 2 |
hotspotDensity | number of hotspots to generate per pixel of width | 0.0025 |
hotspotProbabilityMin | minimum chance per frame for hotspot to generate bubble | 0.25 |
hotspotProbabilityMax | maximum chance per frame for hotspot to generate bubble | 0.75 |
hotspotRespawnRate | chance per frame that hotspot will be deleted and regenerated at a different location | 1 / (24 * 10) (about every 10 seconds) |
beforeDraw | function to call before drawing each frame (passed CanvasRenderingContext2D ) † | undefined |
afterDraw | function to call after drawing each frame (passed CanvasRenderingContext2D ) † | undefined |
† callbacks are bound to the Carbonator
instance; internal properties may therefore be accessed through this
, but such behavior may be subject to breaking changes
While this library is designed to be used as a JQuery plugin, JQuery is not required and is not included as a dependency. Alternatively, the constructor may be accessed directly from the imported module, or through a function attached to itself:
const Carbonator = require('carbonator');
// call via constructor
new Carbonator(document.querySelector('div.flat'), options);
// call via factory method
Carbonator.carbonate(document.querySelector('div.flat'), options);
FAQs
Carbonate your web pages.
The npm package carbonator receives a total of 28 weekly downloads. As such, carbonator popularity was classified as not popular.
We found that carbonator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.