Style Validator is CSS Validator that can detect Risky Style that might break layout after JavaScript or after CSS Media Queries.

• Chrome Extension(In conjunction with Chrome DevTools)
• JavaScript Bookmarklet(Currently, supported only Google Chrome and Opera)

1. Install from Chrome Web Store or Bookmarklet
2. Click extension icon or Press shortcut key (MAC: command + shift + i / WIN: ctrl + shift + i) Little Movie (Gif Animation)

If you want to edit default rule, use rule editor page like below.

1. Click RuleID(e.g. Rule-24) or go to options page of extension
2. View or Edit or Generate Rules and Presets(shareable)

• Reducing tests, patches and costs
• Keeping engineer creative
• Efficient education of safety HTML/CSS

And, becoming a little help for Web

• Why we need to detect Risky Style?
• A part of introduction for Risky Style

Dear Web Engineers,

Please feel free to send me any feedback and Pull requests. If you need, check it out the document for developer.

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

You can request from options page of extension or edit page of web