<p>
    CSS Browser Selector + is a very small javascript which empowers CSS selectors.
</p>

<p>
    <a href="http://ridjohansen.github.com/css_browser_selector/" target="_blank">http://ridjohansen.github.com/css_browser_selector/</a>
</p>

<h4>See an example:</h4>

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <p>
                <a download href="https://raw.githubusercontent.com/ridjohansen/css_browser_selector/gh-pages/js/vendor/css_browser_selector.js"
                   class="btn btn-block btn-large btn-success">
                    CSS Browser Selector Download
                </a>
            </p>
        </div>
    </div>
    <div class="row-fluid">
        <ul class="unstyled">

            <li class="span4">
                <h3 class="btn btn-block btn-large btn-primary">Best part</h3>

                <ul>
                    <li>no more hacks</li>
                    <li>all compliant code</li>
                </ul>
            </li>
            <li class="span4">
                <h3 class="btn btn-block btn-large btn-primary">Cross-browser Media Queries like helper</h3>

                <p>Alternative method of mediaqueries for developing responsive design for older browsers.</p>
            </li>
            <li class="span4">
                <h3 class="btn btn-block btn-large btn-primary">You can now write code for</h3>

                <ul>
                    <li>browser</li>
                    <li>browser version</li>
                    <li>platform</li>
                    <li>platform version</li>
                    <li>device</li>
                    <li>device version</li>
                    <li>min-width and</li>
                    <li>max-width screen detection</li>
                    <li>HiDPI (Retina) screen detection and Pixel Ratio detection</li>
                    <li>orientation screen detection (landscape or portrait).</li>
                </ul>
            </li>
            <li class="span4">
                <h3 class="btn btn-block btn-large btn-primary">Optional namespace</h3>

                <p>Add a name space like 'ns-webkit' to all class names by defining 'var css_browser_selector_ns = "ns-";' before loading script. </p>

            </li>
        </ul>
    </div>
</div>

<p>
    <strong>More info:</strong>
    <br/>(http://rafael.adm.br/css_browser_selector)
</p>

<p>
    <strong>beta/experimental versions:</strong>
    <br/>(https://github.com/delka/css_browser_selector/)
    <br/>(https://github.com/verbatim/css_browser_selector/)
</p>

<li>
    <strong>no-js to js:</strong>
    <br/>paul irish: http://paulirish.com/2009/avoiding-the-fouc-v3/
</li>

<li>
    <strong>mac versioning</strong>
    <br/>https://github.com/haraldmartin/css_browser_selector
</li>

    <div class="span4">
        <h3 class="btn btn-block btn-large btn-primary">dataURI Selector</h3>

    </div>

    <div class="span4">
        <h3 class="btn btn-block btn-large btn-primary">Hi-dpi and Pixel-Ratio Selector</h3>

    </div>

    <div class="span4">
        <h3 class="btn btn-block btn-large btn-primary">Media Queries (Screen Width)</h3>

    </div>
    <div class="span4">
        <h3 class="btn btn-block btn-large btn-primary">Media Queries (Orientation)</h3>

    </div>
</div>