|
1 | 1 | <div align="center"> |
2 | | -<p><a href="https://www.npmjs.com/package/reseter.css"><img src="https://img.shields.io/npm/v/reseter.css?style=flat-square"></a> <a href="https://www.codefactor.io/repository/github/krishdevdb/reseter.css"><img src="https://img.shields.io/codefactor/grade/github/krishdevdb/reseter.css?style=flat-square"></a> <a href="https://bundlephobia.com/result?p=reseter.css"><img src="https://img.shields.io/bundlephobia/minzip/reseter.css?style=flat-square"></a> <a href="https://github.com/krishdevdb/reseter.css/commits/master"><img src="https://img.shields.io/github/last-commit/krishdevdb/reseter.css?style=flat-square"></a> <a href="#status"><img src="https://img.shields.io/badge/Maintained%3F-yes-green.svg?style=flat-square"></a> <a href="#contributors"><img src="https://img.shields.io/github/all-contributors/krishdevdb/reseter.css?style=flat-square"></a> <a href="https://travis-ci.com/github/krishdevdb/reseter.css"><img src="https://img.shields.io/travis/com/krishdevdb/reseter.css?style=flat-square"></a></p> |
| 2 | +<p><a href="https://www.npmjs.com/package/reseter.css"><img src="https://img.shields.io/npm/v/reseter.css?style=flat-square&logo=npm"></a> <a href="https://www.codefactor.io/repository/github/krishdevdb/reseter.css"><img src="https://img.shields.io/codefactor/grade/github/krishdevdb/reseter.css?style=flat-square&logo=codefactor"></a> <a href="https://bundlephobia.com/result?p=reseter.css"><img src="https://img.shields.io/bundlephobia/minzip/reseter.css?style=flat-square&logo=https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Ffeather-icons%404.28.0%2Fdist%2Ficons%2Ffile.svg"></a> <a href="https://github.com/krishdevdb/reseter.css/commits/master"><img src="https://img.shields.io/github/last-commit/krishdevdb/reseter.css?style=flat-square&logo=git"></a> <a href="#contributors"><img src="https://img.shields.io/github/all-contributors/krishdevdb/reseter.css?style=flat-square&logo=github"></a> <a href="https://travis-ci.com/github/krishdevdb/reseter.css"><img src="https://img.shields.io/travis/com/krishdevdb/reseter.css?style=flat-square&logo=travis-ci"></a><a href="https://discord.gg/xqh38kb6sv"><img src="https://img.shields.io/discord/814701786920910909?style=flat-square&logo=discord"></a></p> |
3 | 3 | <img height="100px" width="100px" src="https://github.com/krishdevdb/reseter.css/raw/master/logo.png"><br><h1>Reseter.css</h1> |
4 | 4 | <h5>A CSS Reset/Normalizer</h5> |
5 | 5 | <p><b>Reseter.css</b> is an awesome CSS reset for a website. It is a great tool for any web designer. Reseter.css resets all the premade styles by the browser. It normalizes the browser's stylesheet for a better cross-browser experience.</p> |
6 | 6 | <a href="https://twitter.com/intent/tweet?url=https://github.com/krishdevdb/reseter.css&text=Reseter.css%20helped%20me%20out%20in%20my%20website%20by%20normalizing%20everything.%20And%20Reseting%20The%20Browser%20Default%20Styles.%20Now%20My%20Website%20Looks%20The%20Same%20Across%20All%20Browsers"><img alt="Twitter URL" src="https://img.shields.io/twitter/url?color=%23ffffff00&logo=twitter&style=for-the-badge&url=https%3A%2F%2Fgithub.com%2Fkrishdevdb%2Freseter.css"></a> |
7 | 7 | <a href="https://github.com/krishdevdb/reseter.css/stargazers"><img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/krishdevdb/reseter.css?logo=Github&style=for-the-badge"></a> |
8 | 8 | </div><br> |
9 | 9 |
|
10 | | - |
11 | 10 | ## Table Of Contents |
12 | 11 |
|
13 | 12 | - [Table Of Contents](#table-of-contents) |
|
55 | 54 |
|
56 | 55 | <a href="#resetercss">Back To Top</a> |
57 | 56 |
|
| 57 | +## __Reseter.css__ vs __Normalize.css__ vs __Sanitize.css__ vs __Reset.css__ |
| 58 | + |
| 59 | +| Feature | Reseter.css | Normalize.css | Sanitize.css | Reset.css | |
| 60 | +| :------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | |
| 61 | +| Normalizations | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :x: | |
| 62 | +| Basic Elemental Styles | :heavy_check_mark: | :o: | :heavy_check_mark: | :x: | |
| 63 | +| Size (By [Bundlephobia](http://bundlephobia.com/)) |  |  |  |  | |
| 64 | +| Minified Version |  | :x: (Minify Yourself) | :x:(Minify Yourself) | :x:(Minify Yourself) | |
| 65 | +| GZIP Version |  | :x: (CompressYourself) | :x: (CompressYourself) | :x: (CompressYourself) | |
| 66 | +| Box Sizing | :heavy_check_mark: | :x: | :heavy_check_mark: | :x: | |
| 67 | +| Browser Support | Last 5 Versions<br />All Not Dead Browsers<br />**Customisable** | IE 10+<br />Safari 8+<br />Chrome<br />Firefox ESR+<br />Opera<br />Edge | Last 3 Versions<br />Exception: Safari Last 2<br />Also Firefox ESR, IE 9+ | Unkown | |
| 68 | + |
| 69 | +### Legend |
| 70 | + |
| 71 | +:heavy_check_mark: - Yes |
| 72 | + |
| 73 | +:x: - No |
| 74 | + |
| 75 | +:o: - Partial |
| 76 | + |
58 | 77 | ## Why Use Reseter.css (Must Read) |
59 | 78 |
|
60 | 79 | Down is the result of a same html file of 3 browsers, all of chrome's headings are bolded nicely. Firefox ones are also bolded but IE ones are bolded too much. The ,font on paragraphs is also bolded in IE. The border of the button is blue in IE. There's A little less border on buttons in Firefox. These Are Only **3 browsers** and **5 kinds of tags** but there are more then 100 browsers available to the public. No one knows how many of them are not public. In fact 1000's of versions of these 100's of browsers are available. How to keep us with these browsers. The answer is **Reseter.css**. |
@@ -214,7 +233,7 @@ git clone https://github.com/krishdevdb/reseter.css.git |
214 | 233 | gh repo clone krishdevdb/reseter.css |
215 | 234 | ``` |
216 | 235 |
|
217 | | - <a href="#resetercss">Back To Top</a> |
| 236 | +<a href="#resetercss">Back To Top</a> |
218 | 237 |
|
219 | 238 | ## Usage |
220 | 239 |
|
|
0 commit comments