SimpleGeek

<p>
    Pour la conception j'utilise une grille de mise en page que je peux afficher par le biais du script hasgrid. Ce script hasgrid est le seul à ne pas figurer dans le head mais à la fin du body. Ainsi lorsque le site ne sera plus en développement, il suffira d’effacer ces dernières lignes</p>
<pre>
&lt;head&gt;

    &lt;meta charset="utf-8"&gt;
   
    &lt;meta name="viewport" content=""&gt;
   
    &lt;title&gt;Gabarit Site en Html5 - Responsive webdesign - médias queries&lt;/title&gt;
    &lt;meta name="description" content="maxi 200 caractères pour décrire la page." /&gt;
    &lt;meta name="keywords" content="mots-clés" /&gt;
    &lt;meta name="author" content="auteur" /&gt;
   
    &lt;!-- Affichage d'une icone dans la barre d'adresse du navigateur--&gt;
    &lt;link rel="icon" type="image/png" href="http://simplegeek.fr/img/favicon.png" /&gt;
   
    &lt;!-- Feuille de styles génériques --&gt;
    &lt;link href="http://simplegeek.fr/css/styles.css" rel="stylesheet" /&gt;
   
    &lt;!-- Permettre aux ancienens versions d'IE de reconnaître les balises Html5 --&gt;
    &lt;!--[if lt IE 9]&gt;
        &lt;script src="http://simplegeek.fr/js/html5shiv.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
   
    &lt;!-- Permettre à IE d'interpreter les css3 fluides: max-width, min-width, etc.. --&gt;
    &lt;!--[if lt IE 9]&gt;
        &lt;script src="http://simplegeek.fr/js/respond.min.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
   
    &lt;!-- Permettre une compatibilité des anciens navigateurs avec tous les anciens navigateurs --&gt;
    &lt;!-- Prend la suite là où respond.js s'arrête --&gt;
    &lt;!-- [if (It IE 9) &amp; (!IEMobile)]&gt;
        &lt;script type="text/javascript" scr="js/css3-mediaqueries.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
       
    &lt;!-- Création des flux rss --&gt;
    &lt;link rel="alternate" type="application/rss+xml" title="Fil Rss des articles" href="http://www.mondomaine/rss" /&gt;
    &lt;link rel="alternate" type="application/rss+xml" title="Fil Rss des commentaires" href="http://www.mondomaine/rss/commentaires" /&gt;
   
    &lt;!-- Utiliser la dernière version de jQuery : 1.10.1 --&gt;
    &lt;script type="text/javascript" src="http://simplegeek.fr/js/jquery.min.js"&gt;&lt;/script&gt;

    &lt;!-- Statistiques Google analytics --&gt;
    &lt;script src="http://simplegeek.fr/js/ga.js"&gt;&lt;/script&gt;

&lt;/head&gt;</pre>
<pre>
&lt;body&gt;

&lt;div="wrapper"&gt;&lt;!-- Enveloppe globale pour centrer et taille fixe du site --&gt;

&lt;/div&gt;&lt;!-- fin Wrapper --&gt;

    &lt;!-- Script uniquement dans le code du site en cours de developpement --&gt;
    &lt;!-- Permet d'afficher une grille de mise en page --&gt;

    &lt;!-- Include le hashgrid script --&gt;
    &lt;script type="text/javascript" src="http://simplegeek.fr/js/hashgrid.js"&gt;&lt;/script&gt;
    &lt;!-- Mettre en action hashgrid --&gt;
    &lt;script type="text/javascript"&gt;
    var grid = new hashgrid({ numberOfGrids: 2 });
    &lt;/script&gt;

&lt;/body&gt;</pre>