100 lines
3.1 KiB
HTML
100 lines
3.1 KiB
HTML
|
---
|
||
|
|
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>
|
||
|
|
« A concise solution to universal problems »
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% include sections/download.html %}
|
||
|
|
|
||
|
|
<div id="moot"> </div>
|