Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including dense with all npm packages installed. Try it out:

dense lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("dense/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

dense v0.0.1

Retina images plugin for jQuery

Dense.js

Homepage | Issues | Build Status

Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very customizable and works cross-browser. With Dense, your content images get support for data-ratiox attributes and Apple's retina image naming convention.

Install

Download package or install using Bower or NPM:

$ bower install dense

$ npm install dense

Usage

Using Dense is simple. Include the plugin and initialize its method:

<script src="jquery.js"></script>
<script src="dense.js"></script>
<script>
    $('img').dense();
</script>

If you're using import or require:

require('dense/src/dense.js');

For more instructions and options see the documentation.

Build

Dense uses Grunt to run tasks. First make sure that you have all base dependencies installed by running npm in the repository's directory:

$ cd dense
$ npm install

After you have installed all dependencies, you will be able to run tasks using Grunt, like releasing, building, publishing and testing:

$ grunt [task]

Where the [task] is one of test, build, jsdoc or release. Tasks jsdoc and release:[major|minor|patch] require Java in addition to the Node.js due to the use of JSDoc3.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free