In what form does the layout designer hand over the work?

Question

Freelance

Hello!
I'm learning layout on my own, I've made some tutorial layouts and I want to try working with real projects. But I suspect that the reality is very different from the training articles). Tell us, in what form does the customer usually expect to receive the layout? In my view, this is an archive with html, css, img folders. If the TOR contains a request for sliders, popups, etc. - added folder with js. And what should a layout designer do on
such complex elements as, for example, a player here https://lina-a.github.io/soulvibes/index.html
"revive"?
A similar question for various forms - the layout designer, roughly speaking, places the necessary inputs and buttons inside the form, styles it, and on this his role is over, or is this not enough for the layout to be suitable for further work? According to the link, the layout of the training layout, so the option "discuss with the customer" does not work) And I would like to know the generally accepted practice on this issue.
I will also be grateful for any criticism / comments on the layout at the link above.

Answer 1

That's right, you say html + сss + img + js. Instead of img, assets are usually used, since in addition to images, fonts are usually connected, and sometimes video or audio files are used in the layout. Instead of css, sometimes they use less or sass, etc., and sometimes they use building files for optimization, then you also need to provide package.json to deploy the necessary dependencies and properly configured builder configs (gulp or others). It is good practice in such cases if you provide a UI deployment instruction (README.md)

Answer 2

Tried not to repeat other comments. Found something new.
1) It is better to set the timeline as a percentage, so that it is more convenient for the programmer to indicate the position, and there will be no need to calculate the width of the timeline to determine the position in time.
All things that can have a value from an infinite set (arbitrary numbers, text, pictures), and these things will then be changed by the programmer (in the admin panel, script), must be specified not in css files, but directly in HTML, so that the programmer is more comfortable and clearer. You can only specify the default value through styles.
2) Back, forward buttons have wrong titles (back button - forward, and forward - back).
3) The "up" scroll button in the footer is hidden behind the "Join Our Community" block
4) What does the a.arrow_up element do? It seems to me that you wanted to add text from the logo to it.
5) In the footer, it would be necessary to give an indent from below, otherwise the copyright is pressed to the bottom.

Answer 3

1. The "Up" button for some reason goes up when scrolling to the end of the page.
2. Add scrolling animation when pressing "up"
3. Need hover effects for player controls.
4. There are no horizontal field limits in the email input field.

Answer 4

I’ll add to the above that the functionality of your player and other js-buns (animation, svg) can also be in the TK, because this does not apply to the backend.