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.

ankilov1954

The plugin is designed to measure the height, width and margins of elements on the page during the preview when editing. It also shows the absolute and relative positions of elements. 
In auto-correction mode, the program can automatically detect the borders of elements and correct inaccuracies in cursor positioning. Auto-correction occurs at the end of the measurement. 
The plugin does not affect the appearance and html code of the page when its published. 
Tested on browsers: Yandex v20.8.3.115, Google Chrome v85.0.4183.121, Opera v70.0.3728.189, Microsoft Edge v85.0.564.51, Firefox v78.0.2.
<h4>Usage</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Open an existing page for editing or create a new one.</li>
<li>Make a preview of the page.</li>
<li>Move the cursor to an element.</li>
<li>Press the “M” key on your keyboard to enable measurement mode.</li>
<li>Use the left mouse button to measure. There are two possible ways: 
measure from click to click; 
tap and pull.</li>
<li>Press the “M” key again to disable measurement mode.</li>
</ol>
Additional features: 
press the “A” key on your keyboard to turn auto-correction mode on or off; 
use the “Esc” key to remove unnecessary measurement elements from the screen.

Measuring Ruler

Works as advertised, nice, easy, no drama !

Thanks for this plugin !

Nicely Done !

The plugin is designed to measure the height, width and margin of page elements during the preview when editing. It also shows the absolute and relati …

Semantic Shortcode vs Measuring Ruler