CSS

• Créer le fichier CSS

  S'il n'existe pas, dans un sous-dossier CSS je crée un fichier main.css ou style.css et je le charge dans mes fichiers HTML

• Tester le fichier

  Je teste le bon chargement du fichier en écrivant une règle simple et visuellement repérable afin de vérifier son application sur mon site

• Commenter le fichier

  Je commente le fichier afin de séparer les règles globales, utilitaires, communes, spécifiques et mobiles

• Ecrire les règles globales

  J'écris les règles générales qui vont concerner tous les éléments sur toutes les pages

• Contrôler, valider et corriger

  Je contrôle visuellement l'application des règles, je valide le code avec le validateur CSS du W3C et je corrige les erreurs

• Ajouter les média queries

  A la fin de mon fichier, j'ajoute un média query par taille d'écran cible et je vérifie leur bon fonctionnement à l'aide d'une règle simple

• Afficher et cacher

  Pour chaque bloc du template et pour chaque taille d'écran, j'affiche et je cache les éléments HTML nécessaires.

• Contrôler, valider et corriger

  Je contrôle visuellement l'application des règles, je valide le code avec le validateur CSS du W3C et je corrige les erreurs

• Ecrire les classes utilitaires

  Sur la base du wireframe, je définis des classes outils pour standardiser la mise en forme

• Positionner

  Pour chaque bloc du template et pour chaque taille d'écran, je positionne globalement les éléments HTML

• Contrôler, valider et corriger

  Je contrôle visuellement l'application des règles, je valide le code avec le validateur CSS du W3C et je corrige les erreurs

• Mettre en forme

  Pour chaque bloc du template et pour chaque taille d'écran, j'utilise des classes utilitaires et j'appliques des règles pour la mise en forme

• Contrôler, valider et corriger

  Je contrôle visuellement l'application des règles, je valide le code avec le validateur CSS du W3C et je corrige les erreurs

• Refactorer

  Je relis attentivement mon code et j'essaie de repèrer les doublons et d'utiliser à la place des classes utilitaires ou des règles communes

• Finaliser le contenu principal

  Je répète les opérations afficher et cacher, positionner et mettre en forme pour le contenu principal de chaque page

• Refactorer

  Je relis attentivement mon code et j'essaie de repèrer les doublons et d'utiliser à la place des classes utilitaires ou des règles communes

• Contrôler, valider et corriger

  Je contrôle visuellement l'application des règles, je valide le code avec le validateur CSS du W3C et je corrige les erreurs