Tripoli

This page will give you information Tripoli and how it can help you create a unified look on different platforms an browsers.

What is Tripoli?

Tripoli is a CSS standard for rendering HTML consistently across multiple browsers. This is accomplished by resetting and rebuilding browser standards, Tripoli produces a stable, cross-browser rendering.

The ideas behind Tripoli

to form a generic standard for rendering tags in HTML4
to unify all browser defaults for compatibility between different browsers
to take care of the deprecated tags in HTML 4 by disabling them through CSS
to separate the layout from the content, allowing dynamic design environments
to simplify creation of good looking pages for beginners and experts
to address multi screen compatibility
to follow W3C's guidelines and best practice typographic rules
to allow for plugin to extend basic functionality

How do I use it?

Start by coping the CSS directory to your web project

Add the following code to your <head>tag:

  <style type="text/css" media="all"> @import url(css/reset.css); @import url(css/generic.css); </style>
  <style type="text/css" media="print"> @import url(css/print.css); </style>
  <!--[if IE]>
  <style type="text/css" media="all"> @import url(css/ie.css); </style>
  <![endif]-->

Create a new CSS style sheet and start adding your own layout.
When you get to the content division, simply add the class name content to that <div>
Fill her up with your prepared HTML content
Create a new plug if you wish to extend Tripoli with colors, fonts or other personalized details

Back to the main site