https://github.com/roykolak/css-debugger
CSS styles to highlight problematic and malformed html
https://github.com/roykolak/css-debugger
Last synced: 29 days ago
JSON representation
CSS styles to highlight problematic and malformed html
- Host: GitHub
- URL: https://github.com/roykolak/css-debugger
- Owner: roykolak
- Created: 2009-03-19T20:29:27.000Z (about 16 years ago)
- Default Branch: master
- Last Pushed: 2013-07-11T16:11:57.000Z (almost 12 years ago)
- Last Synced: 2024-11-13T17:45:40.578Z (7 months ago)
- Language: JavaScript
- Homepage:
- Size: 318 KB
- Stars: 13
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.markdown
Awesome Lists containing this project
- jimsghstars - roykolak/css-debugger - CSS styles to highlight problematic and malformed html (JavaScript)
README
# CSS Debugger
This is a combination of css debugging style discussed here:
http://meyerweb.com/eric/thoughts/2007/09/07/diagnostic-styling/
http://www.nealgrosskopf.com/tech/thread.asp?pid=17
... with additional tweaks and additions
The purpose of these styles are to highlight malformed, incorrect, incomplete,
and wrongly nested HTML tags that would otherwise not be visible to the eye. Using these styles, HTML tags that match any of the
above conditions will be highlighted with a thick dotted border with a color that
reflects on the offense.
## Debugging CSS Bookmarklet
http://roykolak.github.io/css-debugger/ provides a page with a convenient bookmarklet that can be dragged to a bookmark bar to be triggered on any page.