0.5.9 • Published 7 years ago

adaptive-pixel-perfect v0.5.9

Weekly downloads
9
License
MIT
Repository
github
Last release
7 years ago

Pixel perfect for multiple resolutions

Install

$ npm i adaptive-pixel-perfect --save-dev

Usage

 a_pp.start(port, designFolder, portForBrowserSync);

Use the plugin on port 3010 together with browserSync, (pre-create a design folder and add design images to it):

var a_pp = require('adaptive-pixel-perfect').create();
var browserSync = require('browser-sync').create();

var port = 3010;
var folderForDesignScreenshots = "design";
var portForBrowserSync = 3000;

browserSync.init({
    server: "./",
    cors: true,
    middleware: function (req, res, next) {
        res.setHeader('Access-Control-Allow-Origin', '*');
        next();
    },
    socket: {
        domain: 'localhost:' + portForBrowserSync
    },
    scriptPath: function (path, port, options) {
        return "http://" + options.getIn(['socket', 'domain']) + path;
    }
});

a_pp.start(port, folderForDesignScreenshots, portForBrowserSync);

The plugin will be available at http://localhost:3010/?a-pp=1

Supported key combinations

  • left mouse button + 1 - 9, 0 (switch between resolutions)
  • left mouse button + W, A, S, D (change the position of the iframe window)
  • left mouse button + Z, X, C (site layout, site layout on top of the design, the design)
  • Ctrl + R + move mouse (resize iframe)

Release Notes

ReleaseNotes
0.5.8Partial bug fixing with hiding the scroll in a-pp if the real scroll is hidden
0.5.6Hidden resolutions menu, show press new button. Hidden sizes iframe
0.5.5Fix escape screenshots of the design in the side and turn off the scroller when reloading browsersync. Fix task sync-thumbnails - add jpeg extension
0.5.2Added new minify-float stile panels
0.5.0Delete fast calibrator styles, simplified style, delete flicker function, transfer btn bottom space in global settings, (window deviation screenshots opacity 0.7, hide other window after show deviation window, deviation window draggable)
0.4.0Added fast calibrator styles
0.3.0Added a window with settings, added English, moved session groups to the settings window and divided the parameters for more flexible customization
0.2.8Fixed synchronization select pages
0.2.7Fixed saving the selected synchronization group
0.2.6If the user cuts the iframe then the button ceases to be active, but it remains to highlight the "badge". Now in the session, the priority of choosing the resolution or the size as a result of the manual resizing of the iframe
0.2.4Additing bootom space for close tag body, to be able to scroll down and see in the design which block should be typed as follows. Added the flicker function to make it easier to adjust the block with fuzzy edges under the design
0.2.0Improved design and made it more appropriate bootstrap. Additing hot-keys
0.1.0Alpha release

###Sorry for the hacks and english

Licence

MIT

####Sorry for the hacks and english

0.5.9

7 years ago

0.5.8

7 years ago

0.5.7

7 years ago

0.5.6

7 years ago

0.5.5

7 years ago

0.5.4

7 years ago

0.5.3

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.1

8 years ago

0.4.0

8 years ago

0.3.3

8 years ago

0.3.2

8 years ago

0.3.1

8 years ago

0.3.0

8 years ago

0.2.8

8 years ago

0.2.7

8 years ago

0.2.6

8 years ago

0.2.5

8 years ago

0.2.4

8 years ago

0.2.3

8 years ago

0.2.2

8 years ago

0.2.1

8 years ago

0.2.0

8 years ago

0.1.5

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago