Sommaire

Les blocs prêts à l’emploi

1. Utiliser les blocs prêts à l’emploi

Nous allons lister les blocs prêts à l’emploi disponibles.

Accédez au site de Foundation : http://foundation.zurb.com.

Dans la barre de navigation, cliquez sur le menu Develop et choisissez Building Blocks.

images/C12-001.png

Cette page présente plusieurs exemples de mises en page prêtes à l’emploi.

Attention, tous les exemples présentés n’utilisent pas tous Foundation 6. Certains exemples utilisent encore Foundation 5.

Quand vous cliquez sur un exemple de bloc, à droite de son nom vous visualisez l’indication de la version utilisée : F6 pour Foundation 6 et F5 pour Foundation 5.

Le bloc Log in form utilise Foundation 6 :

images/C12-002.png

Le bloc Header subnav utilise Foundation 5 :

images/C12-003.png

Bien sûr, comme Foundation 6 vient de sortir au moment de l’écriture de ce livre (janvier 2016), les exemples créés avec Foundation 6 sont peu nombreux mais dans les mois à venir, les exemples proposés en version 6 seront de plus en plus nombreux.

Si vous désirez avoir plus d’exemples, cliquez sur le lien Want more? Check out all the hot Building Blocks.

Dans cette page, vous visualisez immédiatement l’indication de la version utilisée avec les libellés F6 ou F5 dans la ligne du nom de chaque bloc prêt à l’emploi.

images/C12-004.png

Dans la partie supérieure de cette page, en cliquant sur la liste déroulante Type, vous affichez ...