sindresorhus/modern-normalize: Normalize browsers' default style


25 bookmarks. First posted by angusf 11 days ago.


modern-normalize - Normalize browsers' default style
web  css 
4 days ago by anilg
Differences from normalize.css

- Smaller
- Includes only normalizations for the latest Chrome, Firefox, and Safari
- Sets box-sizing: border-box
- Improves consistency of default fonts
browser  css  style 
5 days ago by dserodio
Github repo
Name: modern-normalize
Tagline: Normalize browsers' default style
Languages:
CSS = 4849 bytes

<div align="center">
<img src="https://rawgit.com/sindresorhus/modern-normalize/master/media/logo.svg" alt="modern-normalize">
<br>
<br>
<br>
<br>
<br>
</div>

## Differences from [`normalize.css`](https://github.com/necolas/normalize.css)

- Smaller
- Includes only normalizations for the latest Chrome, Firefox, and Safari
- [Sets `box-sizing: border-box`](https://www.paulirish.com/2012/box-sizing-border-box-ftw/)
- [Improves consistency of default fonts](https://github.com/sindresorhus/modern-normalize/issues/3)
- [Sets a more readable tab size](https://github.com/sindresorhus/modern-normalize/issues/17)

All credit should go to `normalize.css`. I just removed some cruft and added some improvements. If you have questions about the source, check out the [original source](https://github.com/necolas/normalize.css/blame/master/normalize.css) and [this](https://github.com/necolas/normalize.css#extended-details-and-known-issues) for details.

[**The goal of this project is to make itself obsolete.**](https://github.com/sindresorhus/modern-normalize/issues/2)

## Browser support

- Latest Chrome
- Latest Firefox
- Latest Safari

## Install

```
$ npm install modern-normalize
```

###### Download

- [Normal](https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.css)
- [Minified](https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.min.css)

###### CDN

- [jsdelivr](https://www.jsdelivr.com/package/npm/modern-normalize)
- [unpkg](https://unpkg.com/modern-normalize)
- cdnjs *(Someone please [submit it](https://github.com/cdnjs/cdnjs))*

---

<a href="https://www.patreon.com/sindresorhus">
<img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" width="160">
</a>

## Usage

```css
@import 'node_modules/modern-normalize/modern-normalize.css';
```

or

```html
<link rel="stylesheet" href="node_modules/modern-normalize/modern-normalize.css">
```

## FAQ

### Can you provide Sass, Less, etc, ports?

There's absolutely no reason to have separate ports for these. They are just CSS supersets and can import CSS directly.

## Related

- [sass-extras](https://github.com/sindresorhus/sass-extras) - Useful utilities for working with Sass

## License

MIT
github  programming  github-starred-to-pinboard  crypto 
5 days ago by brianyang
Normalize browsers' default style by sindresorhus
css  tools  resources 
5 days ago by mycotn
joshuarubin starred sindresorhus/modern-normalize on
GitHub  from twitter
7 days ago by joshuarubin
Smaller, Includes only normalizations for the latest Chrome, Firefox, and Safari, Sets box-sizing: border-box, Improves consistency of default fonts, Sets a more readable tab size
css  style  normalize  browser 
7 days ago by Gwendoux
GitHub – sindresorhus/modern-normalize: Normalize browsers' default style
from twitter
7 days ago by jackysee
namuit starred sindresorhus/modern-normalize
from:ifttt  github 
8 days ago by namu
modern-normalize - Normalize browsers' default style
10 days ago by mbischoff
Normalize browsers' default style
css  reset 
10 days ago by linuslundahl
smaller than normalize.css by targeting only modern browsers (probably dumb?)
browser  css  webdev  webdesign  tools  library 
10 days ago by inrgbwetrust
Normalize browsers' default style
css 
11 days ago by groenewege