UI - Tag Cloud

Card Puncher Data Processing


A tag cloud is a lists of keywords where the emphasis of a word is dependent on its importance.



	<ul class="tag-cloud">
	  <li class="tag-cloud-4"><a title="28 instances" href="/t/apple">apple</a> <span>(popular)</span>
	  <li class="tag-cloud-2"><a title="6 instances"  href="/t/kiwi">kiwi</a> <span>(rare)</span>
	  <li class="tag-cloud-5"><a title="41 instances" href="/t/pear">pear</a> <span>(very popular)</span>
@media screen, print, handheld, tv {
  /* should be ignored by non-visual browsers */
  .tag-cloud > li > span { display: none; }
  .tag-cloud > li { display: inline; }
  .tag-cloud-1 { font-size: 0.7em; }
  .tag-cloud-2 { font-size: 0.9em; }
  .tag-cloud-3 { font-size: 1.1em; }
  .tag-cloud-4 { font-size: 1.3em; }
  .tag-cloud-5 { font-size: 1.5em; }

Documentation / Reference

Discover More
Card Puncher Data Processing
UI - Navigation

A navigation is just a sequence of actions that a user (or programmatic client) can perform. navigationpage’s URLPuppeteer definition...

Share this page:
Follow us:
Task Runner