L'En-tête d'un document

Rédigé par Webmaster Aucun commentaire
Classé dans : Non classé Mots clés : aucun

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

Responsive Webdesign – présent et futur de l’adaptation mobile

Rédigé par Webmaster Aucun commentaire
Classé dans : Créer son thème Mots clés : aucun

La problématique du responsive est bien plus complexe que ce qu'on peut lire sur certains blogs qui essaient de nous faire croire qu'il suffit aujourd'hui, pour optimiser un site pour mobile, d'ajouter 2 Media Queries pour l'iPhone et l'iPad et redimensionner toutes les images.

Lire la suite de Responsive Webdesign – présent et futur de l’adaptation mobile

Fil RSS des articles