Why Pixel perfect layout?
Why write a pixel perfect layout? I understand that Position: relative and negative margin are used for this. This is from one to three extra lines sometimes for each block! This probably has a bad effect on the file download speed and so on. Yes, and so much hassle and really boring work for the layout designer. Explain your vision and the need to use it, and do you use it in your work? Thanks.
2 answers
Pixel Perfect is a standard according to which a stacked block or page must exactly match the design layout, down to the pixel (hence the name "perfect pixel"). The permissible errors differ in different companies that adhere to this standard - somewhere it is 1-2 pixels, somewhere up to 5, usually the vertical error is allowed more than horizontally. To achieve this, various plugins are used, for example, PerfectPixel for Chrome, which allows you to overlay a screenshot of the design on the browser page and thus adjust the result.
Regarding the use of position: relative and other things - you are wrong. Pixel-perfect is a technical requirement for the layout, not a way to implement it. It is quite possible to achieve a perfect match with the layout without using crutches like negative margins.
However, why this is necessary in principle is a rhetorical question. PixelPerfect as an ideology-comes from the days when websites were made up under specific permissions. The designer gave three layouts: for desktop, for tablets and for mobile, and it was necessary to achieve a complete match in all cases. But now there are too many devices and permissions, and in addition, pages may display slightly differently in different browsers - for example, due to the peculiarities of font rendering. Of course, you can achieve pixel-perfect if the customer insists on it, if he pays well and if you do not feel sorry for your eyes. Personally, I reject any orders or jobs where pixel perfect is in the mandatory requirements (which is still quite common). But many coders once learned to make up just like that, they are comfortable, and the perfectionist customer is happy. In addition, this is sometimes the only way for the customer to check the quality of the layout, if he himself does not know how to make up. Whether to use this standard in practice is your personal choice. It does not provide any technical advantages in the functioning of the site.
Why write a pixel perfect layout?
This is an atavism from the time when browsers displayed the same element through their own w..., and customers stubbornly ignored this fact.
-- Yes, sir, the designer threw a beautiful picture-please do exactly that. And, yes, I don't care about the fact that the font in the system is thin and sharp - in the layout, it is photoshopped cool-muddy-fluffy, so serve it here as well. Css for setting parameters will font displays start developing only in five years? And "mene tse ne e...e"!