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
|
---
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>
|
