CODEWITHSUNDEEP
javascriptcss
Chris Johnson
Chris Johnson

Reputation: 2701

CSS Stylesheet tools

What are some known tools for the development of css stylesheets that will produce cross browser css's ?

Is there something that I can run my css though to product cross browser css's or maybe another 'language' I could pickup that will output cross browser css ?

Upvotes: 0

Views: 110

Answers (2)

Chris Johnson
Chris Johnson

Reputation: 2701

Twitter Bootstrap meets what I was looking for.

Upvotes: 0

Horatio Alderaan
Horatio Alderaan

Reputation: 3284

While @Xander and @cale_b are perfectly correct, there are some steps you can take to make life slightly easier.

Firstly, most of the time, most browsers these days are fairly consistent, and the differences they do have are fairly minor. There are two exceptions to this, (which is possibly where your question is coming from:

  1. Older versions of Internet Explorer, particularly IE6 and IE7.

  2. Things labelled "CSS3" that are often only implemented with vendor prefixes.

So, the way I work around these issues is in a three step process:

  1. Create vanilla CSS code that works well in modern browsers. That is, just write standard CSS and test it in one or two up-to-date browsers.

  2. If I need advanced "CSS3" features, I use a generator like CSS3 please" (you can find more on this SitePoint post)

  3. Once everything is working to my satisfaction in modern browsers, I then assess the situation in IE6 and IE7. If everything is a mess, I start out by using the wonderful IE6 fixer. Once the layout is vaguely OK in these browsers, I will then assess how much "CSS3" support is needed and look for polyfills. Generally the CSS3 PIE tool covers most of what I need for this. Then I tackle the tricky task of debugging any remaining idiosyncrasies for these browsers, and I'm done.

I hope that helps.

Upvotes: 2

Related Questions