Agentic data science with the Data Agent Kit
cloud.google.com·6h ago
Web Development
Smashing Magazine·6d ago·5 min read
A Practical Guide To Naming Things
TL;DR
Effective naming of UI components is crucial for clarity and collaboration in software development. This guide provides practical strategies and resources to enhance naming conventions.
✦ Why It Matters
Start implementing consistent naming conventions in your UI components to enhance team collaboration today.
Key Takeaways
- Utilize Classnames for creative naming inspiration.
- Refer to David Aerne's color repository for unique color names.
- Implement Intuit's design token taxonomy for flexible naming.
- Use Onym for effective product naming strategies.
Full Summary
Naming effectively is essential in design and development, as it influences communication and understanding among teams. Resources such as Classnames offer thematically organized words for naming HTML classes and CSS properties, while David Aerne's color name repository provides over 30,000 unique color names.
Best practices for naming layers and components emphasize logical structure and user familiarity. Intuit's design token taxonomy case study illustrates how to create a flexible naming system across products.
Additionally, tools like Onym help in naming products and services, while a curated list of resources offers guidance on various naming challenges. These strategies aim to reduce confusion and enhance collaboration across different roles in a project.