Published: Mon 28 Dec 2020

CSS Tricks Article - Create Tag Cloud with CSS and JavaScript

Just had my first article for CSS Tricks published, where I wrote about creating a tag cloud using some very simple CSS and JS.

CSS Tricks Tag Cloud article screenshot

TL;DR

Create your html, find how many articles each tag has, use JavaScript to set a font size scale based on the number of articles per tag with a minimum and maximum font size.

Head of over to CSS Tricks to read the full article.

Comments

Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.