normalize.css/index.html at gh-pages · azart/normalize.css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Normalize.css: Make browsers render all elements more consistently.</title>
        <link rel="stylesheet" href="style.css">
    </head>

    <body>
        <a class="fork" href="http://github.com/necolas/normalize.css">
            <img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
        </a>

        <div id="container">

            <h1><a href="http://github.com/necolas/normalize.css">normalize.css</a></h1>

            <p>Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.</p>

            <h2>What does it do?</h2>
            <ul>
                <li><strong>Preserves useful defaults</strong>, unlike many CSS resets.</li>
                <li><strong>Normalizes styles</strong> for a wide range of elements (including HTML5).</li>
                <li><strong>Corrects bugs</strong> and common browser inconsistencies.</li>
                <li><strong>Improves usability</strong> with subtle improvements.</li>
                <li><strong>Explains what code does</strong> using detailed comments.</li>
            </ul>

            <div class="demo">
                <a class="button" href="demo.html">Check out the demo</a>
                <p><a href="https://github.com/necolas/normalize.css/raw/master/normalize.css">Get the normalize.css file</a></p>
            </div>

            <div class="share-bar">
                <div class="share-opt">
                    <a class="twitter-share-button"
                       href="http://twitter.com/share"
                       data-count="vertical"
                       data-text="Checking out normalize.css"
                       data-via="necolas"
                       data-related="jon_neal">Tweet</a>
                </div>

                <div class="share-opt">
                    <div class="g-plusone" data-size="tall"></div>
                </div>

                <div class="share-opt">
                    <div class="fb-like" data-send="false" data-width="40" data-layout="box_count" data-show-faces="false"></div>
                </div>
            </div>

            <h2>Browser support</h2>
            <p>Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+</p>

            <h2>How do I use it?</h2>
            <p>Normalize.css is intended to be used as an alternative to CSS resets. It's suggested that you read the <code>normalize.css</code> file and consider customising it to meet your needs.</p>

            <h2>Who uses it?</h2>
            <ul>
                <li><a href="http://html5boilerplate.com/">HTML5 Boilerplate</a></li>
                <li><a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a></li>
                <li><a href="http://css-tricks.com/">CSS Tricks</a></li>
            </ul>

            <h2>Source code</h2>
            <p>Available on GitHub: <a href="http://github.com/necolas/normalize.css">necolas/normalize.css</a></p>
            <pre>$ git clone git://github.com/necolas/normalize.css.git</pre>

            <h2>Acknowledgements</h2>
            <p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal. Detailed information on default UA styles: <a href="http://iecss.com">Internet Explorer User Agent Style Sheets</a> and <a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm">CSS2.1 User Agent Style Sheet Defaults</a></p>

            <div class="footer">
                <p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p>
            </div>

        </div>

        <div id="fb-root"></div>
        <script>
            window._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview']];
            (function(doc, script) {
                var js,
                    fjs = doc.getElementsByTagName(script)[0],
                    frag = doc.createDocumentFragment(),
                    add = function(url, id) {
                        if (doc.getElementById(id)) {return;}
                        js = doc.createElement(script);
                        js.src = url;
                        id && (js.id = id);
                        frag.appendChild(js);
                    };

                // Google Analytics
                add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js');
                // Facebook SDK
                add('//connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk');
                // Google+ button
                add('https://apis.google.com/js/plusone.js');
                // Twitter SDK
                add('//platform.twitter.com/widgets.js', 'twitter-wjs');

                fjs.parentNode.insertBefore(frag, fjs);
            }(document, 'script'));
        </script>

    </body>
</html>