Typeset.css - A No-Nonsense CSS Typography Reset For Styling User-Generated Content

Typeset.css is a no-nonsense CSS typography reset for styling user-generated content like blog posts, comments, and forum content. 

Typeset.css is a CSS file (typeset.css) that includes all the styles you need to ensure content on your site is styled. Styles are only applied to areas that have a parent element with the class typeset, so it can be target content-specific markup.

Common user-generated content includes anchors, bold and italic text.  Also common phrase tags are <code>, strong and emphasis (much like bold and italic).

Typeset.css is not a CSS framework for styling the layout and design of your website - just specific blocks of content (e.g., blog posts, comments, forum content) that includes paragraphs, lists, code snippets, and so on.

When to use this

Any time you have stripped a browser’s default styles or haven’t specified styles for content elements, use Typeset.css. It’s great for:

• Blog posts
• Articles
• Comments
• Helper text in web apps
• Any other content blocks on a page

Never again add content to your web page just to find that you don’t have a consistent style for it.  Typeset was originally created for user-generated content on UserVoice feedback forums (here’s an example UserVoice forum), and then expanded to work with content generated by UserVoice-powered knowledge base articles (example article). Because users create these articles using a WYSIWYG editor with HTML-editing capabilities, we needed to make sure we had a base set of styles for any content-related markup.

Requirements: None
Demo: http://joshuarudd.github.com/typeset.css/
License: MIT License

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Your Email Address

Trending Posts On Functionn This Week

Share:

Other Interesting Resources: