Semantic UI
I've always found it ironic that this library calls itself "Semantic UI" but doesn't follow the practice of semantic HTML/classes[0]. W3C suggests[1] that classes should be used for semantic roles (e.g. "warning", "news", "footer"), rather than for display ("left", "angle", "small" -- examples taken from Semantic UI's docs). So instead of giving a button the class of "button" it would be better to give it a class such as "download-book." The benefit of this is when it comes time to redesign parts of a site, you only have to touch your stylesheets instead of manipulating both the stylesheets and HTML. That is, so we don't fall into the old habits of what amounts to using <b> <font> <blink> tags.<p>0. <a href="https://css-tricks.com/semantic-class-names/" rel="nofollow">https://css-tricks.com/semantic-class-names/</a><p>1. <a href="https://www.w3.org/QA/Tips/goodclassnames" rel="nofollow">https://www.w3.org/QA/Tips/goodclassnames</a>