Skip to content
Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.
CSS Ruby
Find file
Pull request Compare This branch is 1 commit ahead, 46 commits behind master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
lib
.gitignore
Gemfile
LICENSE.txt
README.md
Rakefile
diagnosticss.gemspec

README.md

DiagnostiCSS

Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.

DiagnostiCSS highlights the following problems:

  • inline styles
  • invalid links
  • empty elements
  • elements missing required attributes
  • deprecated elements

Installation

Rails

Add this line to your application's Gemfile:

gem 'diagnosticss',
  :git => 'git://github.com/fs/diagnosticss.git',
  :group => :development

And then execute:

$ bundle install

Sinatra

Add diagnosticss middleware into your application:

require "diagnosticss"
...
class App < Sinatra::Base
  use Diagnosticss::Middleware
...

Usage

DiagnostiCSS CSS will be injected into html page if you have 'diagnosticss' gem in Gemfile.

Contributing

  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

Ideas, TODOs

  • configuration? (ability to disable/enable some of inspections)
  • documentation on selectors
Something went wrong with that request. Please try again.