A tag cloud is a list of links associated with a term or a tag. It is common to see them in blogs and websites to highlight popular topics visually...
For further actions, you may consider blocking this person and/or reporting abuse
Here is a 3-liner script that will rid you if the manual setting of the --size variable in the stylesheet.
document.querySelectorAll('ul.cloud a').forEach((i) => {
i.style.setProperty('--size', i.dataset.weight);
});
While this is a simple script, it defeats the purpose of being just HTML and CSS. Still a good solution, tho!
That's a really cool effect! I'll study it, thank you for sharing :D
Great article, tags clouds are awesome :)
Super cool thanks for sharing
Cool uhn!
I'll study this soon... Happy new year!
Never really thought about how easy it would be to make one of these. Great post, thank you :)
You left out the most important part: how do we calculate weight given a current count and a total count?
Hi there.
Is there any reason your are not using the following syntax?
<li><a style="--size: 4" href="/tag/http">HTTP</a></li>Wow! Loved the use of CSS. Great work. 👏