Style Validator

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

Installation

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

Usage

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)

Rule Editor

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

1. Click RuleID(e.g. Rule-2) or go to options page of extension
2. Edit Rules or Make Your Presets(shareable)

Goal

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

And, becoming a little help for Web

References

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

Open source project

Dear Web Engineers,

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

Contributing Source Code

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

Contributing Validation Rules

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

Supported by

BrowserStack is a awesome cloud testing service what uses real browsers and devices.