🦴 for tag commits related to markup

[alejandroredradix]

Emoji symbol

🦴

Emoji code

🦴

Emoji description

Used for tag a commit related to the markup of your interface.

Describe the use case of your emoji

When creating an interface or component to easily understand that the commit is related to the markup: HTML, JSX, etc. Adding new tags or modifying the current ones for another more convenient for your purposes.

Is this use case covered by an existing emoji?

No ❌

Does this emoji fall into the "how" or the "what" category?

• This proposal do not describe "how" a commit was made, but does in fact describe "what" is the contents of the commit about.

Examples

🦴 Add an ordered list for breadcrumbs
🦴 Use BUTTON instead of A tag
🦴 Scratch component

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue requesting the emoji.

[connorjs]

Could you share more about “Adding new tags or modifying the current ones for another more convenient for your purposes.” I personally have not defined tags in a long time, /slash relate that to “new component,” which may fall under some existing use cases.

Sharing some emojis I thought of when reading this issue.

• ✨: Introduce new features (if represents new features)
• ♿: Improve accessibility. (if a11y related)
• 💄: Add or update the UI and style files. (if represents styling/UI-specifics)
• Maybe 🚸: Improve user experience / usability. (if the markup changes are for usability)

Again, mostly curious about what specific markup changes you were thinking.

[alejandroredradix]

Hi @connorjs, thank you for your comment.

I found ✨ more appropriate for complete features (like at this moment, the user is able to do whatever), ♿ directly related to accessibility concerns, 💄 for modifications on the visual output as well as 🚸.

From my point of view, 🦴 is intended to describe the basic HTML structure of a component, for example; the very first attempt for creating a breadcrumb component is to scratch its structure (before adding styles or populating it with some data)

 <ol>
  <li><a href="#">item 1</a></li>
  <li><a href="#">item 2</a></li>
  <li>item 3</li>
</ol>

And this represents a single commit that may be pushed. After that, the style layer could be applied 💄, some aria-label or aria-current attributes using ♿ and 🚸 after wrapping the <ol> inside a <nav>. Finally, when the user is able to navigate, I will use ✨.

I love to write HTML and gitmoji, but so often, after adding a not planned <section> o <div> for wrapping something, I feel like an HTML structure-related emoji is missing, so it would be great if a new one could be added to the set.

[connorjs]

If that basic structure first commit planned to have follow ups, I would use 🚧.

If it is standalone, maybe ✨ still, but I see the desire for something specific. Maybe others will comment or +1 this too.

[alejandroredradix]

I see your point.

I hope anyone else supports this need.

Thank you!