A
A
Alexey Nikolaev2016-02-25 13:48:30
Layout
Alexey Nikolaev, 2016-02-25 13:48:30

Are there solutions for any kind of pixel perfect automation?

Good day.
Recently, while fiddling with one of the pixel perfect browser plugins and shifting the image pixel by pixel, I thought it would be great to have a tool that would do some of this on its own. For example, I would compare the fed screenshot of the layout and the rendered layout, and at the output would give a list of classes that differ from the image in this place (i.e., logo - shifted 3 pixels to the right and 1 pixel down). And the developer would only have to make the indicated changes, and run the script again until there is 100% accuracy. And so that the script does not react to the text, you can specify a list of classes \ tags that will not be considered.
This could be provided, for example, by a plugin for Phantom JS.
Does anyone know similar, or any solution on the topic?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
C
Cat Anton, 2016-02-25
@27cm

2gis.github.io/makeup

A
Anton Shcherbakov, 2016-02-25
@WestTrade

I made a fairly simple solution:
- I threw the layout page in PS, reduced the layers, inverted and made the transparency 50%.
- Converted the result to PNG with alpha transparency.
- I hung two buttons on the page, with JS logic that displays an inverted source image over the layout (and, when necessary, a non-inverted source image with the same 50% transparency).
9f5961d6e5cb4835983fbdec695ac95d.gif

A
Alexander Taratin, 2016-02-25
@Taraflex

https://www.youtube.com/watch?v=68_U3eUDtxY

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question