---
layout: main
title: Resources
scripts: ["/site/assets/libs/jquery/jquery.min.js", "https://cdn.moot.it/latest/moot.min.js", "/site/assets/js/comments.min.js"]
---

<div style="min-height:600px">
    <h1>Resources</h1>

    <h3>    
        Want to go further ? Here are some good resources to get you started with CSS3, HTML5, Responsive Design, Optimization, Best Practices, Feature Detections and Polyfils
    </h3>

    <div class="intro">    
        CSS3
    </div>

    <dl>
        <dt>Great information on CSS3 usage</dt>
        <dd><a href="http://www.css3files.com" target="_blank">http://www.css3files.com</a></dd>
    </dl>

    <div class="intro">    
        HTML5
    </div>

    <dl>
        <dt>Nice walkthrough of various new HTML5 features and how to use them</dt>
        <dd><a href="http://diveintohtml5.info" target="_blank">http://diveintohtml5.info</a></dd>

        <dt>Many tutorials & resoures around HTML5</dt>
        <dd><a href="http://www.html5rocks.com" target="_blank">http://www.html5rocks.com</a></dd>

        <dt>The HTML5 Microdata dictionary</dt>
        <dd><a href="http://schema.org" target="_blank">http://schema.org</a></dd>
    </dl>

    <!--
    <div class="intro">    
        Responsive Design
    </div>

    <dl>
        <dt>Great information on CSS3 usage</dt>
        <dd><a href="http://schema.org" target="_blank">http://schema.org</a></dd>
    </dl>

    <div class="intro">    
        Best Practices
    </div>
    
    <dl>
        <dt>Great information on CSS3 usage</dt>
        <dd><a href="http://schema.org" target="_blank">http://schema.org</a></dd>
    </dl>
    -->

    <div class="intro">    
        Polyfils
    </div>

    <dl>
        <dt>Extensive list of different types of polyfills</dt>
        <dd><a href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills" target="_blank">https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills</a></dd>
    </dl> 

    <div class="intro">    
        Feature Detections
    </div>

    <dl>
        <dt>One stop resource, tell you which browsers support what and from which version</dt>
        <dd><a href="http://caniuse.com" target="_blank">http://caniuse.com</a></dd>

        <dt>Great information on verious implementation quirks of various browsers</dt>
        <dd><a href="http://www.quirksmode.org" target="_blank">http://www.quirksmode.org</a></dd>

        <dt>THE biggest feature detection list known to man</dt>
        <dd><a href="https://github.com/Modernizr/Modernizr/tree/master/feature-detects" target="_blank">https://github.com/Modernizr/Modernizr/tree/master/feature-detects</a></dd>
    </dl>
</div>

<div class="intro">    
    Got some cool resource to share ?
</div>  

<div style="width:100%;">                        
    <div onclick="blog.loadComments(this, 'resources', 'Leave a comment')" style="cursor: pointer;">
        <h2>-> Share it!</h2>
    </div>
</div>

<div class="intro">    
    <strong>Make it the only script in your HEAD.</strong>
    &laquo; A concise solution to universal problems &raquo;
</div>  

{% include sections/download.html %}

<div id="moot">&nbsp;</div>