About Project

My purpose of building this project is for formating CSS codes and posting colorful CSS codes on the website, the color of the text for programmers is really meaningful, and I also want the color for the code to easily change.

• All syntax searching and replacing are based on regular expression.
• Using style sheet instead of inline style, makes it easy for you to create the style for the codes you like.
• This project only format CSS codes, it would not check the validation for CSS, you may validate CSS here.
• Browser Compatibility
  
  This project has used Javascript Getter, isArray, so it is not compatible with IE 6-8

Paste CSS code in left panel, then click Format button, the project will show the colored and formated CSS in right panels; move mouse over the navigations to switch the result panels.

About Next

I would like to add following new features to the next version of this project:

• Format Setting
  More format style options will be available, just like this project: Format CSS Online.
• Selector Specification
  Type, id, class, pesudo, each different selector will be styled with different colors, to make selectors more specific, check Selector Patterns here.
• Color Values
  Match and style the color values, which includes Hexadecimal Colors, RGB Colors, RGBA Colors, Named Colors etc., Check CSS Colors here.
• Measurement Values
  Match and style the CSS units, include Percentage, Point, Pixels etc., check CSS Units here
• Vendor Support
  Match and style browser vendor provided CSS properties and values.

About References

• Testing getters and setters, and Object.defineProperty
• ECMAScript 5 compatibility table
• Special $ References In JavaScript's String.replace() Method
• CSS 3D Text
• Navigation Menu
• Stylish Contact Form with HTML5 & CSS3
• CSS3 buttons

About Me

Ider Zheng, my career aspirations is to be a programmer.