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.
Pour respecter un peu mes habitudes, je modifie le dossier du thème par défaut en y ajoutant un dossier css où je stockerai les feuilles de styles et tous les éléments graphiques s'y référant.
Ce sera la même pour les divers "moteurs" de blog ou de cms que nous utiliserons ( pluxml, wordpress, joomla, etc..).
Cahier des charges
Création du webdesign
gabarit - zoning - wireframe
layout - système de grille
charte graphique
Intégration statique en Html5 - Css3
Transformation en contenu dynamique
injecter le code php propre au cms
Découper le fichier index.php
et dispatcher ainsi les diverses parties de ce fichier dans d'autres fichiers créés à cet effet: header.php, home.php, sidebar.php, footer.php, etc....