-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
45fbfb7
commit 5a9b23a
Showing
1 changed file
with
39 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,40 @@ | ||
# itcss-specificity-graph | ||
A CSS Selector Specificity graph based on the Invert Triangle CSS Methodology | ||
# ITCSS: CSS Specificity Graph | ||
|
||
* http:https://TheJaredWilcurt.github.io/itcss-specificity-graph | ||
A CSS Selector Specificity graph based on the Inverted Triangle CSS Methodology | ||
|
||
* [View and use the graph online](http:https://TheJaredWilcurt.github.io/itcss-specificity-graph) | ||
* [Harry Roberts - Managing CSS Projects with ITCSS (YouTube)](https://www.youtube.com/watch?v=1OKZOV-iLj4&t=6m47s) | ||
* [ITCSS Slides from the above talk](https://speakerdeck.com/dafed/managing-css-projects-with-itcss) | ||
|
||
|
||
* * * | ||
|
||
|
||
## This repo uses: | ||
|
||
* [Alan Menhennet's SVG Line Graph](http:https://codepen.io/alanmenhennet/pen/WxrXww) | ||
* [CSS Selectors to JS Array](http:https://github.com/TheJaredWilcurt/css-selectors-to-js-array) | ||
* [SPECIFICITY](https://github.com/keeganstreet/specificity) | ||
* [GitHub Corners](http:https://tholman.com/github-corners/) | ||
* [jQuery](http:https://jquery.com) | ||
* [Meyer Resets](http:https://github.com/TheJaredWilcurt/meyer-sass) | ||
* [Normalize](https://necolas.github.io/normalize.css/) | ||
|
||
|
||
* * * | ||
|
||
|
||
## Contribute: | ||
|
||
* The design could be improved | ||
* We need lots of testing of the [CSS Selectors to JS Array](http:https://github.com/TheJaredWilcurt/css-selectors-to-js-array) library. To make sure all valid CSS can be parsed correctly. | ||
* Add in a CSS Validator library. Prevent CSS parsing unless the file is valid. If the file is invalid, display a warning. | ||
* Would be nice to have some simple ITCSS explaination on the page. | ||
|
||
|
||
* * * | ||
|
||
|
||
## License | ||
|
||
MIT License (2016) |