Sommaire

Foundation personnalisé

1. La personnalisation

Nous l’avons évoqué en début de chapitre, Foundation vous permet de personnaliser le framework afin de n’utiliser que les composants dont vous avez besoin pour chaque site web. Cela va vous permettre de gagner en poids, donc en temps de téléchargement.

Dans l’écran des téléchargements, dans la zone Custom, cliquez sur le bouton Custom Download.

images/C02-005.png

Vous êtes alors dirigé juste un peu plus bas dans cette page.

Voici un extrait de cet affichage :

images/C02-006.png

Dans cet écran, vous allez personnaliser les seuls composants que vous souhaitez utiliser. Pour chaque type, vous laissez cochés ceux que vous souhaitez utiliser et vous décochez ceux que vous ne souhaitez pas utiliser.

Quand vous avez fait tous vos choix, cliquez sur le bouton Download Custom Build.

Vous téléchargez une archive nommée custom-f6-xxxxx.zip. Les caractères xxxxx générés dépendent des composants que vous avez choisis.

Décompressez cette archive.

Vous obtenez un dossier nommé custom-f6.

2. Les fichiers

Voyons les fichiers présents dans le dossier custom-6.

  • Le dossier css contient les trois fichiers que nous avons déjà évoqués : app.css, foundation.css et foundation.min.css.

  • Le fichier index.html : ce fichier est une simple présentation de quelques règles CSS et contient des liens vers le site de Foundation.

  • Le dossier js contient ...