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
- 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