Aaron T. Grogg

This plug-in limits the classes WordPress added to navigation menus to only those desired by the Theme owner, 
adds a unique ID to each <code>li</code> and removes any empty <code>class</code> attributes.
More about this plug-in can be found at: 
http://aarontgrogg.com/2011/09/28/wordpress-plug-in-navigation-menu-ids-classes/
Please let me know if you have any questions/suggestions/thoughts,
Atg

Navigation Menu IDs & Classes

At least some aspect of this plugin seems like it should be available in WordPress core. 
I understand the rationale for menu items having menu-item-ID, but it's pretty practical for them to have the slug in there, as this plugin provides.
Suggestion for plugin feature - offer option for slug prefix.
Like if I have a menu item "updates" I may use the class "updates" elsewhere, but class "menu-item-updates" would target the menu-item for sure. Of course I can currently use double selectors.



1 for inclusion in core

To reduce the extraneous WordPress classes and add unique IDs to navigation menus.

sachin8600

This plugin used for display shortcode like Button, Divider, Flag, Header, Icon, Image, Input, Label, List, Reveal, Grid, Message, Accordion, Tab, Transition.
This plugin used for lots of shortcode :
<ul>
<li>
Button
<ol>
<li>
You can add customize button with size, color, text, link.
</li>
<li>
You can add animation to button.
</li>
</ol>
</li>
<li>
Divider
<ol>
<li>
You can add horizontal as well as vertical divider.
</li>
<li>
You can add text between divider.
</li>
</ol>
</li>
<li>
Flag
<ol>
<li>You can add short-code for flag. </li>
</ol>
</li>
<li>
Header
<ol>
<li>You can add short-code for header. </li>
</ol>
</li>
<li>
Icon
<ol>
<li>You can add lots of semantic icons.</li>
</ol>
</li>
<li>
Image
<ol>
<li>
You can add images with lots of frame.
</li>
<li>
You can add animation to images.
</li>
</ol>
</li>
<li>
Input
<ol>
<li>
You can add input fields with icon.
</li>
<li>
You can adjust icon placement.
</li>
</ol>
</li>
<li>
Label
<ol>
<li>
You can add label with lots of animation.
</li>
<li>
You can add icon or images with label.
</li>
</ol>
</li>
<li>
List
<ol>
<li>
You can add listing with lots of customization.
</li>
<li>
You can add animation to listing.
</li>
</ol>
</li>
<li>
Reveal
<ol>
<li>You can add lots of reveal animation.</li>
</ol>
</li>
<li>
Grid
<ol>
<li>
You can add grid layout.
</li>
<li>
You can create structure of site using grid short-code.
</li>
</ol>
</li>
<li>
Message
<ol>
<li>You can add message layout like error message.</li>
</ol>
</li>
<li>
Accordion
<ol>
<li>You can add accordion.</li>
</ol>
</li>
<li>
Tab
<ol>
<li>You can add nested short-code.</li>
</ol>
</li>
<li>
Transition
<ol>
<li>You can add lots of transition effect.</li>
</ol>
This plugin used for lots of shortcode :
</li>
<li>
Button
<ol>
<li>
You can add customize button with size, color, text, link.
</li>
<li>
You can add animation to button.
</li>
</ol>
</li>
<li>
Divider
<ol>
<li>
You can add horizontal as well as vertical divider.
</li>
<li>
You can add text between divider.
</li>
</ol>
</li>
<li>
Flag
<ol>
<li>You can add short-code for flag. </li>
</ol>
</li>
<li>
Header
<ol>
<li>You can add short-code for header. </li>
</ol>
</li>
<li>
Icon
<ol>
<li>You can add lots of semantic icons.</li>
</ol>
</li>
<li>
Image
<ol>
<li>
You can add images with lots of frame.
</li>
<li>
You can add animation to images.
</li>
</ol>
</li>
<li>
Input
<ol>
<li>
You can add input fields with icon.
</li>
<li>
You can adjust icon placement.
</li>
</ol>
</li>
<li>
Label
<ol>
<li>
You can add label with lots of animation.
</li>
<li>
You can add icon or images with label.
</li>
</ol>
</li>
<li>
List
<ol>
<li>
You can add listing with lots of customization.
</li>
<li>
You can add animation to listing.
</li>
</ol>
</li>
<li>
Reveal
<ol>
<li>You can add lots of reveal animation.</li>
</ol>
</li>
<li>
Grid
<ol>
<li>
You can add grid layout.
</li>
<li>
You can create structure of site using grid short-code.
</li>
</ol>
</li>
<li>
Message
<ol>
<li>You can add message layout like error message.</li>
</ol>
</li>
<li>
Accordion
<ol>
<li>You can add accordion.</li>
</ol>
</li>
<li>
Tab
<ol>
<li>You can add nested short-code.</li>
</ol>
</li>
<li>
Transition
<ol>
<li>You can add lots of transition effect.</li>
</ol>
</li>
</ul>
A few notes about the sections above:
<ul>
<li>“Contributors” Semantic</li>
<li>“Tags” Element, Collections, Modules, Button, Divider, Flag, Header, Icon, Image, Input, Label, List, Reveal, Grid, Message, Accordion, Tab, Transition, shortcode, sematic</li>
<li>“Requires at least” 4.0</li>
<li>“Tested up to” 4.7</li>
</ul>

Semantic Shortcode

This plugin used for shortcode like Button, Divider, Flag, Header, Icon, Image, Input, Label, List, Reveal, Grid, Message, Accordion, Tab, Transition.

Navigation Menu IDs & Classes vs Semantic Shortcode