Effective Naming Strategies for Designer Tokens, Components and Variables
The author considers the problem of naming in the context of design tokens, colors, components of UI, HTML classes and variables. Often, the choice of names is too general or specific, which creates problems with understanding and reuse.
🚀 Classnames provides a large selection of words for naming HTML classes, CSS-KSA and JavaScript functions that help you think outside of standard approaches.
- 📌 A good name has a logical structure, short, matters for everyone and is not related to visual properties.
- 📌 To improve the skills of naming the design of design tokens, Romin Kavchich has created an interactive playup of design tokens.
- 📌 When you create a color system, you need names for all its faces and uses. Names that all in the team can understand.
🧩 Summary: Naming is an important part of design and development. Choosing the right names can make your code more clear, flexible and re -used.
🧠 Your own considerations: It is important to have clear names of names and standards so that all team members can adhere to them. This helps to ensure the consistency and clarity of the code for all developers.
Літературні джерела!
Для підготовки контенту ми дослідили статті, присвячені сучасним підходам у створенні сайтів, UX/UI дизайну та просуванню в Google:
https://www.smashingmagazine.com/2024/05/naming-best-practices/