An interface drawing is not the same delivery as the web page on which the user can act. HTML is used to establish the structure of the content, CSS is used to establish the appearance and layout, and JavaScript is used to establish many interaction behaviors. This distinction shows that the designer and the developer consider the same output from different perspectives.
Consider a service card together
Having the title, description and link in a meaningful order is a structural decision. The color of the card, its spacing, and how it will fit on the narrow screen are visual decisions. If the card initiates a transaction, wait and result behavior is also required. However, looking good on the first screen does not complete these decisions.
In addition to the normal view in the design delivery, explain situations such as keyboard focus, long title and missing image. Don't expect the developer to guess all the business rules by looking at the gaps in the visual file.
What do HTML5 and DOM expressions mean?
The name HTML5 appears frequently in resources about modern HTML specifications. DOM refers to the object structure of the document that can be accessed by programs. For example, when the form result is shown, the content on the page may change based on this structure. It is not necessary to be able to write all the codes to know these concepts; Understanding that a change on the screen is the behavior that needs to be implemented is a sufficient start.
Do not design only the successful result in the form
A contact form may have missing fields, invalid information, pending, submission error, and success states. Should the user lose the text he wrote when he gets an error? Should he be able to try again? Should it be understood which area is problematic? Answering these questions at the design stage clarifies implementation decisions.
What should be shared in developer submission?
- Current version of texts, images and components.
- Layout rules for different widths.
- Description of interaction states and transitions.
- Examples of empty, long and incorrect content.
- Separate list of open questions with approved decisions.
Selçuk Aker's interface design service involves transforming screens into a structure that can be shared with the developer. You can compare design and coding offers through this delivery list.
Editor and programming language selection does not determine the design scope
HTML is the markup language that defines the content structure of the page; CSS rendering is used to organize JavaScript interaction behavior. The code editor or IDE used is the tool that makes it easier to work with these files. Installing an editor does not mean that the database or web application is ready.
What is important in the delivery from the freelance graphic designer to the developer is which screen shows which data and status. The choice of language and infrastructure is a technical decision related to the requirements of the project. Do not evaluate an offer based on a popular language name alone. Database and administration panel design and API states embody this distinction.
Frequently asked questions
Is HTML a design program?
No. It is a markup language used to structure web content.
Can the page be viewed without JavaScript?
Yes. It depends on the nature of the content and functions; Not every page has the same interaction needs.
Does the Figma file contain all development decisions?
It does not contain itself. Behaviors, data rules, and submission notes should also be described.
