What to write in the terms of reference to the layout designer?

Question

Layout

I have not made websites for a long time, I fell out of the topic a little. Now I'm making a website for myself, so I'm looking for performers myself.
What are the modern requirements for template layout? This is an online store. Design layout is made for adaptive.
PS HHH years ago, I demanded clean code - that all CSS would be taken out to files. Once upon a time, a bonus in promotion was given by flippers (when the content is first in the code, and then the header and menu). And, of course, micro-markups ...

Answer 1

scss, webpack, BEM, html or some js or pug templating engine etc.

Answer 2

Typical requirements: CSS&HTML validity, semantics, cross-browser compatibility, adaptability, styling of different states of interactive elements.
Testing: no unused CSS selectors, block overflow test, no console errors.
Performance: Google pageSpeed ​​90+, Chrome LightHouse audit, gtMetrix loading speed, browser initial rendering speed, image optimization, minification of scripts and styles, CriticalPath and some resource loading prioritization, font loading strategy, js profiling.
Simplicity of subsequent project support:use of BEM (or other methodology for naming selectors), creation of a universal library of blocks from cat. "typed" pages, clear naming of classes, a single logic in the indents.
Extras: animation effects to increase conversion and user retention, graphics retinization, template versions for A/B testing.
The technologies on which all this is implemented can be different - choose from the common ones so that the cost of support is cheaper. If the layout designer is tasked with stretching the CMS, then it is worth prescribing the nuances of seo-optimization, the configuration of the engine (and sometimes the web server). The above may sound intimidating, but usually the layout designer has a starting blank in which 50% of the work has already been prepared. If you don’t have enough experience and don’t have a “groping” acquaintance, you can find a freelancer exclusively for creating technical specifications and arrange for him to help you when accepting an order from the contractor.

Answer 3

I found an interesting checklist myself
https://github.com/ihorzenich/html5checklist/