Test How A Given Browser Parses CSS Code with CSS Selector Shell

This post is specifically written for web masters and designers, since they come across some serious difficulties when designing websites.

The most difficult part of designing any web site is to make sure that the Cascading Style Sheet or CSS is rendered properly, because troubleshooting the errors that arise in different browsers like firefox, chrome, IE and Opera can become a very time consuming and arduous task for most of us.

Despite the challenges faced by developers from around the world, only a handful of tools have been developed that tackles with such problems. One of them is called CSS Selector Shell that allows you to test how a given browser parses CSS text by inserting a style element into the document and then reading the CSS text programmatically.

CSS Selector Shell is developed by Lindsey Simon currently working at Google Inc. The idea was based on a powerful Dojo Toolkit which is extremely useful in diagnosing problems or understanding the differences between browsers when interacting with your Cascading Style Sheets.

css-selector-shell

Simple Copy/Paste your CSS code onto the first black box that appears on the top left side and hit the ‘Test it’ button. The second box will show you what CSS becomes in different browsers.

Related Posts:

Tags:

Previous:
Next:





0 Constructive Comments


2 Trackbacks For This Post

  1. Posts about CSS as of January 26, 2009 | XHTML and CSS

    [...] 26, 2009 Test How A Given Browser Parses CSS Code with CSS Selector Shell – skidzopedia.com 01/26/2009 This post is specifically written for web masters and designers, since [...]

  2. Open Internet Explorer in Firefox with IE Tab | Skidzopedia

    [...] working with CSS (Cascading Style Sheet). Miraculously there are a few tools available, such as CSS Selector shell that enables you to see how your CSS code looks in different [...]


Share Your Thoughts!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>